@extends('base')
@section('title', $property->title)
@section('content')
<div class="container">
    <div class="row mb-3">
        <div class="col-lg-8">
            @if (!isset($property->photos[0]))
            <div class="img-card-show" style="background-image: url('{{ asset('img/default_img.jpg')}}');background-size: cover;background-position: center; "></div>
            @else
            <a data-fancybox="gallery" href="{{ asset('storage/' . $property->photos[0]->path) }}">
                <div class="img-card-show" style="background-image: url('{{ asset('storage/' . $property->photos[0]->path) }}');background-size: cover;background-position: center;"></div>
            </a>
            @endif
        </div>
        <div class="col-lg-4" style="display: flex; flex-direction: column;">
            <div class="image-container-galery">
                @if (!isset($property->photos[1]))
                <div class="image-galery"></div>
                @else
                <a data-fancybox="gallery" style="width: 100%;height: 100%;" href="{{ asset('storage/' . $property->photos[1]->path) }}">
                    <div class="image-galery" style="background-image: url('{{ asset('storage/' . $property->photos[1]->path) }}')"></div>
                </a>
                @endif
            </div>
            <div class="mb-3"></div>
            <div class="image-container-galery">
                @if (!isset($property->photos[2]))
                <div class="image-galery"></div>
                @else
                <a data-fancybox="gallery" style="width: 100%;height: 100%;" href="{{ asset('storage/' . $property->photos[2]->path) }}">
                    <div class="image-galery" style="background-image: url('{{ asset('storage/' . $property->photos[2]->path) }}')"></div>
                </a>
                @endif
            </div>
        </div>
    </div>
    @foreach($property->photos as $index => $photo)
    @if($index >= 3)
    <a data-fancybox="gallery" href="{{ asset('storage/' . $photo->path) }}"> </a>
    @endif
    @endforeach
    <div class="row">
        <div class="col-lg-8">
            <h1>@yield('title')</h1>
            <div class="property-info">
                <div class="left-info info-container">
                    @if ($property->house)
                    <img src="{{ asset('img/icons/surface.svg') }}" alt="Surface" class="show-icon">
                    <span>Surface de {{ $property->surface }} m²</span>
                    <img src="{{ asset('img/icons/land.svg') }}" alt="Terrain" class="show-icon">
                    <span>Terrain de {{ $property->house->land_surface }} m²</span>
                    <img src="{{ asset('img/icons/house.svg') }}" alt="Pièces" class="show-icon">
                    <span>{{ $property->rooms }} pièces</span>
                    @endif
                    @if ($property->apartment)
                    <img src="{{ asset('img/icons/surface.svg') }}" alt="Surface" class="show-icon">
                    <span>Surface de {{ $property->surface }} m²</span>
                    <img src="{{ asset('img/icons/house.svg') }}" alt="Pièces" class="show-icon">
                    <span>{{ $property->rooms }} pièce(s)</span>
                    @if ($property->apartment->terrace_or_balcony)
                    <img src="{{ asset('img/icons/balcony.svg') }}" alt="Balcon terrasse" class="show-icon">
                    <span>1 terrasse ou balcon</span>
                    @endif
                    @endif
                    @if ($property->land)
                    <img src="{{ asset('img/icons/land.svg') }}" alt="Terrain" class="show-icon">
                    <span>Terrain de {{ $property->surface }} m²</span>
                    @endif
                </div>
                <div class="right-info">
                    <!-- Prix hors honoraires, mis en gros et gras -->
                    <p class="price lead font-weight-bold mb-0">
                        {{ number_format($property->price, 0, ',', ' ') }} € <span class="h5">(hors honoraires)</span>
                    </p>
                    <!-- Prix avec les honoraires de l'agence, en taille de police plus petite -->
                    <p class="text-muted mt-0">
                        {{ number_format($property->getFinalPrice(), 0, ',', ' ') }} € <span class="h6">(honoraires agence inclus)</span>
                    </p>
                </div>
            </div>
            <div class="property-description">

                <p>{{ $property->description }}</p>
            </div>
            @if ($property->house)
            @include('infos.house')
            @endif
            @if ($property->apartment)
            @include('infos.apartment')
            @endif
            @if ($property->land)
            @include('infos.land')
            @endif
            @if (!$property->land)
            <div class="text-left">
                @include('infos.climat')
            </div>
            @endif
        </div>
        <div class="col-lg-4">
            @include('contact')
        </div>
    </div>
</div>
<div class="property-buttons">
    <a href="{{ route('welcome') }}" class="btn btn-secondary custo-button">Retour à la liste</a>
</div>
</div>
@endsection