@extends('frontend.layouts.app')

@section('title') {{ $title ?? 'My Searches' }} @endsection
@section('meta')
<meta property="og:title" content="{{ $og_title }}" />
<meta property="og:description" content="{{ $og_description }}" />
<meta property="og:image" content="{{ getSeoImage($og_image) }}" />
@endsection

@push('style')
@endpush

@section('content')
    <!-- ======================= breadcrumb start  ============================ -->
    @include('frontend.layouts.includes.breadcrumb',
    ['links'=>[[$title => route('frontend.searches') ]]])
    <!-- ======================= breadcrumb end  ============================ -->

    <!-- ======================= My Searches start  ============================ -->
    <div class="my-searches-section pt-2 pb-3 pt-lg-3 pb-lg-5">
        <div class="container">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <h4 class="mb-0">My Searches</h4>
            </div>

            <div class="row g-4">
                   <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 g-3 ">
                        @foreach ($ads as $ad)
                            <div class="col">
                                @include('frontend.ads.list-item-two')
                            </div>
                        @endforeach
                    </div>
            </div>

            <!-- Pagination -->
            {{-- <nav aria-label="Page navigation">
                <ul class="pagination justify-content-center mt-4">
                    <li class="page-item disabled">
                        <a class="page-link" href="#" tabindex="-1">Previous</a>
                    </li>
                    <li class="page-item active"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#">Next</a>
                    </li>
                </ul>
            </nav> --}}
        </div>
    </div>
    <!-- ======================= My Searches end  ============================ -->
@endsection

@push('script')
<script>
</script>
@endpush