@extends('frontend.layouts.app')

@section('frontend_content')

    <div class="page-header text-center" style="background-image: url('{{ asset('frontend_asset/images/page-header-bg.jpg') }}')">
        <div class="container">
            <h1 class="page-title">{{ request('query') != null ? request('query') : 'Product Category' }}<span>Shop</span></h1>
        </div><!-- End .container -->
    </div><!-- End .page-header -->

    <nav aria-label="breadcrumb" class="breadcrumb-nav mb-2">
        <div class="container">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ url('/') }}">হোম</a></li>
                {{-- <li class="breadcrumb-item"><a href="#">Shop</a></li> --}}
                <li class="breadcrumb-item active" aria-current="page"><a href="{{ url('/product-category') }}">Category</a></li>
                <li class="breadcrumb-item active" aria-current="page" style="text-transform: capitalize">{{ str_replace('-', ' ', request()->slug) }}</li>
            </ol>
        </div><!-- End .container -->
    </nav><!-- End .breadcrumb-nav -->
    <div class="page-content">
        <div class="container">
            <div class="row">
                <div class="col-lg-9">
                    <div class="toolbox">
                        <div class="toolbox-left">
                            <div class="toolbox-info">
                                {{-- Showing <span>9 of 56</span> Products --}}
                            </div><!-- End .toolbox-info -->
                        </div><!-- End .toolbox-left -->

                    </div>

                    @php
                        $userDetails = Auth::user();
                    @endphp

                    <div class="products mb-3">
                        <div class="row justify-content-center">
                            @if (isset($catProducts) && $catProducts != null)
                                @foreach ($catProducts as $item)
                                    <div class="col-6 col-md-4 col-lg-4 col-xl-3">
                                        <div class="product product-7 text-center">
                                            <figure class="product-media">
                                                @if ($item->created_at > now()->subDays(7))
                                                    <span class="product-label label-new">New</span>
                                                @endif
                                                @php
                                                    if ($userDetails && $userDetails->referral_code) {
                                                        $originalPrice = $item->wholesale_price;
                                                        $discountedPrice = $item->wholesale_price - $item->dis_price_wholesale;
                                                    } else {
                                                        $originalPrice = $item->retail_price;
                                                        $discountedPrice = $item->retail_price - $item->dis_price_retail;
                                                    }
                                                    $percentageDiscount = (($originalPrice - $discountedPrice) / $originalPrice) * 100;
                                                @endphp
                                                
                                                @if ($item->promotions == 1)
                                                    <span class="product-label label-circle label-sale">{{$percentageDiscount}}%</span>
                                                @endif

                                                <a href="{{ Route('product_details', ['en_slug' => $item->en_slug]) }}">
                                                    <img src="{{ $item->thum_image }}" alt="Product image" class="product-image">
                                                </a>

                                                <div class="product-action-vertical">
                                                    <a href="{{ route('add_wishlist', $item->id) }}" class="btn-product-icon btn-wishlist btn-expandable"><span>add to wishlist</span></a>
                                                    <a href="popup/quickView.html" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                    {{-- <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a> --}}
                                                </div><!-- End .product-action-vertical -->

                                                <form action="{{ Route('add_Cart_Item', $item->id) }}" method="POST">
                                                    @csrf
                                                    <div class="product-action product-action-dark" style="display: flex;justify-content-between;align-items:center;column-gap:10px">
                                                        <button type="submit" class="btn-product btn-cart" title="Add to cart" style="background: transparent; border: none;"><span>Add Cart</span></button>

                                                        <input type="hidden" name="item_id" value="{{ $item->id }}">

                                                        <div class="quantity-col" style="margin-right:8px">
                                                            <div class="cart-product-quantity">
                                                                <input type="number" class="form-control" value="1" min="1" step="1" name="quantity" data-decimals="0">
                                                            </div>
                                                        </div>
                                                        {{-- <a href="popup/quickView.html" class="btn-product btn-quickview" title="Quick view"><span>quick view</span></a> --}}
                                                    </div>
                                                </form><!-- End .product-action -->

                                            </figure><!-- End .product-media -->

                                            <div class="product-body">
                                                <div class="row">
                                                    <div class="col-6 product-cat">
                                                        <a href="{{ url('/product-category') }}" style="font-size: 10px" class="text-success">{{ $item->categories->name }}</a>
                                                    </div><!-- End .product-cat -->

                                                    <div class=" col-6 product-cat">
                                                        <a href="{{ url('/product-category') }}" style="font-size: 10px" class="text-info">{{ $item->brands->name }}</a>
                                                    </div><!-- End .product-brand -->
                                                </div>
                                                <h3 class="product-title"><a href="{{ Route('product_details', ['en_slug' => $item->en_slug]) }}">{{ $item->bn_name }}</a></h3><!-- End .product-title -->
                                                <div class="product-price">
                                                    Tk. {{$userDetails && $userDetails->referral_code ? $item->wholesale_price - $item->dis_price_wholesale  : $item->retail_price - $item->dis_price_retail}}.00
                                                    {{-- Tk. {{ $userDetails && $userDetails->referral_code ? $item->wholesale_price : $item->retail_price }}.00 --}}
                                                        @if ($item->promotions == 1)
                                                            <span class="old-price" style="text-decoration: line-through;">পূর্বের দাম {{$userDetails && $userDetails->referral_code ? $item->wholesale_price : $item->retail_price}}</span>
                                                        @else
                                                            
                                                        @endif
                                                            
                                              
                                                </div><!-- End .product-price -->
                                                <div class="ratings-container">
                                                    @if (isset($item->reviews) && count($item->reviews) > 0)
                                                        @php
                                                            $rating = $item->reviews[0]->rating;
                                                            $ratingCount = $rating;
                                                        @endphp
                                                        <div class="ratings">
                                                            <div class="ratings-val" style="width: {{ $rating * 20 }}%;"></div><!-- End .ratings-val -->
                                                        </div><!-- End .ratings -->
                                                    @endif
                                                    {{-- <span class="ratings-text">(Total avg reviews )</span> --}}
                                                </div><!-- End .rating-container -->

                                                <div class="product-nav product-nav-thumbs">