@if (!empty($result['cities']) && count($result['cities']) > 0)
    <section class="pb40-md pb40 pt0-md pt0">
        <div class="container">
            <div class="row align-items-center wow fadeInUp" data-wow-delay="300ms"
                style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">
                <div class="col-lg-9">
                    <div class="main-title2">
                        <h2 class="title">@lang('titles.CarsCities')</h2>

                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="text-start text-lg-end mb-3">
                        <a class="ud-btn2" href="{{ route('website.cities.index', ['locale' => $locale]) }}">
                            @lang('titles.all_cities')<i class="fal fa-arrow-right-long"></i>
                        </a>
                    </div>

                </div>
                <div class="row">
                    <div class="col-lg-12 wow fadeInUp" data-wow-delay="300ms"
                        style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">
                        <div
                            class="property-city-slider dots_none slider-dib-sm slider-5-grid vam_nav_style owl-theme owl-carousel owl-loaded owl-drag">
                            <div class="owl-stage-outer">
                                <div class="owl-stage"
                                    style="transform: translate3d(-1236px, 0px, 0px); transition: all; width: 3708px;">

                                    @foreach ($result['cities'] as $item)

                                    <div class="owl-item cloned" style="width: 279px; margin-right: 30px;">
                                        <div class="item">
                                            <div class="feature-style1 mb30">
                                                <div class="feature-img"><img class="w-100"
                                                        src="{{ $item->imagePath }}" alt=""></div>
                                                <div class="feature-content">
                                                    <div class="top-area">
                                                        <h6 class="title mb-1">{{ $item->title }}</h6>
                                                        <p class="text"> {{ $item->cars }} @lang('titles.NoCars')</p>
                                                    </div>
                                                    <div class="bottom-area">
                                                        <a class="ud-btn2"href="{{ route('website.cars.index', ['locale' => $locale, 'city' => $item->slug]) }}">See All Cities<i
                                                                class="fal fa-arrow-right-long"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif