@extends('front.layouts.master')

@section('content')
<main class="main">
    <div class="card-categories">
        <div class="container my-5">
            <h2 class="text-center mb-4">{{ TranslationHelper::translate('categories', 'site') }}</h2>
            <div class="row">
                @foreach ($brands as $brand)
                <div class="col-lg-3 col-md-4 col-sm-6 mb-4">
                    <div class="card  border-0 shadow-sm text-center">
                        <div class="card-icon my-4">
                            <img src="{{ 'https://images.bkamthis.com/' . $brand->image }}" alt="brand" width="50" height="50" loading="lazy">
                        </div>
                        <div class="card-body">
                            <h5 class="card-title">
                                <a href="{{ route('site.show_ad_by_category',['id' => $brand->id,'name' => str_replace(' ', '-', $brand->name)])}}" class="text-decoration-none text-dark">{{ $brand->name }}</a>
                            </h5>
                        </div>
                    </div>
                </div>
                @endforeach
                {{ $brands->links() }}
            </div>
        </div>
    </div>
</main>
@endsection