@extends('layouts.experience_achat')
@section('meta-title', 'Sélectionnez vos designers')
@section('meta-keywords', '')
@section('meta-description', '')
@section('sub-menu')
    @include('front.experience_achat.menu')
@endsection
@section('content')
    @php
        $forfait = $projet->forfait;
        if ($projet->migrated) {
            if ($projet->forfait == 'incontournable') {
                $forfait = 'essentiel';
            } elseif ($projet->forfait == 'fantastique') {
                $forfait = 'incontournable';
            }
        }
    @endphp
    <div class="loader">
        <div></div>
    </div>
    <div class="container" data-forfait="{{ $projet->forfait }}" data-migrated="{{ $projet->migrated }}">

        <form method="post" class="panel">
            {{ csrf_field() }}

            <div class="row designers {{ $forfait }}">
                <div class="{{ $projet->migrated ? 'col-md-6' : 'col-md-4' }}">
                    @php
                        $designer =
                            $choose_designers[0] ?? (\App\Models\Designer::find(session('designer_selected')) ?? '');
                    @endphp

                    @if (count($choose_designers) == $projet->nb_designers)
                        @section('script2')
                            <script type="text/javascript">
                                jQuery(document).ready(function($) {
                                    $('#btn_confirmer_designer').show();
                                });
                            </script>
                        @endsection()
                    @endif
                    <div class="esquisse">{!! lang('1<sup>er</sup> concept') !!}</div>
                    <div class="designer {{ $designer ? 'affected' : '' }}"
                        data-designer_id="{{ $designer ? $designer->id : '' }}"
                        style="{{ $designer->photo ?? 0 ? "background: url( '$designer->photo' )" : '' }}">
                        <div class="remove"><i class="fa fa-times"></i></div>
                        <input type="hidden" name="designer[]" value="{{ $designer ? $designer->id : '' }}">
                    </div>

                    <div class="prenom mt-2">{{ $designer->prenom ?? '' }}</div>
                </div>
                <div class="{{ $projet->migrated ? 'col-md-6' : 'col-md-4' }}">
                    @php  $designer = $choose_designers[1] ?? ''; @endphp

                    <div class="esquisse">{!! lang('2<sup>ème</sup> concept') !!}</div>
                    <div class="designer {{ $designer ? 'affected' : '' }}"
                        data-designer_id="{{ $designer ? $designer->id : '' }}"
                        style="{{ $designer->photo ?? 0 ? "background: url( '$designer->photo' )" : '' }}">
                        <div class="remove"><i class="fa fa-times"></i></div>
                        <input type="hidden" name="designer[]" value="{{ $designer ? $designer->id : '' }}">
                    </div>
                    <div class="prenom mt-2">{{ $designer->prenom ?? '' }}</div>
                </div>
                <div class="{{ $projet->migrated ? 'd-none' : 'col-md-4' }}">
                    @php  $designer = $choose_designers[2] ?? ''; @endphp
                    <div class="esquisse">{!! lang('3<sup>ème</sup> concept') !!}</div>
                    <div class="designer {{ $designer ? 'affected' : '' }}"
                        data-designer_id="{{ $designer ? $designer->id : '' }}"
                        style="{{ $designer->photo ?? 0 ? "background: url( '$designer->photo' )" : '' }}">
                        <div class="remove"><i class="fa fa-times"></i></div>
                        <input type="hidden" name="designer[]" value="{{ $designer ? $designer->id : '' }}">
                    </div>
                    <div class="prenom mt-2">{{ $designer->prenom ?? '' }}</div>
                </div>
            </div>
            <div class="text-center mt-30 mb-10">
                <button id="btn_confirmer_designer" class="btn btn2 btn-xs btn-formulaire">{!! lang('Confirmer') !!}</button>
            </div>
        </form>
        <div class="panel">
            <form action="" class="row filters">
                <div class="col-md-2">
                </div>
                <div class="col-md-4">
                    <div class="form-group form-inline">

                        <label for="">Style</label>

                        <select class="form-control" name="style">
                            <option value="">Tous les styles</option>
                            @foreach (\App\Models\StyleDeco::get() as $style)
                                <option value="{{ $style->id }}"
                                    {{ request('style') == $style->id ? 'selected' : '' }}>
                                    {{ $style->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group form-inline">
                        <label for="">Type</label>
                        <select class="form-control" name="type">
                            <option value="">Tous les types</option>
                            <option value="residentiel" {{ request('type') == 'residentiel' ? 'selected' : '' }}>
                                Résidentiel
                            </option>
                            <option value="commercial" {{ request('type') == 'commercial' ? 'selected' : '' }}>Commercial
                            </option>
                        </select>
                    </div>
                </div>
                <div class="col-md-2">
                    {{-- <div class="form-group form-inline">
                        <label for="">Disponibilité</label>
                        <select class="form-control" name="disponibilite">
                            <option value="">Toutes les disponibilités</option>
                            <option value="immediate">Immédiate</option>
                            <option value="prochaine">Prochaine</option>
                        </select>
                    </div> --}}
                </div>
            </form>
        </div>
        <div class="panel selectionner_designer">
            <div class="row designers-container">
                @foreach ($designers as $designer)
                    @if ($designer->profile->disponible == 1)
                        <div class="col-lg-4 col-md-6 col-sm-12 deisgner-item"
                            data-groups='{{ \App\Models\StyleDeco::whereIn('libelle', $designer->profile->styles->pluck('libelle'))->get()->pluck('id') }}'
                            data-disponibilite='immediate' data-type='{{ $designer->profile->types->pluck('libelle') }}'>
                            @include('front.components.designer', ['forfait' => $projet->forfait])
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    </div>
@endsection