@extends('frontend.layouts.app', ['title' => $category->title])

@section('content')
        <x-breadcrumb :items="[['label' => $category->title, 'url' => null]]" />
        <div class="all-product-grid shop_grid_section">
            <div class="container">
                <div class="row">
                    <div class="section-header">
                        <h2 class="section-titl">{{ $category->title }}</h2>
                    </div>
                </div>
                <div class="product-list-view category_wise_product">
                    <div class="row">
                        @foreach ($sub_categories as $sub_category)
                            <div class="col-md-3">
                                <div class="product-item">
                                    <a href="{{ route('all_products_category_wise', [strtolower($category->slug), strtolower($sub_category->slug)]) }}"
                                        class="product-img">
                                        <img src="{{ $sub_category->image }}" alt="">
                                    </a>
                                    <div class="product-card-info">
                                        <h4>{{ $sub_category->title }}</h4>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        @if ($sub_categories->hasPages())
                            <div class="col-md-12">
                                <div class="more-product-btn">
                                    {{ $sub_categories->links('pagination::bootstrap-4') }}
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Body End -->
@endsection