@extends('front.layouts.master')

@section('title', TranslationHelper::translate('Cities Meta Title', 'site'))

@section('meta_description', TranslationHelper::translate('Cities Meta Description', 'site'))

@section('content')
<main class="main">

    <div class="car-category py-120">
        <div class="container">
            <div class="row position-relative">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center">

                        <h2 class="site-title">All <span>Cities</span></h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>

            </div>
            <div class="row align-items-center">
                @foreach ($cities as $city)
                <div class="col-md-6 col-lg-3">
                    <a href="{{ route('site.ad.showcity', ['id' => $city->id]) }}" class="location-item wow fadeInUp"
                        data-wow-delay=".25s">
                        <div class="location-img">
                            @if ($city->getFirstMediaUrl('cities') != null)
                            <img src="{{ $city->getFirstMediaUrl('cities') }}" alt="{{ $city->name }}" width="50">
                            @endif
                        </div>
                        <div class="location-info">
                            <h4>{{ $city->name }}</h4>
                            <span><i class="far fa-location-dot"></i></span>
                        </div>
                    </a>
                </div>
                @endforeach

            </div>

        </div>


    </div>

</main>


@endsection