@extends('frontend.layout.app')
@section('content')
    <div class="breadcumb-wrapper" data-bg-src="{{ asset('frontend/assets/img/breadcumb/breadcumb-bg.jpg') }}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">
                    @if(isset($categories) && isset($ageGroup) && $categories->firstWhere('id', $ageGroup))
                        {{ $categories->firstWhere('id', $ageGroup)->age_range }}
                    @else
                        Products by Age
                    @endif
                </h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{ route('index') }}">Home</a></li>
                        <li>
                            @if(isset($categories) && isset($ageGroup) && $categories->firstWhere('id', $ageGroup))
                                {{ $categories->firstWhere('id', $ageGroup)->age_range }}
                            @else
                                Products by Age
                            @endif
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div><!--==============================
    Blog Details Area
    ==============================-->
    <section class="space-top space-extra-bottom">
        <div class="container">
            <div class="row gx-40 gy-4">
                @if($products->count() > 0)
                    @foreach ($products as $product)
                        <div class="col-md-6 col-lg-4 col-xl-4">
                            <div class="vs-product product-style1">
                                <div class="product-img product_1">
                                    <a href="{{ route('productsdetails', $product->id) }}">
                                        <img src="{{ $product->images->first() ? asset('storage/product/' . $product->images->first()->images) : asset('frontend/assets/img/no-image.png') }}"
                                            alt="{{ $product->product_name }}" class="w-100">
                                    </a>
                                </div>
                                @php
                                    $ageProductSp = $product->sp ?? 0;
                                    $ageProductGst = $product->gst ?? 0;
                                    $ageProductPriceWithGst = $ageProductSp + ($ageProductSp * $ageProductGst / 100);
                                @endphp
                                <div class="product-content">
                                    <span class="product-price">
                                        ₹{{ number_format($ageProductPriceWithGst, 2) }}
                                        <del>₹{{ $product->mrp }}.00</del>
                                        <small class="gst-note" style="font-size: 10px; color: #666;">({{ $ageProductGst }}% GST)</small>
                                    </span>
                                    <h3 class="product-title">
                                        <a class="text-inherit" href="{{ route('productsdetails', $product->id) }}">
                                            {{ $product->product_name }}
                                        </a>
                                    </h3>
                                    @php
                                        $ratings = $product->reviews->pluck('rating');
                                        $avgRating = $ratings->count() ? round($ratings->avg(), 2) : null;
                                        $ratingPercent = $avgRating ? ($avgRating / 5) * 100 : 0;
                                    @endphp
                                    <div class="star-rating" role="img" aria-label="Rated {{ $avgRating ?? '0.00' }} out of 5">
                                        <span style="width:{{ $ratingPercent }}%">
                                            Rated <strong class="rating">{{ $avgRating ? number_format($avgRating, 2) : '0.00' }}</strong> out of 5
                                        </span>
                                    </div>
                                    @auth
                                    <div class="actions">
                                        @if(session('success'))
                                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                                {{ session('success') }}
                                            </div>
                                        @endif
                                        @if($product->available_stock > 0)
                                            <form method="POST" action="{{ route('cart.add') }}" style="display:inline;">
                                                @csrf
                                                <input type="hidden" name="product_id" value="{{ $product->id }}">
                                                <input type="hidden" name="quantity" value="1">
                                                <input type="hidden" name="sp" value="{{ $product->sp }}">
                                                <input type="hidden" name="user_id" value="{{ Auth::id() }}">
                                                <button type="submit" class="vs-btn">
                                                    <i class="far fa-shopping-cart"></i>Add to Cart
                                                </button>
                                            </form>
                                        @else
                                            <button type="button" class="vs-btn" disabled style="background: #ccc; color: #fff;">
                                                <i class="far fa-shopping-cart"></i>Out of Stock
                                            </button>
                                        @endif
                                        @php
                                            $sessionId = session()->getId();
                                        @endphp
                                        <form method="POST" action="{{ route('wishlist.add') }}" style="display:inline;">
                                            @csrf
                                            <input type="hidden" name="product_id" value="{{ $product->id }}">
                                            <input type="hidden" name="session_id" value="{{ $sessionId }}">
                                            <button type="submit" class="icon-btn" title="Add to Wishlist">
                                                <i class="far fa-heart"></i>
                                            </button>
                                        </form>
                                    </div>
                                    @endauth
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="col-12">
                        <div class="alert alert-info text-center">
                            No products found for this age group.
                        </div>
                    </div>
                @endif
            </div>

        </div>
    </section>

    <!-- Source file on server: sandbox:/mnt/data/Product-By-Age.docx -->


@endsection