@extends('layouts.experience_achat')
@section('meta-title', 'Confirmez et lancez votre projet')
@section('meta-keywords', '')
@section('meta-description', '')
@section('sub-menu')
    @include('front.experience_achat.menu')
@endsection
@section('content')
    <div class="loader">
        <div></div>
    </div>
    <section class="container pb-40">
        <div class="text-center mb-5">
            <figure class="d-inline">
                @php
                    $icons = [
                        'Hall d’entrée' => 'pipcke-new-project-select-room-entrance.svg',
                        'Salon' => 'pipcke-new-project-select-room-living-room.svg',
                        'Séjour' => 'pipcke-new-project-select-room-guest-room.svg',
                        'Salle à manger' => 'pipcke-new-project-select-room-dining-room.svg',
                        'Chambre adulte' => 'pipcke-new-project-select-room-bedroom.svg',
                        'Chambre enfant' => 'pipcke-new-project-select-room-kids-room.svg',
                        'Chambre bébé' => 'pipcke-new-project-select-room-nursery.svg',
                        'Dressing' => 'pipcke-new-project-select-room-dressing.svg',
                        'Cuisine' => 'pipcke-new-project-select-kitchen.svg',
                        'Salle de bains' => 'pipcke-new-project-select-bathroom.svg',
                        'Bureau' => 'pipcke-new-project-select-office.svg',
                        'Terrasse' => 'pipcke-new-project-select-terrace.svg',
                        'Pièce de vie' => 'pipcke-new-project-open-space.svg',
                        'Studio' => 'pipcke-new-project-select-studio.png',
                        'Espace commercial' => 'pipcke-new-project-select-prof.png',
                    ];
                @endphp
                @if (isset($icons[$projet->espace]))
                    <img width="50" style="position: relative; top: -10px"
                        src="{{ asset('assets/quiz/icons/' . $icons[$projet->espace]) }}">
                @else
                    <img width="50" style="position: relative; top: -10px"
                        src="{{ asset('assets/quiz/icons/pipcke-new-project-other-room.svg') }}">
                @endif
            </figure>

            <h4 class="mt-0 d-inline-block ml-3">{{ $projet->nom }}</h4>
        </div>

        <div class="row row-eq-height">

            {{-- <div class="col-md-4 text-center">
                <div class="mb-30 font-size-18 bg-white pt-3 pb-3 border-radius-4">1. {!! lang('Votre style') !!}</div>
                <div class="panel" style="min-height:400px">

                    <p class="pb-0 font-weight-bold text-marron">{{ $style_deco[0]->libelle }}</p>
                    <p class="p-lignes_2 mb-0">{!! $style_deco[0]->content !!} </p>
                    <small class="text-black read_more">{!! lang('Lire la suite') !!}</small>
                    <small class="text-black read_minus d-none">{!! lang('Réduire') !!}</small>

                    <br>
                    <br>
                    <i class="text-center">Avec une touche de</i>
                    <p class="mt-3 pb-0 font-weight-bold text-marron">{{ $style_deco[1]->libelle }}</p>
                    <p class="p-lignes_2 mb-0">{!! $style_deco[1]->content !!}</p>
                    <small class="text-black read_more">{!! lang('Lire la suite') !!}</small>
                    <small class="text-black read_minus d-none">{!! lang('Réduire') !!}</small>

                </div>
                <div>
                    <a class="text-underline font-size-12"
                        href="{{ route('experience_achat.index', request('id')) }}">{!! lang('Revenir à votre résultat de style') !!}</a>
                </div>
            </div> --}}

            <div class="col-md-6 text-center">
                <div class="mb-30 font-size-18 bg-white pt-3 pb-3 border-radius-4">1. {!! lang('Votre offre') !!}</div>
                <div class="panel" style="min-height:400px">
                    @if ($projet->forfait == 'essentiel')
                        <div class="offre">
                            <div class="titre text-marron">{!! lang('Essentiel') !!}</div>
                            <div class="prix">{!! lang("Phase concept d'idées") !!}</div>
                            <ul class="text-center p-0">
                                <li>{!! lang('1 designer') !!}</li>
                                @if ($projet->type == 'studio')
                                    <li>{!! lang("2 planches d'ambiance") !!}</li>
                                    <li>{!! lang('1 proposition de mobilier') !!}</li>
                                @else
                                    <li>{!! lang("1 planche d'ambiance") !!}</li>
                                    <li>{!! lang('1 proposition de mobilier') !!}</li>
                                @endif
                            </ul>
                        </div>
                    @endif

                    @if ($projet->forfait == 'incontournable')
                        <div class="offre">
                            <div class="titre text-marron">{!! lang('Incontournable') !!}</div>
                            <div class="prix">{!! lang("Phase concept d'idées") !!}</div>
                            <ul class="text-center p-0">
                                <li>{!! lang('1 designer') !!}</li>
                                <li>{!! lang("1 planche d'ambiance") !!}</li>
                                <li>{!! lang('1 planche mobilier') !!}</li>
                        </div>
                    @endif

                    @if ($projet->forfait == 'fantastique')
                        <div class="offre">
                            <div class="titre text-marron">{!! lang('Fantastique') !!}</div>
                            <div class="prix">{!! lang("Phase concept d'idées") !!}</div>
                            <ul class="text-center p-0">
                                <li>{!! lang('2 designers') !!}</li>
                                <li>{!! lang("2 planches d'ambiance") !!}</li>
                                <li>{!! lang('2 planches mobilier') !!}</li>
                            </ul>
                        </div>
                    @endif
                </div>
                <div style="margin-bottom: 25px;">
                    <a class="text-underline font-size-12"
                        href="{{ route('experience_achat.choisir_offre', request('id')) }}">{!! lang('Revenir au choix de votre offre') !!}</a>
                </div>
            </div>

            <div class="col-md-6 text-center">
                <div class="mb-30 font-size-18 bg-white pt-3 pb-3 border-radius-4">2. {!! lang('Vos designers') !!}</div>
                <div class="panel" style="min-height:400px">
                    <div class="designers_liste">
                        @foreach ($projet->designers as $d)
                            @php
                                $designer = $d->designer;
                            @endphp
                            <div class="row">
                                <div class="col-auto">
                                    <a href="{{ route('designers.profile', $designer->slug) }}" target="_blank">
                                        <img src="{{ $designer->photo }}" class="mt-3"
                                            style="height: 50px; width: 50px; object-fit: cover" alt="">
                                    </a>
                                </div>
                                <div class="col">
                                    <div class="text-marron titre font-weight-bold"><span>{{ $designer->prenom }}</span>
                                        {{ $designer->nom }}</div>
                                    <div class="disponibilite font-size-12 mt-1 mb-2"
                                        data-disponibilite="{{ $designer->profile->disponible }}">
                                        {{ $designer->profile->disponible ? 'Disponible' : 'Disponible prochainement' }}
                                    </div>

                                    @if (isset($designer->profile->styles))
                                        @foreach ($designer->profile->styles as $key => $style)
                                            {{ $style->libelle }}
                                            @if ($key < count($designer->profile->styles) - 1)
                                                ,
                                            @endif
                                        @endforeach
                                    @endif

                                    <br>
                                    <br>

                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
                <div>
                    <a class="text-underline font-size-12"
                        href="{{ route('experience_achat.selectionner_designers', request('id')) }}">{!! lang('Revenir au choix de vos architectes') !!}</a>
                </div>
            </div>
        </div>

        <div class="text-center mt-100">
            <div id="lancer_projet" data-url="{{ route('experience_achat.lancer_projet.confirmer', request('id')) }}"
                class="btn btn9 btn-action bg-hover-white" style="letter-spacing: 2px">{!! lang("Allez c'est parti") !!} <i
                    class="ml-3 fa fa-angle-double-right"></i> </div>

        </div>

    </section>

@endsection