@extends('front.layouts.base')

@section('content')

<div class="page-title-area title-bg-three">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="title-content">
                        <h2>{{ __('Détails projet') }}</h2>
                        <ul>
                            <li>
                                <a href="">Home</a>
                            </li>
                            <li>
                                <span>{{ __('Détails projet') }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="property-details-area ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="details-item">
                        <div class="common-img-details">
                            <span>{{ __($project->city) }}</span>
                            <h2>{{ __($project->name) }}</h2>
                            <ul>
                                <li>
                                    <i class='bx bx-calendar'></i>
                                    {{ $project->formatted_creation_date }}
                                </li>
                                <li>
                                    <i class='bx bx-current-location'></i>
                                    <a href="#">{{ $project->address }}</a>
                                </li>
                            </ul>
                        </div>
                        <div class="property-details-slider owl-theme owl-carousel">
                            @foreach($project->images as $image)
                            <div class="slider-item">
                                <img src="{{ asset($image->path) }}" alt="property">
                            </div>
                            @endforeach
                        </div>
                        <p> {{ $project->description }} </p>
                        <div class="information">
                            <h3>{{ __('Informations Essentiel') }}</h3>
                            <ul>
                                <li>
                                    <h4>{{ __('Chambre à coucher') }}</h4>
                                    <i class="bx bx-bed"></i>
                                    <span>{{ $project->number_of_bedrooms }}</span>
                                </li>
                                <li>
                                    <h4>{{ __('Salle de bains') }}</h4>
                                    <i class="bx bx-bath"></i>
                                    <span>{{ $project->number_of_bathrooms }}</span>
                                </li>
                                <li>
                                    <h4>{{ __('Surface') }}</h4>
                                    <i class='bx bx-square'></i>
                                    <span>{{ __('à partir de ') }} {{ $project->square_surface }}</span>
                                </li>
                                <li>
                                    <h4>{{ __('Total-Chambre') }}</h4>
                                    <i class="bx bx-building-house"></i>
                                    <span>{{ $project->total_rooms }}</span>
                                </li>
                            </ul>
                        </div>
                        <div class="information-list">
                            <div class="left">
                                <ul>
                                    @foreach($project->left_surroundings as $l_surrounding)
                                    <li>
                                        <i class='bx bx-check'></i>
                                        {{ __($l_surrounding['item_name']) }}
                                    </li>
                                    @endforeach
                                    
                                </ul>
                            </div>
                            <div class="right">
                                <ul>
                                    @foreach($project->right_surroundings as $r_surrounding)
                                    <li>
                                        <i class='bx bx-check'></i>
                                        {{ __($r_surrounding['item_name']) }}
                                    </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="widget-area">
                        <div class="categories widget-item">
                            <h3>{{ __('Catégories') }}</h3>
                            <ul>
                                <li>
                                    <a href="{{ route('client.category.projects', ['id' => $project->category->id]) }}">{{ __($project->category->name) }}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection