@extends('frontend.main_master')
@section('main')

<!-- Start breadcrumb section -->
<section class="breadcrumb__section breadcrumb__bg">
    <div class="container">
        <div class="row row-cols-1">
            <div class="col">
                <div class="breadcrumb__content text-center">
                    <h1 class="breadcrumb__content--title text-white mb-25">Product Categories</h1>
                    <ul class="breadcrumb__content--menu d-flex justify-content-center">
                        <li class="breadcrumb__content--menu__items"><a class="text-white" href="{{ url('/') }}">Home</a></li>
                        <li class="breadcrumb__content--menu__items"><span class="text-white">{{ $category_type }}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End breadcrumb section -->

<!-- Start shop section -->
<section class="shop__section section--padding">
    <div class="container">
        
        <div class="section__heading text-center mb-40">
            <h2 class="section__heading--maintitle mb-20">{{ ucwords($category_type) }}</h2>
            {!! html_entity_decode($content) !!}
        </div>
        
        <div class="row">
            <div class="col-12 mt-40 mb-40">
                <div class="shop__product--wrapper">
                    <div class="tab_content">
                            <div class="product__section--inner product__grid--inner">
                                <div class="row row-cols-lg-4 row-cols-md-3 row-cols-2 mb--n30">
                                    @foreach($clothing as $cat)
                                    
                                    @php
                                    $category_name = str_replace(' ', '-', strtolower($cat->category_name));
                                    @endphp

                                    @php
                                    $sub_categories = App\Models\SubCategory::where('category_id', $cat->id)->get();
                                    $counts = $sub_categories->count();
                                    @endphp

                                    <div class="col mb-30">
                                        <div class="product__items ">
                                            <div class="product__items--thumbnail">
                                                @if($counts > 0)
                                                <a class="product__items--link" href="{{ route('sub.category', ['category_name' => $category_name, 'id' => $cat->id]) }}">                                                
                                                @endif
                                                @if($counts == 0)
                                                <a class="product__items--link" href="{{ route('product.list', ['category_name' => $category_name, 'id' => $cat->id]) }}">                                                
                                                @endif
                                                <img class="product__items--img product__primary--img" src="{{ asset($cat->category_image) }}" alt="product-img">
                                                </a>
                                            </div>
                                            <div class="product__items--content">
                                                <h3 class="product__items--content__title h4 text-center">
                                                    @if($counts > 0)
                                                    <a href="{{ route('sub.category', ['category_name' => $category_name, 'id' => $cat->id]) }}">{{ ucwords($cat->category_name) }}</a>
                                                    @endif
                                                    @if($counts == 0)
                                                    <a class="product__items--link" href="{{ route('product.list', ['sub_category_name' => $category_name, 'id' => $cat->id]) }}">{{ ucwords($cat->category_name) }}</a>          
                                                    @endif
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</section>
<!-- End shop section -->

@endsection