@extends('layouts.app')
@section('title', 'Vente ' . ucfirst(trans($bien->bien_type->bien_type_libelle) ) . $bien->bien_localisation->bien_localisation_ville
. $bien->bien_interieur->bien_interieur_chambre . ' chambres ' . intval($bien->bien_surface->bien_surface) .'m² ')
@section('description', 'Bienvenue sur votre site d\'annonces immobilières Agence Vauban')

@include('incs.navbar')

@section('contenu')
@if($bien->bien_statut == 0)
<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 col-xl-3 text-center mt-7 pl-xl-8">
                <button type="button" onclick="window.location.href='{{url()->previous()}}'"
                        class="btn bouton-generique"><i class="fa fa-arrow-left"></i> Retour aux
                    résultats
                </button>
            </div>
            <div class="col-lg-12 col-xl-7 pr-xl-10 col-sm-12 col-xs-10 text-center mt-5">
                <h1 class="text-rumble titre-fiche-bien">
                    <div class="col-lg-2 justify-content-center mt-8">

                        <img src="{{asset('img/site/illu-oups.png')}}" width="150px"></img>
                    </div>
                    <div class="col-lg-6">
                        <p class="text-rumble blue" style="font-size: 36px;">
                            Oups ! trop tard ce bien est déjà vendu ! mais ça ne fait rien, effectuez une <a
                                onclick="window.location.href='{{route('recherche')}}'"
                                style="text-underline: #0f6674"> nouvelle recherche</a> pour trouver votre
                            bonheur !
                    </div>
                </h1>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>
</section>
@else

<section>
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-12 col-xl-4 text-center mt-7">
                <button type="button" onclick="window.location.href='{{url()->previous()}}'"
                        class="btn bouton-generique"><i class="fa fa-arrow-left"></i> Retour aux
                    résultats
                </button>
            </div>

            <div class="col-lg-12 col-xl-4 col-sm-12 col-xs-10 text-center mt-5">
                <h1 class="text-rumble titre-fiche-bien">
                    <p>
                        @switch($bien->bien_type->bien_type_libelle)
                        @case('fond_commerce')
                        Fonds de commerce
                        @break
                        @case('local_professionnel')
                        Local professionnel
                        @break
                        @default
                        {{ ucfirst(trans($bien->bien_type->bien_type_libelle)) }}
                        @endswitch
                        - {{$bien->bien_localisation->bien_localisation_ville}} <br>
                    <p class="text-center blue nunito-semi sous-titre-fiche-bien">
                        @if($bien->bien_interieur->bien_interieur_chambre !== 0)
                        {{$bien->bien_interieur->bien_interieur_chambre}} chambre(s)  -
                        @endif
                        {{$bien->bien_surface->bien_surface}}m² - {{$bien->bien_finance->bien_finance_prix}}€
                    </p>
                </h1>
            </div>

            <div class="col-lg-12 col-xl-4 col-sm-12 col-xs-10 mt-5 d-xl-block d-none ">
                <div class="col-xl-12 col-lg-7 pl-xl-5 col-md-12">
                    <div class="card profile-header">
                        @foreach($negociateur as $nego)
                        <div class="body">
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-12">
                                    <div class="profile-image float-md-right">
                                        @if($nego->negociateur_photo !== '')
                                        <img
                                            src="{{asset('images/')}}/{{$nego->negociateur_photo}}"
                                            width="100px" class="border-picture" alt="">
                                        @else
                                        <img
                                            src="{{asset('images/')}}/avatar.png"
                                            width="100px" class="border-picture" alt="">
                                        @endif
                                    </div>
                                </div>
                                <div class="col-lg-8 col-md-8 col-12 mt-2">
                                    <h4 class="m-t-0 m-b-0">
                                        <strong>{{$nego->negociateur_prenom}}</strong> {{$nego->negociateur_nom}}
                                    </h4>
                                    <span class="job_post">{{$nego->negociateur_tel}}</span>
                                    <p>
                                        <a href="mailto:{{$nego->negociateur_email}}">{{$nego->negociateur_email}}</a>
                                        <br/>Référence du bien:
                                        <strong>{{$bien->bien_id_immo_facile}}</strong>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


