@extends('frontend.layouts.app', ['title' => 'All Categories'])

@section('content')
    <x-breadcrumb :items="[
        [
            'label' => 'Categories',
            'url' => null,
        ],
    ]" />
    <section class="category">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">All Categories</h2>
            </div>
        </div>
        <div class="category-grid-yes">
            <div class="container">
                <div class="row">
                    @foreach ($categories as $category)
                        <div class="col-md-3">
                            <a href="{{ route('shop_grid', $category->slug) }}">
                                <div class="category-item item">
                                    <img src="{{ asset($category->image) }}" alt="Bottom Wear">
                                    <div class="category-name">{{ $category->title }}</div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endsection