@extends('front.layouts.base')

@section('content')

    <div class="page-title-area title-bg-two">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="title-content">
                        <h2>{{ __($category->name) }}</h2>
                        <ul>
                            <li>
                                <a href="{{ route('home') }}">Home</a>
                            </li>
                            <li>
                                <span>{{ __('Projets') }}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="properties-area two ptb-100">
        <div class="container">
            <div class="section-title">
                <span class="sub-title">{{ __('Projets') }}</span>
                <h2>We Provide Full Service At Every Step. What You Need?</h2>
            </div>
            <div class="row">
                @foreach($projects as $project)
                <div class="col-sm-6 col-lg-4">
                    <div class="property-item">
                        <div class="top">
                            <span>{{ __($project->city) }}</span>
                            <img src="{{ asset($project->images->first()->path) }}" alt="Property">
                        </div>
                        <div class="bottom">
                            <span>{{ __('A partir de ') }} {{ $project->formatted_price }}</span>
                            <h3>
                                <a href="{{ route('client.projects.show', ['id' => $project->id]) }}">{{ $project->name }}</a>
                            </h3>
                            <a class="location" href="#">
                                <i class='bx bx-current-location'></i>
                                {{ $project->address }}
                            </a>
                            <ul>
                                <li>{{ $project->number_of_bedrooms }} CA</li>
                                <li>{{ $project->number_of_bathrooms }} SB</li>
                                <li>de {{ $project->square_surface }} m<sup>3</sup></li>
                                <li>{{ $project->total_rooms }} TC</li>
                            </ul>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <!-- Pagination links -->
            {{ $projects->links() }}
            <!-- Pagination end -->
        </div>
    </section>

@endsection