@include('incs.lightbox')
@include('incs.carouselBiens')


<section>
    <div class="container mt-5 pb-5">
        <div class="row">
            <div class="pouce">
                <img src="{{asset('img/picto/picto-aime.png')}}" width="80px">
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 mt-5 col-xs-12">
                <div class="text-rumble">
                    <p style="font-size: 35px;">On a aimé...</p>
                    <hr class="barre mb-2" style="margin: 0">
                    <p class="blue"
                       style="font-size: 20px">{!! str_replace(['.', '!'], ['.<br>', '!<br>'], $bien->bien_description->bien_description_point_positif) !!}</p>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="row text-xl-right text-center">
                    <div class="col-xs-6 col-lg-2 ml-5 pictos-bien">
                        <img src="{{asset('img/picto/picto-type-biens.png')}}">
                        <p>
                            @switch($bien->bien_type->bien_type_libelle)
                            @case('fond_commerce')
                            Fonds de commerce
                            @break
                            @case('local_professionnel')
                            Local professionnel
                            @break
                            @default
                            {{ ucfirst(trans($bien->bien_type->bien_type_libelle)) }}
                            @endswitch</p>
                    </div>
                    <div class="col-xs-6 col-lg-2 ml-5 pictos-bien">
                        <img src="{{asset('img/picto/picto-surface.png')}}">
                        <p class="pr-3">{{$bien->bien_surface->bien_surface}}m²</p>
                    </div>

                    @switch($bien->bien_type->bien_type_libelle)
                    @case('fond_commerce')
                    @break
                    @case('local_professionnel')
                    @break
                    @case('terrain')
                    @break
                    @default
                    <div class="col-xs-6 col-lg-2 ml-5 pictos-bien">
                        <img src="{{asset('img/picto/picto-nb-pieces.png')}}">
                        <p class="pr-2">{{$bien->bien_interieur->bien_interieur_nb_piece}} pièces</p>
                    </div>
                    <div class="col-xs-6 col-lg-2 ml-5 pictos-bien">
                        <img src="{{asset('img/picto/picto-chambre.png')}}">
                        @if($bien->bien_interieur->bien_interieur_chambre === 1 || $bien->bien_interieur->bien_interieur_chambre === 0)
                        <p class="pl-2">{{$bien->bien_interieur->bien_interieur_chambre}} chambre</p>
                        @else
                        <p class="pl-2">{{$bien->bien_interieur->bien_interieur_chambre}} chambres</p>
                        @endif
                    </div>
                    @endswitch
                </div>
				<div class="row">
					<div class="col-lg-12 pl-xl-9 mt-xl-5">
						<p><strong>Description</strong></p>
						<p>{!! nl2br(e($bien->bien_description->bien_description)) !!}</p>
					</div>
				</div>
            </div>
            <div class="col-lg-12 col-xl-4 col-sm-12 col-xs-10 mt-5 d-xl-none d-block ">
                <div class="col-xl-12 col-lg-7 pl-xl-5 col-md-12">
                    <div class="card profile-header">
                        <h2 class="text-rumble text-center mb-4">Votre conseiller</h2>
                        @foreach($negociateur as $nego)
                        <div class="body">
                            <div class="row">
                                <div class="col-lg-4 col-md-4 col-4">
                                    <div class="profile-image float-md-right">
                                        @if($nego->negociateur_photo !== '')
                                        <img
                                            src="{{asset('images/')}}/{{$nego->negociateur_photo}}"
                                            width="100px" class="border-picture" alt="">
                                        @else
                                        <img
                                            src="{{asset('images/')}}/avatar.png"
                                            width="100px" class="border-picture" alt="">
                                        @endif
                                    </div>
                                </div>
                                <div class="col-lg-8 col-md-8 col-8 mt-1">
                                    <h4 class="m-t-0 m-b-0">
                                        <strong>{{$nego->negociateur_prenom}}</strong> {{$nego->negociateur_nom}}
                                    </h4>
                                    <span class="job_post">{{$nego->negociateur_tel}}</span>
                                    <p>
                                        <a href="mailto:{{$nego->negociateur_email}}">{{$nego->negociateur_email}}</a>
                                        <br/>Référence du bien:
                                        <strong>{{$bien->bien_id_immo_facile}}</strong>
                                    </p>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

<section>
    <div class="container-fluid">
        <div class="row pr-lg-10 pl-lg-10">
            <div class="col-lg-5 blue-background-primary">
                <div class="col-lg-12 d-none d-xl-block ">
                    <div class="illu-detail-bien" style="margin-left:-40px;">
                        <span class="text-center text-details"> Détails <br> du bien</span>
                        <img src="{{asset('img/site/illu-details-bien.png')}}" width="100%">
                    </div>
                </div>
                <div class="col-lg-12 d-block d-sm-block d-xl-none d-md-block text-center">
                    <p class="text-rumble text-white" style="font-size: 48px">Détails <br> du bien</p>
                </div>
            </div>
            <div class="col-xl-7 col-md-12 pb-4" style="background-color: #21212d">

                <!-- infos Général bien -->
                <div class="col-lg-12 pt-8">
                    <div class="col-lg-3">
                        <p class="blue pictos-bien-details">
                            <img class="img-fluid"
                                 src="{{asset('img/picto/picto-infos-generales.png')}}">
                            <span style="font-size: 20px"> Général</span>
                        </p>
                    </div>
                    <div class="row mt-2 pl-4 font-bien-tab text-white">
                        @if($bien->bien_finance->bien_finance_prix !== null)
                        <div class="col-lg-4">
                            <p>Prix de vente: {{$bien->bien_finance->bien_finance_prix}}
                                €</p>
                        </div>
                        @endif
                        @if($bien->bien_finance->bien_finance_honoraire !== null)
                        <div class="col-lg-4">
                            <p>Honoraires: {{$bien->bien_finance->bien_finance_honoraire}}€
                                ({{$bien->bien_finance->bien_finance_honoraire_pourcentage}}%)</p>
                        </div>
                        @endif
                        @if($bien->bien_surface->bien_surface !== null)
                        <div class="col-lg-4">
                            <p>
                                @switch($bien->bien_surface->bien_surface)
                                @case(0)
                                @break
                                @default
                                Surface : {{$bien->bien_surface->bien_surface}} m²
                                @endswitch
                            </p>
                        </div>
                        @endif
                        @if($bien->bien_type->bien_type_libelle !== null)
                        <div class="col-lg-4">
                            <p>Type de bien :
                                @switch($bien->bien_type->bien_type_libelle)
                                @case('fond_commerce')
                                Fonds de commerce
                                @break
                                @case('local_professionnel')
                                Local professionnel
                                @break
                                @default
                                {{ ucfirst(trans($bien->bien_type->bien_type_libelle)) }}
                                @endswitch
                            </p>
                        </div>
                        @endif
                        @if($bien->bien_surface->bien_surface_carrez !== 0.00 &&  $bien->bien_surface->bien_surface_carrez !== null)
                        <div class="col-lg-4">
                            <p class="">Surface loi Carrez
                                : {{$bien->bien_surface->bien_surface_carrez}} m²</p>
                        </div>
                        @endif
                        @if($bien->bien_surface->bien_surface_terrain !== 0.00)
                        <div class="col-lg-4">
                            <p>
                                @switch($bien->bien_surface->bien_surface_terrain)
                                @case(0)
                                @break
                                @default
                                Surface terrain
                                : {{$bien->bien_surface->bien_surface_terrain}} m²
                                @endswitch
                            </p>
                        </div>
                        @endif
                        @if($bien->bien_surface->bien_surface_terrasse !== 0.00 &&  $bien->bien_surface->bien_surface_terrasse !== null)
                        <div class="col-lg-4">
                            <p>Surface Terrasse
                                : {{$bien->bien_surface->bien_surface_terrasse}} m²</p>
                        </div>
                        @endif
                    </div>
                </div>
                <!-- ne pas afficher aménagement pour les locaux pro/fond de commerce/terrain -->
                @switch($bien->bien_type->bien_type_libelle)
                @case('fond_commerce')
                @break
                @case('local_professionnel')
                @break
                @case('terrain')
                @break
                @default
                <!-- infos Aménagement intérieur bien -->
                <div class="col-lg-12 pt-3">
                    <div class="col-lg-4">
                        <p class="blue pictos-bien-details">
                            <img class="img-fluid"
                                 src="{{asset('img/picto/picto-amenagement-interieur.png')}}">
                            <span style="font-size: 20px"> Aménagement intérieur</span>
                        </p>
                    </div>
                    <div class="row mt-2 pl-4 font-bien-tab text-white">
                        @if(trim($bien->bien_interieur->bien_interieur_nb_piece !== ''))
                        <div class="col-lg-4">
                            <p>Nombre de pièces: {{$bien->bien_interieur->bien_interieur_nb_piece}}
                            </p>
                        </div>
                        @endif
                        @if($bien->bien_surface->bien_surface_sejour > 0)
                        <div class="col-lg-4">
                            <p>Salon / Séjour : {{$bien->bien_surface->bien_surface_sejour}} m²</p>
                        </div>
                        @endif
                        @if($bien->bien_interieur->bien_interieur_chambre > 0)
                        <div class="col-lg-4">
                            <p>Nombre de chambre(s): {{$bien->bien_interieur->bien_interieur_chambre}}
                            </p>
                        </div>
                        @endif
                        @if(trim($bien->bien_interieur->bien_interieur_cuisine !== ''))
                        <div class="col-lg-4">
                            <p>Cuisine :
                                @switch(trim($bien->bien_interieur->bien_interieur_cuisine))
                                @case('')
                                non renseigné
                                @break
                                @case('AmenageeEquipee')
                                Aménagée équipée
                                @break
                                @case('IndependanteAmenageeEquipee')
                                Indépendante aménagée équipée
                                @break
                                @case('IndependanteEquipee')
                                Indépendante équipée
                                @break
                                @default
                                {{$bien->bien_interieur->bien_interieur_cuisine}}
                                @endswitch
                            </p>
                        </div>
                        @endif
                        @if($bien->bien_interieur->bien_interieur_salle_bains > 0)
                        <div class="col-lg-4">
                            <p class="text-white">Nombre de salle(s) de
                                bain: {{$bien->bien_interieur->bien_interieur_salle_bains}}
                            </p>
                        </div>
                        @endif

                    </div>
                </div>
                @endswitch

                <!-- infos équipements bien -->
                <div class="col-lg-12 pt-3">
                    <div class="col-lg-3">
                        <p class="blue pictos-bien-details">
                            <img class="img-fluid"
                                 src="{{asset('img/picto/picto-equipement-bleu.png')}}">
                            <span style="font-size: 20px"> Équipements</span>
                        </p>
                    </div>
                    <div class="row mt-2 pl-4 font-bien-tab text-white">
                        @if($bien->bien_surface->bien_surface_terrasse !== null)
                        <div class="col-lg-4">
                            <p>Terrasse : oui</p>
                        </div>
                        @endif
                        @if($bien->bien_divers->bien_divers_garage !== null)
                        <div class="col-lg-4">
                            <p>Garage : {{$bien->bien_divers->bien_divers_garage}}</p>
                        </div>
                        @endif
                        @if(trim($bien->bien_interieur->bien_interieur_type_chauffage) !== '')
                        <div class="col-lg-4">
                            <p>Chauffage:
                                @switch(trim($bien->bien_interieur->bien_interieur_type_chauffage))
                                @case('CollectifComptageIndividuel')
                                Collectif
                                @break
                                @default
                                {{ucfirst($bien->bien_interieur->bien_interieur_type_chauffage)}}
                                @endswitch
                            </p>
                        </div>
                        @endif
                        @if($bien->bien_exterieur->bien_exterieur_jardin == 1)
                        <div class="col-lg-4">
                            <p>Jardin : oui</p>
                        </div>
                        @endif
                        @if($bien->bien_divers->bien_divers_piscine == 1)
                        <div class="col-lg-4">
                            <p>Piscine : oui</p>
                        </div>
                        @endif
                        @if($bien->bien_divers->bien_divers_veranda == 1)
                        <div class="col-lg-4">
                            <p>Véranda : oui</p>
                        </div>
                        @endif
                        @if($bien->bien_divers->bien_divers_cave == 1)
                        <div class="col-lg-4">
                            <p>Cave : oui</p>
                        </div>
                        @endif
                        @if($bien->bien_divers->bien_divers_ascenseur == 1)
                        <div class="col-lg-4">
                            <p>Ascenseur : oui</p>
                        </div>
                        @endif
                        @if(trim($bien->bien_interieur->bien_interieur_mode_chauffage) !== '')
                        <div class="col-lg-4">
                            <p>Mode chauffage :
                                @switch(trim($bien->bien_interieur->bien_interieur_mode_chauffage))
                                @case('Climatisation_Reversible_Electrique')
                                Climatisation reversible
                                @break
                                @case('Gazdeville')
                                Gaz de ville
                                @break
                                @case('pompe_chaleur_air_air')
                                Pompe à chaleur air/air
                                @break
                                @case('Pompe_a_chaleur_air_eau')
                                Pompe à chaleur air/eau
                                @break
                                @default
                                {{$bien->bien_interieur->bien_interieur_mode_chauffage}}
                                @endswitch
                            </p>
                        </div>
                        @endif
                        @if(trim($bien->bien_divers->bien_divers_parking) !== '')
                        <div class="col-lg-4">
                            <p>Place de parking: {{$bien->bien_divers->bien_divers_parking}}
                            </p>
                        </div>
                        @endif
                        @if(trim($bien->bien_exterieur->bien_exterieur_fenetre) !== '')
                        <div class="col-lg-4">
                            <p>Vitrage : {{$bien->bien_exterieur->bien_exterieur_fenetre}}
                            </p>
                        </div>
                        @endif
                    </div>
                </div>

                <!-- infos financier bien -->
                @if(trim($bien->bien_diagnostic->bien_diagnostic_conso_energetique) !== '' &&
                (trim($bien->bien_diagnostic->bien_diagnostic_conso_energetique) !== '' &&
                trim($bien->bien_diagnostic->bien_diagnostic_conso_energetique) !== '0'))
                <div class="col-lg-12 pt-3">
                    <div class="col-lg-3">
                        <p class="blue pictos-bien-details">
                            <img class="img-fluid"
                                 src="{{asset('img/picto/picto-financier.png')}}">
                            <span style="font-size: 20px"> Financier</span>
                        </p>
                    </div>
                    <div class="row mt-2 pl-4 font-bien-tab text-white">
                        @if(trim($bien->bien_diagnostic->bien_diagnostic_conso_energetique) !== '')
                        <div class="col-lg-4">
                            <p>Consommation
                                : {{$bien->bien_diagnostic->bien_diagnostic_conso_energetique}}
                            </p>
                        </div>
                        @endif
                        @if(trim($bien->bien_finance->bien_finance_taxe_fonciere) !== '' &&
                        trim($bien->bien_finance->bien_finance_taxe_fonciere) !== '0')
                        <div class="col-lg-4">
                            <p>Taxe foncière : {{$bien->bien_finance->bien_finance_taxe_fonciere}} €</p>
                        </div>
                        @endif
                    </div>
                </div>
                @endif


                <!-- infos conseiller bien -->
                @foreach($negociateur as $nego)
                <div class="col-lg-12 pt-3">
                    <div class="col-lg-4">
                        <p class="blue pictos-bien-details">
                            <img class="img-fluid"
                                 src="{{asset('img/picto/picto-vendre.png')}}">
                            <span style="font-size: 20px">Votre conseiller</span>
                        </p>
                    </div>
                    <div class="row mt-2 pl-4 font-bien-tab text-white">
                        <div class="col-lg-4">
                            <p>
                                {{$nego->negociateur_prenom}} {{$nego->negociateur_nom}}
                            </p>
                            <p>Réference du bien :
                                {{$bien->bien_id_immo_facile}}</p>
                        </div>
                        <div class="col-lg-4 ml-lg-3">
                            <p>
                                <a href="mailto:{{$nego->negociateur_email}}">{{$nego->negociateur_email}}</a>
                            </p>
                            <p>
                                {{$nego->negociateur_tel}}
                            </p>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    </div>
