@extends('dashboard::layouts.app')

@section('content')
    <section class="app-container">

        {!! Form::open([
            'class' => 'form question-form',
            'route' => ['app.questions.save-answer', $question->number],
        ]) !!}

        @include('dashboard::partials.errors')
        @include('dashboard::partials.session')

        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    @if(isset($showProgress) && $showProgress == true)
                        <div class="inquiry-progress-container">
                            @include('hack::frontend.partials.progress', [$progress])
                        </div>
                    @endif
                    <div class="full-window-height clearfix">
                        <div class="vertically-aligned-global-edit-block block-align-response">
                            <div class="inquiry-questions-container inquiry-questions-container-response">
                                <div class="question-one">
                                    <div class="inquiry-container">
                                        <div class="inquiry-heading
                                        {{ in_array($question->number, Config::get('inquiry.centered')) ? 'text-center' : '' }}
                                        {{ in_array($question->number, Config::get('inquiry.textarea')) ? 'width-70' : '' }}
                                                ">
                                            <h3 class = "yellow-colour medium-font inquiry-question-title">
                                                {{ $question->title }}
                                            </h3>
                                        </div>
                                    </div>
                                    <div class="inquiry-answers-list {{ in_array($question->number, Config::get('inquiry.centered')) ? 'text-center' : '' }}">

                                            @if($question->questionType->name == 'Radio')
                                                <div class="inquiry-answers-big-block">
                                                    @foreach($question->answers as $answer)
                                                        <div class="inquiry-answer-block">
                                                            <div class="inquiry-answer-container">
                                                                <div class="input-item radio-item inquiry-radio-item">
                                                                    {!! Form::radio('value', $answer->id, null, ['class' => 'question-radio']) !!}
                                                                    <span class="custom-radio-item">
                                                                        <span></span>
                                                                    </span>
                                                                    {{--{!! Form::hidden('answer_type', $answer->question->questionType->name, []) !!}--}}
                                                                    {!! Form::label($answer->title, null, ['class' => 'radio-name']) !!}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            @elseif($question->questionType->name == 'Select')
                                                <div class="select-container">
                                                    <div class="input-item select-item {{ in_array($question->number, Config::get('inquiry.centered')) ? 'auto-margin' : '' }}">
                                                        {!! Form::select('value', $question->answers->lists('title', 'id')->toArray(), null, ['class' => 'select-answer']) !!}
                                                        <div class="arrow-select">
                                                            <i class="demo-icon icon-down"></i>
                                                        </div>
    {{--                                                {!! Form::hidden('answer_type', $answers->first()->question->questionType->name, []) !!}--}}
                                                    </div>
                                                </div>
                                            @elseif($question->questionType->name == 'Textarea')
                                                @foreach($question->answers as $answer)
                                                    <div class="textarea-container text-center">
                                                        <div class="input-item textarea-item">
                                                            {!! Form::textarea('value[' . $answer->id . ']', null, ['class' => 'textarea-answer transition question-textarea', 'placeholder' => 'WRITE YOUR ANSWER HERE']) !!}
    {{--                                                    {!! Form::hidden('answer_type', $answer->question->questionType->name, []) !!}--}}
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @elseif($question->questionType->name == 'Checkbox')
                                            @elseif($question->questionType->name == 'Statement Importance')
                                                <div class="inquiry-answers-big-block">
                                                    @foreach($question->answers as $answer)
                                                        @foreach($answer->statements as $key => $statement)

                                                                                                                        <div class="statement-answer-block">
                                                                <div class="statement-container clearfix">

                                                                    <p class = "response-statement-text">
                                                                        {{ $statement->text }}
                                                                    </p>

                                                                    {!! Form::text('ranges[' . $key . ']', null, ['class' => '']) !!}

                                                                    {{--<div class="select-container">--}}
                                                                        {{--<div class="input-item select-item">--}}
                                                                            {{--{!! Form::select('ranges[]', $rangeArray, null, ['class' => 'select-answer']) !!}--}}
                                                                            {{--<div class="arrow-select">--}}
                                                                                {{--<i class="demo-icon icon-down"></i>--}}
                                                                            {{--</div>--}}
                                                                            {{--                                                {!! Form::hidden('answer_type', $answers->first()->question->questionType->name, []) !!}--}}
                                                                        {{--</div>--}}
                                                                    {{--</div>--}}

                                                                    {{--<select name="ranges[]" class = "statement-range-select">--}}
                                                                        {{--@for($i = $from; $i <= $to; $i++)--}}
                                                                            {{--<option value="{{ $i }}">--}}
                                                                                {{--{{ $i }}--}}
                                                                            {{--</option>--}}
                                                                        {{--@endfor--}}
                                                                    {{--</select>--}}
                                                                    <p class = "statement-text">
                                                                        {{ $statement->text }}
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        @endforeach
                                                    @endforeach
                                                </div>


                                                @if($question->additional_info)
                                                    {{--<!-- TODO: Make a view presenter -->--}}
                                                    {{--dd($question->additional_info);--}}
                                                    {{--$explodedInfo = explode(',', $question->additional_info);--}}

                                                    {{--<ul class="scale-info {{ in_array($question->number, Config::get('inquiry.centered')) ? 'text-center' : '' }}">--}}
                                                    {{--@foreach($explodedInfo as $item)--}}
                                                    {{--<li class="scale-item">--}}
                                                    {{--{{ $item }}--}}
                                                    {{--</li>--}}
                                                    {{--@endforeach--}}
                                                    {{--</ul>--}}
                                                    <div class="inquiry-additional-info {{ in_array($question->number, Config::get('inquiry.centered')) ? 'text-center' : '' }}">
                                                        {{ $question->additional_info }}
                                                    </div>
                                                @endif

                                            @endif

                                        <div class="next-inquiry-question for-mobile visible-xs">
                                            @if($question->number < 13)
                                                @if(Auth::user()->reanswer == 1)
                                                    {!! Form::submit('Save', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                                                @else
                                                    {!! Form::submit('Next', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                                                @endif
                                            @else
                                                @if(Auth::user()->reanswer == 1)
                                                    {!! Form::submit('Save', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                                                @else
                                                    {!! Form::submit('Finish', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                                                @endif
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <div class="next-inquiry-question hidden-xs">
                        @if($question->number < 13)
                            @if(Auth::user()->reanswer == 1)
                                {!! Form::submit('Save', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                            @else
                                {!! Form::submit('Next', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                            @endif
                        @else
                            @if(Auth::user()->reanswer == 1)
                                {!! Form::submit('Save', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                            @else
                                {!! Form::submit('Finish', ['class' => 'form-control-app button-app button-app-two transition pull-right']) !!}
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection