@extends('frontend.app')

@section('content')
    <main class="container overflow-hidden gx-0 gx-lg-1">
        {!! adCode('ad_all_page_top') !!}
        <div class="info px-2 mt-2">
            <h1 class="pt-1 fs-3 mb-0 fw-bold text-uppercase">{{ trans('Categories') }}</h1>
            <p>{{ trans('categories_subtitle') }}</p>
        </div>
        <div class="row mt-2">
            <div class="col-lg-12">
                <div id="categories" class="px-2 mb-2">
                    <ul id="items" class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 list-unstyled">
                        @each('frontend.cat-list', $data, 'item')
                    </ul>
                    @include('frontend.pagination')
                </div>
            </div>
        </div>
        @if (!isInfiniteScroll())
            {!! adCode('ad_all_page_bottom') !!}
        @endif
    </main>
@endsection