@extends('front._.app')

@section('content')


<section class="section-page">
    <div class="container">
        <div class="row">
            <div class="col-md-8 offset-md-2">
                <h2 class="fontTitle colorPrimary title-section">{{ $escale->name }} :: {{ $escale->description }}</h2>


                @foreach ($escale->lines as $line)
                <div class="cardBgGray">
                    <h6 class="colorBlack">
                        {{ $line->question }}
                    </h6>
                    <select class="select-2 qiResponse" data-escaleId="{{ $escale->id }}"
                            data-lineId="{{ $line->id }}"
                            data-url="{{ route('qi.response') }}">

                            <option value="0">--------</option>

                        @foreach ($qiResponses as $response)
                            <option value="{{ $response['id'] }}"
                            @if ($qiEscale && isset($qiEscale[$escale->id][$line->id]) && $qiEscale[$escale->id][$line->id]==$response['id'] )
                            selected
                            @endif
                            >{{ $response['value'] }}</option>

                        @endforeach
                    </select>
                </div>
                @endforeach
            </div>

            <div class="col-md-12">
                <div class="pagination">
                    @if ($escales->first()->id!=$escale->id)
                        @php
                            $id = $escale->id - 1;
                        @endphp
                        <a href="{{ route('qi.escale',[$id]) }}"><i class="fas fa-long-arrow-alt-left"></i></a>
                    @endif

                    <a href="javascript:void(0)" class="active">
                        {{ $escale->name }} / {{ $escales->count() }}
                    </a>

                    {{--
                    @foreach ($escales as $escale_)
                        <a href="{{ route('qi.escale',[$escale_->id]) }}"
                        @if ($escale_->id==$escale->id)
                            class="active"
                        @endif
                        >{{ $escale_->name }}</a>
                    @endforeach
                         --}}

                    @if ($escales->last()->id!=$escale->id)
                        @php
                            $id = $escale->id + 1;
                        @endphp
                        <a href="{{ route('qi.escale',[$id]) }}"><i class="fas fa-long-arrow-alt-right"></i></a>
                    @endif
                </div>

                @if ($escales->last()->id==$escale->id)
                    <div class="text-center mt-5">
                        <a class="esg-btn red" href="{{ route('qi.result') }}">
                            Terminer le test<span><i class="fas fa-spell-check"></i></span>
                        </a>
                    </div>
                @endif
            </div>

        </div>
    </div>
</section>


@endsection