@extends('layout')
@section('title')
    <title>{{ $seo_setting->seo_title }}</title>
    <meta name="title" content="{{ $seo_setting->seo_title }}">
    <meta name="description" content="{!! strip_tags(clean($seo_setting->seo_description)) !!}">
@endsection

@section('body-content')
    <main>

        <!-- banner-part-start  -->
        <div class="container">
            <div class="row">
                <div class="searchb">
                    <div class="banner-search-bar">
                        <div class="tab-content" id="pills-tabContent1">
                            <div class="tab-pane fade show active" id="pills-home1" role="tabpanel"
                                 aria-labelledby="pills-home-tab1">
                                <div class="banner-sarchber-box">
                                    <form class="banner-sarchber-box-item" action="{{ route('listings') }}">
                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="22" height="22" viewBox="0 0 22 22" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M9.49711 1.70005C5.18929 1.70005 1.69712 5.19223 1.69712 9.50005C1.69712 13.8079 5.18929 17.3 9.49711 17.3C13.8049 17.3 17.2971 13.8079 17.2971 9.50005C17.2971 5.19223 13.8049 1.70005 9.49711 1.70005ZM0.297119 9.50005C0.297119 4.41903 4.41609 0.300049 9.49711 0.300049C14.5781 0.300049 18.6971 4.41903 18.6971 9.50005C18.6971 14.5811 14.5781 18.7 9.49711 18.7C4.41609 18.7 0.297119 14.5811 0.297119 9.50005ZM18.0021 15.2126C18.2755 14.9393 18.7187 14.9393 18.9921 15.2126L20.9138 17.1343L20.4188 17.6293L20.9138 17.1343C21.9582 18.1788 21.9582 19.8722 20.9138 20.9167C19.8693 21.9612 18.1759 21.9612 17.1314 20.9167L15.2097 18.995C14.9363 18.7217 14.9363 18.2784 15.2097 18.0051C15.4831 17.7317 15.9263 17.7317 16.1996 18.0051L18.1213 19.9267L17.6264 20.4217L18.1213 19.9267C18.6191 20.4245 19.4261 20.4245 19.9238 19.9267C20.4216 19.429 20.4216 18.622 19.9238 18.1243L18.0021 16.2026C17.7288 15.9292 17.7288 15.486 18.0021 15.2126Z" />
                                                </svg>

                                            </span>
                                            <input type="text" class="form-control" placeholder="{{ __('translate.Type here') }}" name="search">

                                        </div>

                                        <div class="banner-sarchber-box-inner two">

                                            <button type="submit" class="sarchber-box-btn">
                                                <span>
                                                    <svg width="26" height="26" viewBox="0 0 26 26" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                                d="M21.9972 18.6491L24.3032 20.9551C25.2285 21.8804 25.2285 23.3807 24.3032 24.306C23.3779 25.2313 21.8776 25.2313 20.9523 24.306L18.6463 22M0.997192 11.2C0.997192 5.5667 5.56388 1 11.1972 1C16.8305 1 21.3972 5.5667 21.3972 11.2C21.3972 16.8333 16.8305 21.4 11.1972 21.4C5.56388 21.4 0.997192 16.8333 0.997192 11.2Z"
                                                                stroke-width="1.8" stroke-linecap="round" />
                                                    </svg>



                                                </span>
                                            </button>

                                        </div>

                                    </form>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="pills-profile1" role="tabpanel"
                                 aria-labelledby="pills-profile-tab1">
                                <div class="banner-sarchber-box">
                                    <form class="banner-sarchber-box-item" action="{{ route('listings') }}">
                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="22" height="22" viewBox="0 0 22 22" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M9.49711 1.70005C5.18929 1.70005 1.69712 5.19223 1.69712 9.50005C1.69712 13.8079 5.18929 17.3 9.49711 17.3C13.8049 17.3 17.2971 13.8079 17.2971 9.50005C17.2971 5.19223 13.8049 1.70005 9.49711 1.70005ZM0.297119 9.50005C0.297119 4.41903 4.41609 0.300049 9.49711 0.300049C14.5781 0.300049 18.6971 4.41903 18.6971 9.50005C18.6971 14.5811 14.5781 18.7 9.49711 18.7C4.41609 18.7 0.297119 14.5811 0.297119 9.50005ZM18.0021 15.2126C18.2755 14.9393 18.7187 14.9393 18.9921 15.2126L20.9138 17.1343L20.4188 17.6293L20.9138 17.1343C21.9582 18.1788 21.9582 19.8722 20.9138 20.9167C19.8693 21.9612 18.1759 21.9612 17.1314 20.9167L15.2097 18.995C14.9363 18.7217 14.9363 18.2784 15.2097 18.0051C15.4831 17.7317 15.9263 17.7317 16.1996 18.0051L18.1213 19.9267L17.6264 20.4217L18.1213 19.9267C18.6191 20.4245 19.4261 20.4245 19.9238 19.9267C20.4216 19.429 20.4216 18.622 19.9238 18.1243L18.0021 16.2026C17.7288 15.9292 17.7288 15.486 18.0021 15.2126Z" />
                                                </svg>

                                            </span>
                                            <input type="text" class="form-control" placeholder="{{ __('translate.Type here') }}" name="search">

                                        </div>
                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="19" height="18" viewBox="0 0 19 18" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                            d="M11.7199 9.66069C11.7199 8.52325 10.7953 7.59863 9.65782 7.59863C8.52039 7.59863 7.59576 8.52325 7.59576 9.66069C7.59576 10.7981 8.52039 11.7227 9.65782 11.7227C10.7953 11.7227 11.7199 10.7981 11.7199 9.66069Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M7.29578 9.66064C7.29578 8.35752 8.35471 7.29858 9.65783 7.29858C10.9609 7.29858 12.0199 8.35752 12.0199 9.66064C12.0199 10.9638 10.9609 12.0227 9.65783 12.0227C8.35471 12.0227 7.29578 10.9638 7.29578 9.66064ZM9.65783 7.89858C8.68608 7.89858 7.89578 8.68889 7.89578 9.66064C7.89578 10.6324 8.68608 11.4227 9.65783 11.4227C10.6296 11.4227 11.4199 10.6324 11.4199 9.66064C11.4199 8.68889 10.6296 7.89858 9.65783 7.89858Z" />
                                                    <path
                                                            d="M9.65782 1C4.88211 1 0.997192 4.88492 0.997192 9.66063C0.997192 12.4246 2.33092 15.0401 4.5662 16.6593C4.74848 16.7912 5.00829 16.7533 5.14192 16.5669C5.27636 16.3821 5.23431 16.1248 5.04953 15.9911C3.02872 14.5271 1.82201 12.1607 1.82201 9.66063C1.82201 5.34022 5.33741 1.82482 9.65782 1.82482C13.9782 1.82482 17.4936 5.34022 17.4936 9.66063C17.4936 12.1607 16.2869 14.5271 14.2661 15.9911C14.0813 16.1248 14.0393 16.3821 14.1737 16.5669C14.2537 16.679 14.3808 16.7376 14.5078 16.7376C14.5919 16.7376 14.6768 16.712 14.7494 16.6592C16.9847 15.0401 18.3185 12.4246 18.3185 9.66059C18.3185 4.88492 14.4335 1 9.65782 1Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M0.697205 9.66058C0.697205 4.71919 4.71644 0.699951 9.65784 0.699951C14.5992 0.699951 18.6185 4.71918 18.6185 9.66054C18.6185 12.5206 17.2388 15.2265 14.9254 16.9021C14.7996 16.9935 14.6525 17.0375 14.5078 17.0375C14.2907 17.0375 14.0704 16.9376 13.9304 16.7422C13.6985 16.4224 13.7723 15.9781 14.0901 15.7481C16.0329 14.3406 17.1936 12.0646 17.1936 9.66058C17.1936 5.50586 13.8126 2.12477 9.65784 2.12477C5.50311 2.12477 2.12203 5.50586 2.12203 9.66058C2.12203 12.0646 3.28277 14.3406 5.22555 15.7481C5.54341 15.9782 5.61717 16.4226 5.38515 16.7425C5.15239 17.0662 4.704 17.1293 4.39027 16.9022L4.39022 16.9022C2.07691 15.2265 0.697205 12.5206 0.697205 9.66058ZM9.65784 1.29995C5.04781 1.29995 1.2972 5.05056 1.2972 9.66058C1.2972 12.3285 2.58496 14.8537 4.7422 16.4162C4.79276 16.4528 4.86343 16.4404 4.8981 16.392L4.89935 16.3903C4.93539 16.3408 4.92498 16.2712 4.87374 16.2342L4.87354 16.234C2.77469 14.7134 1.52203 12.2566 1.52203 9.66058C1.52203 5.17449 5.17174 1.52477 9.65784 1.52477C14.1439 1.52477 17.7936 5.17449 17.7936 9.66058C17.7936 12.2566 16.541 14.7134 14.4421 16.234L14.4419 16.2342C14.3907 16.2712 14.3803 16.3408 14.4163 16.3903L14.418 16.3926L14.4179 16.3926C14.438 16.4207 14.4713 16.4375 14.5078 16.4375C14.5312 16.4375 14.5538 16.4305 14.573 16.4165L14.5735 16.4162C16.7307 14.8536 18.0185 12.3285 18.0185 9.66054C18.0185 5.05056 14.2679 1.29995 9.65784 1.29995Z" />
                                                    <path
                                                            d="M9.65785 4.29907C6.7017 4.29907 4.29651 6.70427 4.29651 9.66041C4.29651 10.8308 4.66768 11.9386 5.37043 12.8632C5.50901 13.0447 5.76717 13.0793 5.94861 12.9424C6.13009 12.8046 6.16553 12.5448 6.02779 12.3634C5.43475 11.5839 5.12129 10.6485 5.12129 9.66041C5.12129 7.15957 7.15697 5.12389 9.65781 5.12389C12.1587 5.12389 14.1943 7.15957 14.1943 9.66041C14.1943 10.6485 13.8809 11.5839 13.2878 12.3634C13.1501 12.5448 13.1855 12.8046 13.367 12.9424C13.4421 12.9985 13.5295 13.0257 13.6169 13.0257C13.7406 13.0257 13.8644 12.9696 13.9452 12.8632C14.6479 11.9385 15.0191 10.8308 15.0191 9.66037C15.0192 6.70427 12.614 4.29907 9.65785 4.29907Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M3.99652 9.66061C3.99652 6.53878 6.53603 3.99927 9.65786 3.99927C12.7797 3.99927 15.3192 6.53877 15.3191 9.66058C15.3191 10.8959 14.9269 12.0676 14.184 13.0449C14.0438 13.2295 13.8299 13.3259 13.6169 13.3259C13.4667 13.3259 13.3158 13.2789 13.1874 13.1829L13.1857 13.1815C12.872 12.9435 12.8111 12.4955 13.0489 12.1822L13.0491 12.1819C13.602 11.4552 13.8943 10.5838 13.8943 9.66061C13.8943 7.32545 11.993 5.42409 9.65782 5.42409C7.32266 5.42409 5.4213 7.32545 5.4213 9.66061C5.4213 10.5838 5.71367 11.4552 6.26656 12.1819L6.26677 12.1822C6.50455 12.4955 6.44361 12.9435 6.12999 13.1815L6.12934 13.182C5.81655 13.4181 5.37102 13.3585 5.13201 13.0455L5.1316 13.0449C4.3888 12.0676 3.99652 10.896 3.99652 9.66061ZM9.65786 4.59927C6.8674 4.59927 4.59652 6.87015 4.59652 9.66061C4.59652 10.7661 4.94659 11.8099 5.60928 12.6819L5.37044 12.8634L5.60887 12.6813C5.64695 12.7312 5.71754 12.7409 5.7676 12.7033C5.81663 12.6658 5.82644 12.5945 5.78884 12.5449L6.0278 12.3636L5.78905 12.5452C5.15585 11.713 4.8213 10.7137 4.8213 9.66061C4.8213 6.99408 6.99129 4.82409 9.65782 4.82409C12.3244 4.82409 14.4943 6.99408 14.4943 9.66061C14.4943 10.7137 14.1598 11.7129 13.5266 12.5452L13.2878 12.3636L13.5268 12.5449C13.4893 12.5943 13.4989 12.6653 13.5475 12.703C13.569 12.7187 13.5927 12.7259 13.6169 12.7259C13.6514 12.7259 13.6849 12.7101 13.7063 12.6819L13.7064 12.6818C14.3691 11.8099 14.7191 10.766 14.7191 9.66056C14.7192 6.87015 12.4483 4.59927 9.65786 4.59927Z" />
                                                </svg>
                                            </span>
                                            <select class="form-select form-select-lg"
                                                    aria-label=".form-select-lg example" name="brands[]">
                                                <option selected value="">
                                                    {{ __('translate.Select Brand') }}
                                                </option>
                                                @foreach ($brands as $brand)
                                                    <option value="{{ $brand->id }}">{{ $brand->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                            d="M5.99719 21.25C5.58298 21.25 5.24719 21.5858 5.24719 22C5.24719 22.4142 5.58298 22.75 5.99719 22.75V21.25ZM17.9972 22.75C18.4114 22.75 18.7472 22.4142 18.7472 22C18.7472 21.5858 18.4114 21.25 17.9972 21.25V22.75ZM18.7472 9.5C18.7472 11.2065 17.657 13.4136 16.1519 15.2468C15.412 16.1481 14.6044 16.9179 13.8437 17.4554C13.0596 18.0094 12.4199 18.25 11.9972 18.25V19.75C12.887 19.75 13.841 19.294 14.7093 18.6804C15.6009 18.0504 16.5043 17.1815 17.3112 16.1987C18.8998 14.2638 20.2472 11.7209 20.2472 9.5H18.7472ZM11.9972 18.25C11.5897 18.25 10.9567 17.9993 10.1682 17.4074C9.40619 16.8353 8.59652 16.0178 7.85398 15.0668C6.34395 13.1327 5.24719 10.825 5.24719 9.11111H3.74719C3.74719 11.3246 5.08794 13.9614 6.67165 15.9899C7.47599 17.0201 8.37725 17.9385 9.2676 18.6069C10.1315 19.2555 11.0922 19.75 11.9972 19.75V18.25ZM5.24719 9.11111C5.24719 5.48059 8.47576 2.75 11.9972 2.75V1.25C7.78663 1.25 3.74719 4.51941 3.74719 9.11111H5.24719ZM11.9972 2.75C15.491 2.75 18.7472 5.45503 18.7472 9.5H20.2472C20.2472 4.54497 16.2354 1.25 11.9972 1.25V2.75ZM14.2472 9C14.2472 10.2426 13.2398 11.25 11.9972 11.25V12.75C14.0683 12.75 15.7472 11.0711 15.7472 9H14.2472ZM11.9972 11.25C10.7546 11.25 9.74719 10.2426 9.74719 9H8.24719C8.24719 11.0711 9.92612 12.75 11.9972 12.75V11.25ZM9.74719 9C9.74719 7.75736 10.7546 6.75 11.9972 6.75V5.25C9.92612 5.25 8.24719 6.92893 8.24719 9H9.74719ZM11.9972 6.75C13.2398 6.75 14.2472 7.75736 14.2472 9H15.7472C15.7472 6.92893 14.0683 5.25 11.9972 5.25V6.75ZM5.99719 22.75H17.9972V21.25H5.99719V22.75Z" />
                                                </svg>
                                            </span>
                                            <select class="form-select form-select-lg"
                                                    aria-label=".form-select-lg example" name="location">
                                                <option selected value="">
                                                    {{ __('translate.Select City') }}
                                                </option>
                                                @foreach ($cities as $city)
                                                    <option {{ request()->get('location') == $city->id ? 'selected' : '' }} value="{{ $city->id }}">{{ $city->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.82426 0.575638C5.58995 0.341324 5.21005 0.341324 4.97574 0.575638L0.975736 4.57564C0.741421 4.80995 0.741421 5.18985 0.975736 5.42417C1.21005 5.65848 1.58995 5.65848 1.82426 5.42417L4.8 2.44843L4.8 12.9999C4.8 13.3313 5.06863 13.5999 5.4 13.5999C5.73137 13.5999 6 13.3313 6 12.9999L6 2.44843L8.97574 5.42417C9.21005 5.65848 9.58995 5.65848 9.82426 5.42417C10.0586 5.18985 10.0586 4.80995 9.82426 4.57564L5.82426 0.575638Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6 13.6001C12.7591 13.6001 12.9117 13.5369 13.0243 13.4244L17.0243 9.42436C17.2586 9.19005 17.2586 8.81015 17.0243 8.57583C16.7899 8.34152 16.41 8.34152 16.1757 8.57583L13.2 11.5516V1.0001C13.2 0.668726 12.9314 0.400097 12.6 0.400097C12.2686 0.400097 12 0.668726 12 1.0001V11.5516L9.02426 8.57583C8.78995 8.34152 8.41005 8.34152 8.17574 8.57583C7.94142 8.81015 7.94142 9.19005 8.17574 9.42436L12.1757 13.4244C12.2883 13.5369 12.4409 13.6001 12.6 13.6001Z" />
                                                    </svg>
                                            </span>
                                            <select class="form-select form-select-lg"
                                                    aria-label=".form-select-lg example" name="sort_by">
                                                <option selected>{{ __('translate.Sort by') }}</option>
                                                <option value="asc_to_dsc">{{ __('translate.ASC - DSC') }}</option>
                                                <option value="dsc_to_asc">{{ __('translate.DSC - ASC') }}</option>
                                                <option value="price_low_high">{{ Session::get('currency_icon') }}{{ __('translate.(Low-High)') }}</option>
                                                <option value="price_high_low">{{ Session::get('currency_icon') }}{{ __('translate.(High-Low)') }}</option>
                                            </select>
                                        </div>

                                        <input type="hidden" name="condition[]" value="Used">

                                        <div class="banner-sarchber-box-inner two">

                                            <button type="submit" class="sarchber-box-btn">
                                                <span>
                                                    <svg width="26" height="26" viewBox="0 0 26 26" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                                d="M21.9972 18.6491L24.3032 20.9551C25.2285 21.8804 25.2285 23.3807 24.3032 24.306C23.3779 25.2313 21.8776 25.2313 20.9523 24.306L18.6463 22M0.997192 11.2C0.997192 5.5667 5.56388 1 11.1972 1C16.8305 1 21.3972 5.5667 21.3972 11.2C21.3972 16.8333 16.8305 21.4 11.1972 21.4C5.56388 21.4 0.997192 16.8333 0.997192 11.2Z"
                                                                stroke-width="1.8" stroke-linecap="round" />
                                                    </svg>



                                                </span>
                                            </button>

                                        </div>

                                    </form>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="pills-contact1" role="tabpanel">
                                <div class="banner-sarchber-box">
                                    <form class="banner-sarchber-box-item" action="{{ route('listings') }}">
                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="22" height="22" viewBox="0 0 22 22" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M9.49711 1.70005C5.18929 1.70005 1.69712 5.19223 1.69712 9.50005C1.69712 13.8079 5.18929 17.3 9.49711 17.3C13.8049 17.3 17.2971 13.8079 17.2971 9.50005C17.2971 5.19223 13.8049 1.70005 9.49711 1.70005ZM0.297119 9.50005C0.297119 4.41903 4.41609 0.300049 9.49711 0.300049C14.5781 0.300049 18.6971 4.41903 18.6971 9.50005C18.6971 14.5811 14.5781 18.7 9.49711 18.7C4.41609 18.7 0.297119 14.5811 0.297119 9.50005ZM18.0021 15.2126C18.2755 14.9393 18.7187 14.9393 18.9921 15.2126L20.9138 17.1343L20.4188 17.6293L20.9138 17.1343C21.9582 18.1788 21.9582 19.8722 20.9138 20.9167C19.8693 21.9612 18.1759 21.9612 17.1314 20.9167L15.2097 18.995C14.9363 18.7217 14.9363 18.2784 15.2097 18.0051C15.4831 17.7317 15.9263 17.7317 16.1996 18.0051L18.1213 19.9267L17.6264 20.4217L18.1213 19.9267C18.6191 20.4245 19.4261 20.4245 19.9238 19.9267C20.4216 19.429 20.4216 18.622 19.9238 18.1243L18.0021 16.2026C17.7288 15.9292 17.7288 15.486 18.0021 15.2126Z" />
                                                </svg>

                                            </span>
                                            <input type="text" class="form-control" placeholder="{{ __('translate.Type here') }}" name="search">

                                        </div>
                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="19" height="18" viewBox="0 0 19 18" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                            d="M11.7199 9.66069C11.7199 8.52325 10.7953 7.59863 9.65782 7.59863C8.52039 7.59863 7.59576 8.52325 7.59576 9.66069C7.59576 10.7981 8.52039 11.7227 9.65782 11.7227C10.7953 11.7227 11.7199 10.7981 11.7199 9.66069Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M7.29578 9.66064C7.29578 8.35752 8.35471 7.29858 9.65783 7.29858C10.9609 7.29858 12.0199 8.35752 12.0199 9.66064C12.0199 10.9638 10.9609 12.0227 9.65783 12.0227C8.35471 12.0227 7.29578 10.9638 7.29578 9.66064ZM9.65783 7.89858C8.68608 7.89858 7.89578 8.68889 7.89578 9.66064C7.89578 10.6324 8.68608 11.4227 9.65783 11.4227C10.6296 11.4227 11.4199 10.6324 11.4199 9.66064C11.4199 8.68889 10.6296 7.89858 9.65783 7.89858Z" />
                                                    <path
                                                            d="M9.65782 1C4.88211 1 0.997192 4.88492 0.997192 9.66063C0.997192 12.4246 2.33092 15.0401 4.5662 16.6593C4.74848 16.7912 5.00829 16.7533 5.14192 16.5669C5.27636 16.3821 5.23431 16.1248 5.04953 15.9911C3.02872 14.5271 1.82201 12.1607 1.82201 9.66063C1.82201 5.34022 5.33741 1.82482 9.65782 1.82482C13.9782 1.82482 17.4936 5.34022 17.4936 9.66063C17.4936 12.1607 16.2869 14.5271 14.2661 15.9911C14.0813 16.1248 14.0393 16.3821 14.1737 16.5669C14.2537 16.679 14.3808 16.7376 14.5078 16.7376C14.5919 16.7376 14.6768 16.712 14.7494 16.6592C16.9847 15.0401 18.3185 12.4246 18.3185 9.66059C18.3185 4.88492 14.4335 1 9.65782 1Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M0.697205 9.66058C0.697205 4.71919 4.71644 0.699951 9.65784 0.699951C14.5992 0.699951 18.6185 4.71918 18.6185 9.66054C18.6185 12.5206 17.2388 15.2265 14.9254 16.9021C14.7996 16.9935 14.6525 17.0375 14.5078 17.0375C14.2907 17.0375 14.0704 16.9376 13.9304 16.7422C13.6985 16.4224 13.7723 15.9781 14.0901 15.7481C16.0329 14.3406 17.1936 12.0646 17.1936 9.66058C17.1936 5.50586 13.8126 2.12477 9.65784 2.12477C5.50311 2.12477 2.12203 5.50586 2.12203 9.66058C2.12203 12.0646 3.28277 14.3406 5.22555 15.7481C5.54341 15.9782 5.61717 16.4226 5.38515 16.7425C5.15239 17.0662 4.704 17.1293 4.39027 16.9022L4.39022 16.9022C2.07691 15.2265 0.697205 12.5206 0.697205 9.66058ZM9.65784 1.29995C5.04781 1.29995 1.2972 5.05056 1.2972 9.66058C1.2972 12.3285 2.58496 14.8537 4.7422 16.4162C4.79276 16.4528 4.86343 16.4404 4.8981 16.392L4.89935 16.3903C4.93539 16.3408 4.92498 16.2712 4.87374 16.2342L4.87354 16.234C2.77469 14.7134 1.52203 12.2566 1.52203 9.66058C1.52203 5.17449 5.17174 1.52477 9.65784 1.52477C14.1439 1.52477 17.7936 5.17449 17.7936 9.66058C17.7936 12.2566 16.541 14.7134 14.4421 16.234L14.4419 16.2342C14.3907 16.2712 14.3803 16.3408 14.4163 16.3903L14.418 16.3926L14.4179 16.3926C14.438 16.4207 14.4713 16.4375 14.5078 16.4375C14.5312 16.4375 14.5538 16.4305 14.573 16.4165L14.5735 16.4162C16.7307 14.8536 18.0185 12.3285 18.0185 9.66054C18.0185 5.05056 14.2679 1.29995 9.65784 1.29995Z" />
                                                    <path
                                                            d="M9.65785 4.29907C6.7017 4.29907 4.29651 6.70427 4.29651 9.66041C4.29651 10.8308 4.66768 11.9386 5.37043 12.8632C5.50901 13.0447 5.76717 13.0793 5.94861 12.9424C6.13009 12.8046 6.16553 12.5448 6.02779 12.3634C5.43475 11.5839 5.12129 10.6485 5.12129 9.66041C5.12129 7.15957 7.15697 5.12389 9.65781 5.12389C12.1587 5.12389 14.1943 7.15957 14.1943 9.66041C14.1943 10.6485 13.8809 11.5839 13.2878 12.3634C13.1501 12.5448 13.1855 12.8046 13.367 12.9424C13.4421 12.9985 13.5295 13.0257 13.6169 13.0257C13.7406 13.0257 13.8644 12.9696 13.9452 12.8632C14.6479 11.9385 15.0191 10.8308 15.0191 9.66037C15.0192 6.70427 12.614 4.29907 9.65785 4.29907Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M3.99652 9.66061C3.99652 6.53878 6.53603 3.99927 9.65786 3.99927C12.7797 3.99927 15.3192 6.53877 15.3191 9.66058C15.3191 10.8959 14.9269 12.0676 14.184 13.0449C14.0438 13.2295 13.8299 13.3259 13.6169 13.3259C13.4667 13.3259 13.3158 13.2789 13.1874 13.1829L13.1857 13.1815C12.872 12.9435 12.8111 12.4955 13.0489 12.1822L13.0491 12.1819C13.602 11.4552 13.8943 10.5838 13.8943 9.66061C13.8943 7.32545 11.993 5.42409 9.65782 5.42409C7.32266 5.42409 5.4213 7.32545 5.4213 9.66061C5.4213 10.5838 5.71367 11.4552 6.26656 12.1819L6.26677 12.1822C6.50455 12.4955 6.44361 12.9435 6.12999 13.1815L6.12934 13.182C5.81655 13.4181 5.37102 13.3585 5.13201 13.0455L5.1316 13.0449C4.3888 12.0676 3.99652 10.896 3.99652 9.66061ZM9.65786 4.59927C6.8674 4.59927 4.59652 6.87015 4.59652 9.66061C4.59652 10.7661 4.94659 11.8099 5.60928 12.6819L5.37044 12.8634L5.60887 12.6813C5.64695 12.7312 5.71754 12.7409 5.7676 12.7033C5.81663 12.6658 5.82644 12.5945 5.78884 12.5449L6.0278 12.3636L5.78905 12.5452C5.15585 11.713 4.8213 10.7137 4.8213 9.66061C4.8213 6.99408 6.99129 4.82409 9.65782 4.82409C12.3244 4.82409 14.4943 6.99408 14.4943 9.66061C14.4943 10.7137 14.1598 11.7129 13.5266 12.5452L13.2878 12.3636L13.5268 12.5449C13.4893 12.5943 13.4989 12.6653 13.5475 12.703C13.569 12.7187 13.5927 12.7259 13.6169 12.7259C13.6514 12.7259 13.6849 12.7101 13.7063 12.6819L13.7064 12.6818C14.3691 11.8099 14.7191 10.766 14.7191 9.66056C14.7192 6.87015 12.4483 4.59927 9.65786 4.59927Z" />
                                                </svg>
                                            </span>
                                            <select class="form-select form-select-lg"
                                                    aria-label=".form-select-lg example" name="brands[]">
                                                <option selected value="">
                                                    {{ __('translate.Select Brand') }}
                                                </option>
                                                @foreach ($brands as $brand)
                                                    <option value="{{ $brand->id }}">{{ $brand->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                            d="M5.99719 21.25C5.58298 21.25 5.24719 21.5858 5.24719 22C5.24719 22.4142 5.58298 22.75 5.99719 22.75V21.25ZM17.9972 22.75C18.4114 22.75 18.7472 22.4142 18.7472 22C18.7472 21.5858 18.4114 21.25 17.9972 21.25V22.75ZM18.7472 9.5C18.7472 11.2065 17.657 13.4136 16.1519 15.2468C15.412 16.1481 14.6044 16.9179 13.8437 17.4554C13.0596 18.0094 12.4199 18.25 11.9972 18.25V19.75C12.887 19.75 13.841 19.294 14.7093 18.6804C15.6009 18.0504 16.5043 17.1815 17.3112 16.1987C18.8998 14.2638 20.2472 11.7209 20.2472 9.5H18.7472ZM11.9972 18.25C11.5897 18.25 10.9567 17.9993 10.1682 17.4074C9.40619 16.8353 8.59652 16.0178 7.85398 15.0668C6.34395 13.1327 5.24719 10.825 5.24719 9.11111H3.74719C3.74719 11.3246 5.08794 13.9614 6.67165 15.9899C7.47599 17.0201 8.37725 17.9385 9.2676 18.6069C10.1315 19.2555 11.0922 19.75 11.9972 19.75V18.25ZM5.24719 9.11111C5.24719 5.48059 8.47576 2.75 11.9972 2.75V1.25C7.78663 1.25 3.74719 4.51941 3.74719 9.11111H5.24719ZM11.9972 2.75C15.491 2.75 18.7472 5.45503 18.7472 9.5H20.2472C20.2472 4.54497 16.2354 1.25 11.9972 1.25V2.75ZM14.2472 9C14.2472 10.2426 13.2398 11.25 11.9972 11.25V12.75C14.0683 12.75 15.7472 11.0711 15.7472 9H14.2472ZM11.9972 11.25C10.7546 11.25 9.74719 10.2426 9.74719 9H8.24719C8.24719 11.0711 9.92612 12.75 11.9972 12.75V11.25ZM9.74719 9C9.74719 7.75736 10.7546 6.75 11.9972 6.75V5.25C9.92612 5.25 8.24719 6.92893 8.24719 9H9.74719ZM11.9972 6.75C13.2398 6.75 14.2472 7.75736 14.2472 9H15.7472C15.7472 6.92893 14.0683 5.25 11.9972 5.25V6.75ZM5.99719 22.75H17.9972V21.25H5.99719V22.75Z" />
                                                </svg>
                                            </span>
                                            <select class="form-select form-select-lg"
                                                    aria-label=".form-select-lg example" name="location">
                                                <option selected value="">
                                                    {{ __('translate.Select City') }}
                                                </option>
                                                @foreach ($cities as $city)
                                                    <option {{ request()->get('location') == $city->id ? 'selected' : '' }} value="{{ $city->id }}">{{ $city->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="banner-sarchber-box-inner">
                                            <span class="icon">
                                                <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.82426 0.575638C5.58995 0.341324 5.21005 0.341324 4.97574 0.575638L0.975736 4.57564C0.741421 4.80995 0.741421 5.18985 0.975736 5.42417C1.21005 5.65848 1.58995 5.65848 1.82426 5.42417L4.8 2.44843L4.8 12.9999C4.8 13.3313 5.06863 13.5999 5.4 13.5999C5.73137 13.5999 6 13.3313 6 12.9999L6 2.44843L8.97574 5.42417C9.21005 5.65848 9.58995 5.65848 9.82426 5.42417C10.0586 5.18985 10.0586 4.80995 9.82426 4.57564L5.82426 0.575638Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M12.6 13.6001C12.7591 13.6001 12.9117 13.5369 13.0243 13.4244L17.0243 9.42436C17.2586 9.19005 17.2586 8.81015 17.0243 8.57583C16.7899 8.34152 16.41 8.34152 16.1757 8.57583L13.2 11.5516V1.0001C13.2 0.668726 12.9314 0.400097 12.6 0.400097C12.2686 0.400097 12 0.668726 12 1.0001V11.5516L9.02426 8.57583C8.78995 8.34152 8.41005 8.34152 8.17574 8.57583C7.94142 8.81015 7.94142 9.19005 8.17574 9.42436L12.1757 13.4244C12.2883 13.5369 12.4409 13.6001 12.6 13.6001Z" />
                                                    </svg>
                                            </span>
                                            <select class="form-select form-select-lg"
                                                    aria-label=".form-select-lg example" name="sort_by">
                                                <option selected>{{ __('translate.Sort by') }}</option>
                                                <option value="asc_to_dsc">{{ __('translate.ASC - DSC') }}</option>
                                                <option value="dsc_to_asc">{{ __('translate.DSC - ASC') }}</option>
                                                <option value="price_low_high">{{ Session::get('currency_icon') }}{{ __('translate.(Low-High)') }}</option>
                                                <option value="price_high_low">{{ Session::get('currency_icon') }}{{ __('translate.(High-Low)') }}</option>
                                            </select>
                                        </div>

                                        <input type="hidden" name="condition[]" value="New">

                                        <div class="banner-sarchber-box-inner two">

                                            <button type="submit" class="sarchber-box-btn">
                                                <span>
                                                    <svg width="26" height="26" viewBox="0 0 26 26" fill="none"
                                                         xmlns="http://www.w3.org/2000/svg">
                                                        <path
                                                                d="M21.9972 18.6491L24.3032 20.9551C25.2285 21.8804 25.2285 23.3807 24.3032 24.306C23.3779 25.2313 21.8776 25.2313 20.9523 24.306L18.6463 22M0.997192 11.2C0.997192 5.5667 5.56388 1 11.1972 1C16.8305 1 21.3972 5.5667 21.3972 11.2C21.3972 16.8333 16.8305 21.4 11.1972 21.4C5.56388 21.4 0.997192 16.8333 0.997192 11.2Z"
                                                                stroke-width="1.8" stroke-linecap="round" />
                                                    </svg>



                                                </span>
                                            </button>

                                        </div>

                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <section class="slider">
            <div class="container">
                <div class="row">
                    <div class="slick-main" style="direction: ltr">
                        <div class="simg"><a href="#"><img src="https://motors.stylemixthemes.com/elementor-dealer-one-rtl/wp-content/uploads/sites/27/2015/12/slider2.jpg" alt="#" /></a> </div>
                        <div class="simg"><a href="#"><img src="https://motors.stylemixthemes.com/elementor-dealer-one-rtl/wp-content/uploads/sites/27/2015/12/slider1-e1677221447853.jpg" alt="#" /></a> </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="homeabout">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="home-about">
                            <h2><i class="fa-solid fa-users"></i> {{ $homepage->home3_intro_title }} </h2>
                            <p>
                                {{ $homepage->home3_intro_des }}
                            </p>
                            <div class="clearfix"></div>
                            <a class="thm-btn about-btn" href="{{ route('about-us') }}">{{ __('translate.Learn More') }} </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- banner-part-end -->

        <section class="home-ads">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 mb20">
                        <div class="box">
                            <div class="h-box">
                                <h2><i class="fa-solid fa-bars-staggered"></i> {{ __('translate.Latest Car Listings') }}</h2>
                            </div>
                            <div class="row">
                                @foreach ($new_cars as $car)
                                    <div class="col-md-6">
                                        <div class="ads-car">
                                            <div class="cimg">
                                                <a href="{{ route('listing', $car->slug) }}">
                                                    <div class="viewss"><i class="fa-regular fa-eye"></i> {{ $car->total_view }}</div>
                                                    <img src="{{ asset($car->thumb_image) }}" alt="{{ html_decode($car->title) }}">
                                                </a>
                                            </div>
                                            <div class="cdes">
                                                <p> {{ $car?->brand?->name }}</p>

                                                <h4>
                                                    <a href="{{ route('listing', $car->slug) }}">
                                                        {{ html_decode($car->title) }}
                                                    </a>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="box">
                            <div class="h-box">
                                <h2><i class="fa-solid fa-calendar-days"></i> {{ __('translate.Recent News') }}</h2>
                            </div>
                            <div class="row">
                                @foreach ($blogs as $blog)
                                    <div class="col-md-6">
                                        <div class="ads-car">
                                            <div class="cimg">
                                                <a href="#">
                                                    <img src="{{ asset($blog->image) }}" alt="{{ $blog->title }}">
                                                </a>
                                            </div>
                                            <div class="cdes">
                                                <p>30/07/2024</p>
                                                <h4>

                                                    <a href="#">
                                                        {{ $blog->title }}
                                                    </a>
                                                </h4>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!--Blogs-part-end -->
    </main>
@endsection