@extends('layouts.front') 
@php $isStuck=1; @endphp 
@section('meta-title','Designers : Les meilleurs architectes d’intérieur') 
@section('meta-keywords','') 
@section('meta-description','') 
@section('body-class','designer_profile') 
@section('content')
<section class="mt-100">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-offset-2 col-md-8">
                <div class="cover" style="background-image: url('{{ asset($designer->profile->cover) }}')">
                </div>
            </div>
        </div>
    </div>
</section>
<section class="pb-40">
    <div class="container">
        <div class="user_photo">
            <div class="photo" style="background-image: url('{{ $designer->photo }}')"></div>
            <br>
            <h4>{{ $designer->nom.' '.$designer->prenom}}</h4>
            <div class="disponible mt-10"><i class="fa fa-check"></i> Disponible</div>
            <br>
            <a href="#" class="btn btn-sm btn2 mt-10">Lancer votre projet avec {{ $designer->prenom }}</a>
        </div>
    </div>
</section>
<section class="pt-30 pb-40 bg-light">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">
                <div class="panel">
                    <h5>Styles favoris</h5>
                    <p>
                        @foreach( $designer->profile->styles as $key => $style ) 
                        	{{ $style->libelle }}{{ ($key < count($designer->profile->styles)-1)?',':'' }} 
                        @endforeach
                    </p>
                </div>
                <div class="panel">
                    <i class="fa fa-map-pin mr-3"></i> {{ $designer->profile->adresse }}
                </div>
                <div class="panel">
                    <h5 class="mb-0">
						<a class="favoris" data-action="favoris_toggle" data-url="{{ route('api.favoris.toggle', $designer->id) }}" class="mr-3">
							<span class="show-favoris {{ !$designer->in_favoris?'hidden':'' }}">
								<i class="fa fa-heart text-danger"></i>
								Supprimer {{ $designer->prenom }} des favoris
							</span>
							<span class="hide-favoris {{ $designer->in_favoris?'hidden':'' }}">
								<i class="fa fa-heart-o"></i>
								Ajouter {{ $designer->prenom }} aux favoris
							</span>
						</a>
					</h5>
                </div>
                @php $facebook = $designer->profile->social_medias->where('libelle','facebook')->first()->url ?? null; $twitter = $designer->profile->social_medias->where('libelle','twitter')->first()->url ?? null; $linkedin = $designer->profile->social_medias->where('libelle','linkedin')->first()->url ?? null; $pinterest = $designer->profile->social_medias->where('libelle','pinterest')->first()->url ?? null; $behance = $designer->profile->social_medias->where('libelle','behance')->first()->url ?? null; $instagram = $designer->profile->social_medias->where('libelle','behance')->first()->url ?? null; @endphp @if( $facebook || $twitter || $linkedin || $pinterest || $behance || $instagram )
                <div class="panel">
                    <h5>Suivez {{ $designer->prenom }}</h5> @if($facebook)
                    <a href="#" class="icon"><i class="fa fa-facebook"></i></a> @endif @if($twitter)
                    <a href="#" class="icon"><i class="fa fa-twitter"></i></a> @endif @if($linkedin)
                    <a href="#" class="icon"><i class="fa fa-linkedin"></i></a> @endif @if($pinterest)
                    <a href="#" class="icon"><i class="fa fa-pinterest"></i></a> @endif @if($behance)
                    <a href="#" class="icon"><i class="fa fa-behance"></i></a> @endif @if($instagram)
                    <a href="#" class="icon"><i class="fa fa-instagram"></i></a> @endif
                </div>
                @endif
            </div>
            <div class="col-md-6">
                <div class="panel">
                    <h5>{{ $designer->prenom }} en quelques mots</h5>
                    <p>{{$designer->profile->resume}}</p>
                </div>
                <div class="panel">
                    <h5>Ma conception de l'architecture d'interieur</h5>
                    <p>{{$designer->profile->conception}}</p>
                </div>
                <div class="panel">
                    <h5>Mon style</h5>
                    <p>{{$designer->profile->style}}</p>
                </div>
                <div class="panel">
                    <h5>Mes sources d'inspiration</h5>
                    <p>{{$designer->profile->sources_inspiration}}</p>
                </div>
                <div class="panel">
                    <h5>Mes formations et certifications</h5> @foreach( $designer->profile->formations as $formation )
                    <div class="formation-item">
                        <span class="date">{{ $formation->annee }}</span>
                        <b>{{ $formation->libelle }}</b>
                        <span class="ecole">{{ $formation->ecole }}</span>
                    </div>
                    @endforeach
                </div>
                <div class="panel">
                    <h5>Langues</h5> @foreach( $designer->profile->langues as $langue )
                    <div class="formation-item">
                        <b>{{ $langue->libelle }}</b>
                        <span class="ecole">{{$langue->niveau}}</span>
                    </div>
                    @endforeach
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel">
                    <h5>Partager le profile de {{ $designer->prenom }}</h5>
                    <a href="#" class="icon"><i class="fa fa-facebook"></i></a>
                    <a href="#" class="icon"><i class="fa fa-twitter"></i></a>
                    <a href="#" class="icon"><i class="fa fa-linkedin"></i></a>
                    <a href="#" class="icon"><i class="fa fa-envelope"></i></a>
                    <a href="#" class="icon"><i class="fa fa-link"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="vc_row pt-100 pb-130">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                <div class="mb-90 ">
                    <div class="text-center text-black font-size-20">Portfolio de {{ $designer->prenom }}</div>
                </div>
            </div>
        </div>
        <div class="lqd-column">
            <div class="ld-carousel-phone ld-carousel-phone-style-2">
                <div class="ld-carousel-phone-inner">
                    <div class="mockup-container">
                        <div class="mockup-inner">
                            <figure class="text-center">
                                <img src="{{ asset('img/mockup-1.png') }}" alt="Phone">
                            </figure>
                        </div>
                    </div>
                    <div class="mockup-content-container">
                        <div class="mockup-content-inner">
                            <div class="carousel-container carousel-nav-floated carousel-nav-middle carousel-nav-bordered carousel-nav-circle carousel-nav-sm">
                                <div class="carousel-items " data-lqd-flickity='{ "groupCells": false, "wrapAround": true, "cellAlign": "center" }'>
                                    @foreach( $designer->profile->photos as $photo )
                                    <div class="carousel-item">
                                        <img src="{{ asset($photo->url) }}" alt="">
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection