@extends('front.layouts.master')

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

@section('meta_description', TranslationHelper::translate('Categories 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>Categories</span></h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>

            </div>
            <div class="row">
                @foreach ($categories as $cat)
                <div class="col-6 col-md-4 col-lg-2">

                    <a href="#" data-wow-delay=".25s">
                       
                        <div class="category-img">
                            @if ($cat->getFirstMediaUrl('brands') != null)
                            <img src="{{ $cat->getFirstMediaUrl('brands') }}" alt="{{ $cat->name }}" width="50" height="50">
                            @endif
                        </div>
                        <h5>{{ $cat->name }}</h5>
                    </a>
                </div>
                @endforeach

            </div>

        </div>


    </div>

</main>


@endsection