@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">
                    @php
                    $name = str_replace('-', ' ', strtolower($name));
                    @endphp
                    {{ ucwords($name) }}
                    </h1>
                    <ul class="breadcrumb__content--menu d-flex justify-content-center">
                        <li class="breadcrumb__content--menu__items"><a class="text-white" href="{{ route('home') }}">Home</a></li>
                        <li class="breadcrumb__content--menu__items"><span class="text-white">{{ ucwords($name) }}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End breadcrumb section -->

<!-- Start shop section -->
<section class="shop__section section--padding">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-3 col-lg-4">
                <div class="shop__sidebar--widget widget__area d-none d-lg-block">
                    @include('frontend.body.sidebar_categories')
                </div>
            </div>

            <div class="col-xl-9 col-lg-8">
                <div class="shop__product--wrapper">
                    <div class="section__heading text-center mb-35">
                        <h2 class="section__heading--maintitle">{{ ucwords($name) }} </h2>
                    </div>
                    <div class="tab_content">
                        <div id="product_grid" class="tab_pane active show">
                            <div class="product__section--inner product__grid--inner">
                                @if($product_count == 0)
                                <h3 class="text-center text-danger mt-40">Products not found!</h3>
                                @endif
                                <div class="row row-cols-xl-3 row-cols-lg-3 row-cols-md-3 row-cols-2 mb--n30">
                                    
                                    @foreach($products as $item)

                                    @php
                                    $product_name = str_replace(' ', '-', strtolower($item->product_name));
                                    @endphp

                                    <div class="col mb-30">
                                        <div class="product__items mb-30">
                                            
                                            <div class="product__items--thumbnail">
                                                <a class="product__items--link" href="{{ route('product.detail', ['product_name' => $product_name, 'id' => $item->id]) }}">
                                                    <img class="product__items--img product__primary--img" src="{{ asset($item->product_image) }}" alt="product-img">
                                                </a>
                                                <div class="product__badge">
                                                    <span class="product__badge--items sale">{{ ucwords($item['Category']['category_name']) }}</span>
                                                </div>
                                            </div>
                                            
                                            <div class="product__items--content">                                                
                                                <h3 class="product__items--content__title h4 text-center"><a class="product__items--link" href="{{ route('product.detail', ['product_name' => $product_name, 'id' => $item->id]) }}">{{ ucwords(strtolower($item->product_name)) }}</a></h3>
                                                <div class="text-center">
                                                    <a class="reviews__comment--btn primary__btn text-white mt-10" data-open="modal1" href="{{ route('product.detail', ['product_name' => $product_name, 'id' => $item->id]) }}">Read More
                                                        <svgzz class="product__items--action__btn--svg" xmlns="http://www.w3.org/2000/svg"  width="25.51" height="23.443" viewBox="0 0 512 512"><path d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 00-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 000-17.47C428.89 172.28 347.8 112 255.66 112z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach

                                </div>
                            </div>
                        </div>
                    </div>
                   
                    
                    <div class="pagination__area">
                        {{ $products->links('vendor.pagination.custom') }}
                    </div>
                    
                                    
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End shop section -->

@endsection