@extends('layouts.public')

@section('title', 'Property Listings — Agrawal Properties')

@push('head')
<link rel="canonical" href="{{ request()->fullUrl() }}">
<meta property="og:url" content="{{ request()->fullUrl() }}">
@if ($properties->previousPageUrl())
    <link rel="prev" href="{{ $properties->previousPageUrl() }}">
@endif
@if ($properties->nextPageUrl())
    <link rel="next" href="{{ $properties->nextPageUrl() }}">
@endif
@endpush

@section('content')
<main class="container py-4 py-lg-5">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-3">
        @include('partials.site._breadcrumbs', [
            'crumbs' => [
                ['label' => 'Home', 'url' => route('public.home')],
                ['label' => 'Properties'],
            ],
            'breadcrumbClass' => 'mb-0',
        ])
    </div>

    @include('partials.site._results-header', [
        'properties' => $properties,
        'sort' => $sort,
        'propertyTypes' => $propertyTypes,
        'propertyTags' => $propertyTags,
    ])

    <div class="row g-4 align-items-start mt-1">
        @include('partials.site._filter-panel', [
            'propertyTypes'  => $propertyTypes,
            'propertyTags'   => $propertyTags,
        ])

        <div class="col-12 col-lg-9">
            @include('partials.site._search-results-panel', [
                'properties' => $properties,
                'propertyTypes' => $propertyTypes,
            ])
        </div>
    </div>
</main>
@endsection