</section>

<section>
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-sm-12 text-center mt-5">
                <p class="text-rumble" style="font-size: 38px">Diagnostic</p>
                <hr class="barre">
            </div>
        </div>

        <!-- Indicatif energetique -->

        <div class="container ">
            <div class="row pb-5 justify-content-center">
                @if($bien->bien_diagnostic->bien_diagnostic_valeur_effet_serre !== null)
                <div class="col-lg-5 col-xs-12 mr-10 ml-xl-5">
                    <!--@include('incs.dpe') -->
                    <img class="encart-energie" src="/scripts/DPE/script-dpe-ges.php?dpe={{$bien->bien_diagnostic->bien_diagnostic_conso_energetique}}&kwh={{$bien->bien_diagnostic->bien_diagnostic_valeur_conso_energie}}&kgco2={{$bien->bien_diagnostic->bien_diagnostic_valeur_effet_serre}}">
                </div>
                <div class="col-lg-5 col-xs-12 pl-3 ml-xl-5">
                    <!-- @include('incs.ges') -->
                    <img class="encart-energie" src="/scripts/DPE/script-dpe-ges.php?ges={{$bien->bien_diagnostic->bien_diagnostic_effet_serre}}&kgco2={{$bien->bien_diagnostic->bien_diagnostic_valeur_effet_serre}}&type=ges">
                </div>
                @else
                <div class="col-lg-5 col-xs-12 ml-xl-5">
                    <!--@include('incs.dpe') -->
                    <img class="encart-energie" src="/img/dpe_nc.png">
                </div>
                <div class="col-lg-5 col-xs-12 pl-3 ml-xl-5">
                    <!-- @include('incs.ges') -->
                    <img class="encart-energie" src="/img/ges_nc.png">
                </div>
                @endif
            </div>
        </div>

    </div>
