<x-layouts.app>
    @include('theme::partials.navigation')
    <div class="px-5 md:px-8 lg:px-10 3xl:px-16 py-20 min-h-screen">
        <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-4 3xl:grid-cols-5 gap-3 lg:gap-4 3xl:gap-5">
            @php
                $categories = $modelPage->children()->orderBy('lft')->paginate($modelPage->max_item);
            @endphp
            @foreach($categories as $item)
                @php
                    $item = $item->withFakes();
                    $item->thumbImage = $this->url.$item->thumbImage;
                @endphp
                @include('theme::partials.card.category')
            @endforeach
        </div>
    </div>
    @sortableWidgets($footerInstance, 'footer')
</x-layouts.app>
@section('meta_title')
    @php
        $title = $modelPage->meta_title ?? $modelPage->title;
        $title = $title." | ". theme_option('meta_title');
    @endphp
    {{$title}}
@endsection
@section('meta_description')
    @php
        $description = $modelPage->meta_description ?? $modelPage->description;
    @endphp
    {{$description}}
@endsection
