@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_grp')
@endsection
@section('content')
    <div class="loader">
        <div></div>
    </div>

    <section class="container pb-40 pt-15">
        <div class="text-center mb-5 row">
            <div class="col-md-2">
                <figure class="icon_project">
                    <img width="50" style="position: relative; top: -10px"
                        src="{{ asset('assets/quiz/icons/pipcke-new-project-other-room.svg') }}">
                </figure>
            </div>

            <div class="h4 mt-0 ml-3 col-md-8" style="">
                <div class="project_name_lancer">
                    {{ $group->nom_group }}
                </div>
            </div>
            <div class="col-md-2"></div>
        </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_grp', 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">
                    @foreach ($group->projets as $projet)
                        <div class="prix"><u>{!! $projet->espace !!}</u></div>
                        <br>
                        @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>
                                    <li>{!! lang("1 planche d'ambiance") !!}</li>
                                    <li>{!! lang('1 proposition de mobilier') !!}</li>
                                </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>
                                </ul>
                            </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
                        <hr>
                    @endforeach
                </div>
                <div>
                    <a class="text-underline font-size-12"
                        href="{{ route('experience_achat.choisir_offre_grp', 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 ($group->projets as $projet)
                            <div class="prix"><u>{!! $projet->espace !!}</u></div>
                            <br>
                            @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
                            <hr>
                        @endforeach
                    </div>
                </div>
                <div>
                    <a class="text-underline font-size-12"
                        href="{{ route('experience_achat.selectionner_designers_grp', 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_grp.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