</section>

{{--        <!-- Section bandeau bleu middle -->--}}
{{--        <section>--}}
    {{--            <div class="container-fluid mt-5" id="bandeau-bleu">--}}
        {{--                <img class="lampe-bandeau d-none d-sm-block" src="{{asset('img/site/illu-lampes.png')}}"--}}
                                 {{--                     alt="illustration-lampe" width="5%">--}}
        {{--                <img class="courbe-bandeau d-none d-sm-block" src="{{asset('img/site/petite-courbe-blanche.png')}}"--}}
                                 {{--                     alt="illu-courbe-blanche"--}}
                                 {{--                     width="20%">--}}

        {{--                <div class="row">--}}
            {{--                    <div class="col-lg-12 text-center pt-5">--}}
                {{--                        <p class="text-blanc text-nunito" style="font-size: 17px">Vous avez repéré votre futur chez-vous--}}
                    {{--                            ?--}}
                    {{--                            Vite, <br>--}}
                    {{--                            Envoyez-nous un message !</p>--}}
                {{--                    </div>--}}
            {{--                </div>--}}
        {{--                <div class="row">--}}
            {{--                    <div class="col-lg-12 pb-5 text-center">--}}
                {{--                        <button onclick="window.location.href='{{route('contact')}}'" type="button"--}}
                                                    {{--                                class="btn btn-light ml-2" style="color: #44aec7">Nous contacter--}}
                    {{--                        </button>--}}
                {{--                    </div>--}}
            {{--                </div>--}}

        {{--            <!--  <img class="triangle-bandeau" src="{{asset('img/site/triangle-noir.png')}}" alt="triangle-noir" width="170px"> -->--}}

        {{--            </div>--}}
    {{--        </section>--}}


{{--        @include('layouts.map')--}}
{{--        @include('incs.map-bien')--}}

@endif
@include('incs.pre-footer-infos')
@include('incs.footer')

@endsection