@extends('frontend.layout.app')

@section('content')

    <style>
        /* Coupon Card */
        .coupon-card-modern {
            border: 2px dashed #dee2e6;
            border-radius: 16px;
            padding: 14px;
            background: #fff;
            cursor: pointer;
            transition: all 0.25s ease;
        }

        .coupon-card-modern:hover {
            border-color: #28a745;
            transform: translateY(-3px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        .coupon-radio {
            display: none;
        }

        .coupon-inner {
            display: flex;
            gap: 14px;
            align-items: center;
        }

        /* Discount Badge */
        .discount-badge {
            background: linear-gradient(135deg, #28a745, #20c997);
            color: #fff;
            font-weight: 700;
            padding: 12px 16px;
            border-radius: 14px;
            font-size: 15px;
            white-space: nowrap;
        }

        /* Right Content */
        .coupon-title {
            margin-bottom: 4px;
            font-weight: 700;
        }

        .coupon-code {
            font-size: 14px;
            margin-bottom: 2px;
        }

        .coupon-code span {
            background: #f1f3f5;
            padding: 2px 8px;
            border-radius: 6px;
            font-weight: 600;
        }

        .coupon-validity {
            font-size: 13px;
            color: #6c757d;
        }

        /* Selected */
        .coupon-card-modern.selected {
            border-color: #28a745;
            background: #f6fff9;
        }

        /* Expired */
        .coupon-card-modern.expired {
            opacity: 0.5;
            cursor: not-allowed;
            background: #f8f9fa;
        }

        .coupon-expired-text {
            color: #dc3545;
            font-weight: 600;
            font-size: 13px;
            margin-top: 4px;
        }

        /* Selected Coupon Box */
        .selected-coupon-box {
            background: #f8f9fa;
            padding: 10px 14px;
            border-radius: 10px;
            font-size: 14px;
        }

        /* Coupon minimum lock styling */
        .coupon-card-modern.min-order {
            opacity: 0.5;
            cursor: not-allowed;
            background: #f8f9fa;
        }
        .coupon-minimum-text {
            color: #fd7e14;
            font-weight: 600;
            font-size: 13px;
            margin-top: 4px;
        }

        /* Info icon styling */
        .info-btn {
            color: #17a2b8;
            cursor: pointer;
            background: none;
            border: none;
            padding: 0;
            font-size: 17px;
            line-height: 1;
            margin-left: 6px;
            vertical-align: middle;
        }
        .popover-body {
            font-size: 14px;
        }

        /* Price breakdown popover formatting */
        .popover.price-breakdown-popover .popover-body {
            font-size: 15px;
            font-family: inherit;
            padding: 10px 16px;
        }
        .price-breakdown-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .price-breakdown-list li {
            font-weight: 700;
            font-size: 15px;
            margin-bottom: 2px;
        }
        .price-breakdown-list .pb-label {
            font-weight: 700;
        }
        .price-breakdown-list .pb-sub {
            font-weight: 700;
            margin-left: 0.4em;
        }
        /* Custom Price Breakdown Styling for Popover */
        .price-breakdown-custom {
            font-size: 15px;
            font-family: inherit;
            margin: 0;
            padding: 0;
            line-height: 1.7;
        }
        .price-breakdown-custom strong {
            font-weight: bold;
        }

        .product-gst-info {
            font-size: 13px;
            color: #109d34;
            display: block;
            margin-top: 2px;
        }

        .qty-wrapper {
            display: inline-flex;
            align-items: center;
            border: 1px solid #dee2e6;
            border-radius: 12px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
        }

        /* Buttons */
        .qty-btn {
            width: 30px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            font-weight: 600;
            text-decoration: none;
            color: #495057;
            background: #f8f9fa;
            transition: all 0.2s ease;
            user-select: none;
        }

    </style>
    <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">Cart</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="">Home</a></li>
                        <li>Cart</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--==============================
            Cart Area
        ==============================-->
    <div class="vs-cart-wrapper space-top space-extra-bottom">
        <div class="container">

            @php
                // Calculate all subtotals and platform/gst totals here
                $cartSubtotal = 0;
                $totalVendorPlatformFee = 0;
                $totalVendorGst = 0;
                foreach ($cartItems as $cartitem) {
                    $itemVendor = $cartitem->vendorProduct;
                    $isVendorItem = !empty($cartitem->vendor_product_id) && $itemVendor;
                    $basePrice = (float) ($cartitem->sp ?? 0);
                    $platformFee = $isVendorItem ? ($basePrice * 0.10) : 0;
                    $gstRate = 0;
                    if ($isVendorItem) {
                        $gstRate = (float) ($itemVendor->gst ?? 0) / 100;
                    } elseif ($cartitem->product && $cartitem->product->gst) {
                        $gstRate = (float) $cartitem->product->gst / 100;
                    }
                    $gstAmount = $basePrice * $gstRate;
                    $effectiveUnitPrice = $basePrice + $platformFee + $gstAmount;
                    $cartSubtotal += $effectiveUnitPrice * $cartitem->quantity;

                    // Sum up platform fee & GST for vendor items
                    if ($isVendorItem) {
                        $totalVendorPlatformFee += $platformFee * $cartitem->quantity;
                        $totalVendorGst += $gstAmount * $cartitem->quantity;
                    }
                }

                // Default/fallback shipping cost and method
                $shippingCost = $shippingCost ?? 0;
                $shippingMethod = $shippingMethod ?? 'flat';

                // Coupon discount from session or 0
                $couponDiscount = session('coupon_discount', 0);

                // Calculate final total (do not allow negative)
                $orderTotal = max(0, $cartSubtotal + $shippingCost - $couponDiscount);

                // Minimum cart subtotal for coupon eligibility
                $minimumCouponSubtotal = 1000;
            @endphp

            <form class="woocommerce-cart-form">
                <table class="cart_table">
                    <thead>
                    <tr>
                        <th class="cart-col-image">Image</th>
                        <th class="cart-col-productname">Product Name</th>
                        <th class="cart-col-price">Price</th>
                        <th class="cart-col-quantity">Quantity</th>
                        <th class="cart-col-total">Total</th>
                        <th class="cart-col-remove">Remove</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($cartItems as $cartitem)
                        @php
                            $itemProduct = $cartitem->product;
                            $itemVendor = $cartitem->vendorProduct;
                            $isVendorItem = !empty($cartitem->vendor_product_id);
                            $itemName = $itemVendor->product_name ?? $itemProduct->product_name ?? 'Unknown Product';
                            $itemUrl = $isVendorItem && $itemVendor
                                ? route('vendor.productsdetails', $itemVendor->id)
                                : route('productsdetails', $itemProduct?->id ?? 0);

                            $fallbackImage = asset('frontend/assets/img/product/default.png');
                            if ($isVendorItem && $itemVendor && $itemVendor->images && $itemVendor->images->first()) {
                                $imgPath = $itemVendor->images->first()->image ?? null;
                                $imgPath = ltrim((string) $imgPath, '/');
                                if (str_starts_with($imgPath, 'storage/')) {
                                    $imgPath = substr($imgPath, strlen('storage/'));
                                }
                                if (str_starts_with($imgPath, 'public/')) {
                                    $imgPath = substr($imgPath, strlen('public/'));
                                }
                                $itemImageUrl = $imgPath ? asset('storage/' . $imgPath) : $fallbackImage;
                            } else {
                                $productImage = $itemProduct && $itemProduct->images ? $itemProduct->images->first() : null;
                                $itemImageUrl = $productImage
                                    ? asset('storage/product/' . $productImage->images)
                                    : $fallbackImage;
                            }

                            $basePrice = (float) ($cartitem->sp ?? 0);
                            $isVendorItemCalc = $isVendorItem && $itemVendor;
                            $platformFee = $isVendorItemCalc ? ($basePrice * 0.10) : 0;
                            $gstRate = 0;
                            $productGstLabel = '';
                            if ($isVendorItemCalc) {
                                $gstRate = (float) ($itemVendor->gst ?? 0) / 100;
                                $productGstLabel = $itemVendor->gst ?? '0';
                            } elseif ($itemProduct && $itemProduct->gst) {
                                $gstRate = (float) $itemProduct->gst / 100;
                                $productGstLabel = $itemProduct->gst ?? '0';
                            }
                            $gstAmount = $basePrice * $gstRate;
                            $effectiveUnitPrice = $basePrice + $platformFee + $gstAmount;
                        @endphp
                        <tr class="cart_item">
                            <td data-title="Product">
                                <a class="cart-productimage" href="{{ $itemUrl }}">
                                    <img width="91" height="91"
                                         src="{{ $itemImageUrl }}"
                                         alt="{{ $itemName }}">
                                </a>
                            </td>
                            <td data-title="Name">
                                <a class="cart-productname" href="{{ $itemUrl }}">
                                    {{ $itemName }}
                                </a>

                            </td>
                            <td data-title="Price" style="white-space:nowrap;">
                                        <span class="amount">
                                            <bdi><span>₹</span>{{ number_format($effectiveUnitPrice, 2) }}</bdi>
                                        </span>
                                @if($isVendorItemCalc)
                                    <button type="button"
                                            class="info-btn"
                                            tabindex="0"
                                            data-bs-toggle="popover"
                                            data-bs-trigger="focus"
                                            title="Price Breakdown"
                                            data-bs-html="true"
                                            data-bs-content="
                                                    <div>
                                                        Base Price: ₹{{ number_format($basePrice,2) }}<br>
                                                        {{-- Platform Fee (10%): ₹{{ number_format($platformFee,2) }}<br> --}}
                                                        GST ({{ number_format($itemVendor->gst ?? 0,2) }}%): ₹{{ number_format($gstAmount,2) }}
                                                    </div>
                                                ">
                                        <i class="fas fa-info-circle"></i>
                                    </button>
                                @elseif($productGstLabel && $productGstLabel > 0)
                                    <button type="button"
                                            class="info-btn"
                                            tabindex="0"
                                            data-bs-toggle="popover"
                                            data-bs-trigger="focus"
                                            title="GST Info"
                                            data-bs-html="true"
                                            data-bs-content="
                                                    <div>
                                                        GST ({{ rtrim(rtrim(number_format($productGstLabel, 2), '0'), '.') }}%): ₹{{ number_format($gstAmount,2) }}
                                                    </div>
                                                ">
                                        <i class="fas fa-info-circle"></i>
                                    </button>
                                @endif
                            </td>
                            <td data-title="Quantity">
                                <div class="qty-wrapper">
                                    {{-- Decrease --}}
                                    <a href="{{ $cartitem->quantity > 1 ? route('cart.decrease', $cartitem->id) : 'javascript:void(0)' }}"
                                       class="qty-btn qty-minus {{ $cartitem->quantity <= 1 ? 'disabled' : '' }}"
                                       aria-label="Decrease quantity">
                                        −
                                    </a>

                                    {{-- Quantity --}}
                                    <input type="text"
                                           class="qty-input"
                                           value="{{ $cartitem->quantity }}"
                                           readonly>

                                    {{-- Increase --}}
                                    <a href="{{ route('cart.increase', $cartitem->id) }}"
                                       class="qty-btn qty-plus"
                                       aria-label="Increase quantity">
                                        +
                                    </a>
                                </div>
                            </td>
                            <td data-title="Total">
                                        <span class="amount">
                                            <bdi><span>₹</span>{{ number_format($effectiveUnitPrice * $cartitem->quantity, 2) }}</bdi>
                                        </span>
                                @if($isVendorItemCalc)
                                    <button type="button"
                                            class="info-btn"
                                            tabindex="0"
                                            data-bs-toggle="popover"
                                            data-bs-trigger="focus"
                                            title="Total Breakdown"
                                            data-bs-html="true"
                                            data-bs-content="
                                                    <div>
                                                        {{-- <strong>Platform Fee (Fixed at 10%)</strong>: ₹{{ number_format($platformFee * $cartitem->quantity, 2) }}<br> --}}
                                                        <strong>GST (as given: {{ number_format($itemVendor->gst ?? 0, 2) }}%)</strong>: ₹{{ number_format($gstAmount * $cartitem->quantity, 2) }}<br>
                                                        <strong>Base Price × Qty</strong>: ₹{{ number_format($basePrice * $cartitem->quantity,2) }}
                                                    </div>
                                                ">
                                        <i class="fas fa-info-circle"></i>
                                    </button>
                                @elseif($productGstLabel && $productGstLabel > 0)
                                    <button type="button"
                                            class="info-btn"
                                            tabindex="0"
                                            data-bs-toggle="popover"
                                            data-bs-trigger="focus"
                                            title="GST Total Info"
                                            data-bs-html="true"
                                            data-bs-content="
                                                    <div>
                                                        GST ({{ rtrim(rtrim(number_format($productGstLabel, 2), '0'), '.') }}%): ₹{{ number_format($gstAmount*$cartitem->quantity,2) }}
                                                    </div>
                                                ">
                                        <i class="fas fa-info-circle"></i>
                                    </button>
                                @endif
                            </td>
                            <td data-title="Remove">
                                <a href="{{ route('cart.remove', $cartitem->id) }}"
                                   class="remove btn btn-link p-0 m-0 border-0 text-danger" title="Remove from cart"
                                   aria-label="Remove item"
                                   onclick="event.preventDefault(); if (confirm('Are you sure you want to remove this item from your cart?')) { window.location.href='{{ route('cart.remove', $cartitem->id) }}'; }">
                                    <i class="fal fa-trash-alt"></i>
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-4">Your cart is empty.</td>
                        </tr>
                    @endforelse
                    <tr>
                        <td colspan="6" class="actions">
                         <a href="{{ route('index') }}" class="vs-btn">Continue Shopping</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </form>
            @if (count($cartItems) > 0)
                <div class="row justify-content-end">
                    <div class="col-lg-6">
                        <div class="woocommerce-form-coupon-toggle">
                            <div class="woocommerce-info">
                                Have a coupon?
                                <a href="javascript:void(0);" class="showcoupon" data-bs-toggle="modal"
                                   data-bs-target="#couponModal">Click The Coupon tab to avail</a>
                            </div>
                        </div>
                        <form class="woocommerce-form-coupon">
                            <div class="form-group">
                                <button type="button" class="vs-btn shadow-none" data-bs-toggle="modal"
                                        data-bs-target="#couponModal">Apply coupon</button>
                            </div>
                        </form>
                    </div>

                    @php
                        $coupons = App\Models\Coupon::where('status', 'Active')->get();
                    @endphp

                        <!-- Coupon Modal -->
                    <div class="modal fade" id="couponModal" tabindex="-1" aria-labelledby="couponModalLabel"
                         aria-hidden="true">
                        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
                            <div class="modal-content">
                                <div class="modal-header border-0">
                                    <h5 class="modal-title fw-bold" id="couponModalLabel">
                                        🎟️ Available Coupons
                                    </h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>

                                <div class="modal-body pt-0">
                                    @if($cartSubtotal < $minimumCouponSubtotal)
                                        <div class="alert alert-warning text-center">
                                            <i class="fas fa-info-circle"></i>
                                            Minimum order of ₹{{ number_format($minimumCouponSubtotal, 2) }} required to avail any coupon. <br>
                                            Your current cart subtotal is ₹{{ number_format($cartSubtotal, 2) }}.
                                        </div>
                                    @endif
                                    <div class="row">
                                        @forelse ($coupons as $coupon)
                                            @php
                                                $isExpired = \Carbon\Carbon::parse($coupon->validity)->isPast();
                                                $minOrderNotMet = $cartSubtotal < $minimumCouponSubtotal;
                                            @endphp

                                            <div class="col-md-6 mb-4">
                                                <div class="coupon-card-modern
                                                        {{ $isExpired ? 'expired' : '' }}
                                                        {{ (!$isExpired && $minOrderNotMet) ? 'min-order' : '' }}"
                                                     data-radio-id="coupon_{{ $coupon->id }}"
                                                     data-expired="{{ $isExpired ? 'true' : 'false' }}"
                                                     data-minorder="{{ $minOrderNotMet ? 'true' : 'false' }}">

                                                    <input type="radio" class="coupon-radio" name="coupon"
                                                           value="{{ $coupon->couponcode }}" id="coupon_{{ $coupon->id }}"
                                                        {{ $isExpired ? 'disabled' : '' }}
                                                        {{ (!$isExpired && $minOrderNotMet) ? 'disabled' : '' }}>

                                                    <div class="coupon-inner">
                                                        <div class="coupon-left">
                                                            <div class="discount-badge">
                                                                ₹{{ number_format($coupon->discount, 0) }} OFF
                                                            </div>
                                                        </div>

                                                        <div class="coupon-right">
                                                            <h6 class="coupon-title">
                                                                {{ $coupon->name ?: 'Special Offer' }}
                                                            </h6>

                                                            <div class="coupon-code">
                                                                Code:
                                                                <span>{{ $coupon->couponcode }}</span>
                                                            </div>

                                                            <div class="coupon-validity">
                                                                Valid till
                                                                {{ \Carbon\Carbon::parse($coupon->validity)->format('d M Y') }}
                                                            </div>

                                                            @if ($isExpired)
                                                                <div class="coupon-expired-text">
                                                                    <i class="fas fa-ban"></i> Expired
                                                                </div>
                                                            @elseif (!$isExpired && $minOrderNotMet)
                                                                <div class="coupon-minimum-text">
                                                                    <i class="fas fa-info-circle"></i> Min order ₹{{ number_format($minimumCouponSubtotal, 2) }}
                                                                </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @empty
                                            <div class="col-12">
                                                <div class="alert alert-warning text-center">
                                                    No coupons available right now.
                                                </div>
                                            </div>
                                        @endforelse
                                    </div>

                                    <div class="selected-coupon-box mt-3">
                                        <strong>Selected Coupon:</strong>
                                        <span id="selectedCoupon" class="text-success ms-1">None</span>
                                    </div>
                                </div>

                                <div class="modal-footer border-0">
                                    <button type="button" id="applyCouponBtn" class="btn btn-success px-4" @if($cartSubtotal < $minimumCouponSubtotal) disabled @endif>
                                        Apply Coupon
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-md-8 col-lg-7 col-xl-6">
                        <h2 class="h4 summary-title">Cart Totals</h2>

                        <table class="cart_totals">
                            <tbody>
                            {{-- Cart Subtotal --}}
                            <tr>
                                <td>Cart Subtotal</td>
                                <td data-title="Cart Subtotal">
                                            <span class="amount">
                                                <bdi>
                                                    <span>₹</span>{{ number_format($cartSubtotal, 2) }}
                                                </bdi>
                                            </span>
                                </td>
                            </tr>

                            @php
                                $totalProductDiscount = 0;
                                $productDiscountsDetail = [];
                            @endphp
                            @foreach ($cartItems as $cartitem)
                                @if (empty($cartitem->vendor_product_id) && isset($cartitem->product->discount) && $cartitem->product->discount > 0)
                                    @php
                                        // discount is in percent
                                        $discountPercent = $cartitem->product->discount;
                                        $itemTotal = $cartitem->sp * $cartitem->quantity;
                                        $itemProdDiscount = ($discountPercent / 100) * $itemTotal;
                                        $totalProductDiscount += $itemProdDiscount;
                                        $productDiscountsDetail[] = [
                                            'name' => $cartitem->product->product_name,
                                            'percent' => $discountPercent,
                                            'value' => $itemProdDiscount,
                                        ];
                                    @endphp
                                @endif
                            @endforeach
                            @if ($totalProductDiscount > 0)
                                <tr>
                                    <td>Product Discounts</td>
                                    <td>
                                                <span class="text-success fw-semibold">
                                                    -<span>₹</span>{{ number_format($totalProductDiscount, 2) }}
                                                </span>
                                        <br>
                                        <small class="text-muted">
                                            @foreach ($productDiscountsDetail as $pd)
                                                <div>
                                                    {{ $pd['name'] }}:
                                                    <span class="text-success">
                                                                {{ rtrim(rtrim(number_format($pd['percent'], 2), '0'), '.') }}%
                                                                (₹{{ number_format($pd['value'], 2) }})
                                                            </span>
                                                </div>
                                            @endforeach
                                        </small>
                                    </td>
                                </tr>
                            @endif

                            @php
                                // Sum per-product GST only if any non-vendor cart item has GST
                                $gstAmount = 0;
                                $hasGst = false;
                                $productGstBreakdown = [];
                                foreach ($cartItems as $cartitem) {
                                    $itemGstSource = null;
                                    if (empty($cartitem->vendor_product_id) && isset($cartitem->product->gst)) {
                                        $itemGstSource = $cartitem->product->gst;
                                    }
                                    if ($itemGstSource !== null && $itemGstSource > 0) {
                                        $hasGst = true;
                                        $itemGstRate = $itemGstSource / 100;
                                        $itemGst = $cartitem->sp * $cartitem->quantity * $itemGstRate;
                                        $gstAmount += $itemGst;
                                        $productGstBreakdown[] = [
                                            'name' => $cartitem->product->product_name,
                                            'gst_rate' => $itemGstSource,
                                            'gst_value' => $itemGst,
                                        ];
                                    }
                                }
                            @endphp

                            @php
                                // Update the orderTotal to include product discounts, shipping and coupon discounts
                                $orderTotal = max(
                                    0,
                                    $cartSubtotal +
                                        $shippingCost -
                                        $couponDiscount -
                                        $totalProductDiscount,
                                );
                            @endphp

                            {{-- Coupon Discount --}}
                            @if ($couponDiscount)
                                <tr>
                                    <td>Coupon Discount</td>
                                    <td>
                                                <span class="text-success fw-semibold">
                                                    -<span>₹</span>{{ number_format($couponDiscount, 2) }}
                                                </span>
                                        <br>
                                        <small class="text-muted">
                                            Coupon <strong>{{ session('applied_coupon') }}</strong> applied
                                            <a href="{{ route('cart.remove-coupon') }}" class="ms-2 text-danger"
                                               onclick="return confirm('Remove applied coupon?')">
                                                Remove
                                            </a>
                                        </small>
                                    </td>
                                </tr>
                            @endif
                            </tbody>
                            {{-- Final Total --}}
                            <tfoot>
                            <tr class="order-total">
                                <td>Order Total</td>
                                <td data-title="Total">
                                    <strong>
                                                <span class="amount">
                                                    <bdi>
                                                        <span>₹</span>
                                                        {{ number_format($orderTotal, 2) }}
                                                    </bdi>
                                                </span>
                                    </strong>
                                </td>
                            </tr>
                            </tfoot>
                        </table>

                        <div class="wc-proceed-to-checkout mb-30">
                            <a href="{{ route('checkout') }}" class="vs-btn">Proceed to Checkout</a>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            let selectedCouponCode = null;
            // Cart subtotal will be replaced by PHP (Blade) value
            const cartSubtotal = {{ $cartSubtotal }};
            const minimumCouponSubtotal = {{ $minimumCouponSubtotal }};

            document.querySelectorAll('.coupon-card-modern').forEach(card => {
                card.addEventListener('click', function() {
                    if (this.dataset.expired === "true" || this.dataset.minorder === "true") return;

                    const radio = document.getElementById(this.dataset.radioId);
                    if (!radio) return;

                    radio.checked = true;
                    selectedCouponCode = radio.value;

                    document.querySelectorAll('.coupon-card-modern')
                        .forEach(c => c.classList.remove('selected'));

                    this.classList.add('selected');
                    document.getElementById('selectedCoupon').innerText = selectedCouponCode;
                });
            });

            document.getElementById('applyCouponBtn').addEventListener('click', function() {
                // Check minimum order on apply too, for extra safety
                if (cartSubtotal < minimumCouponSubtotal) {
                    alert("Your cart does not qualify for coupons. Minimum order is ₹" + minimumCouponSubtotal + ".");
                    return;
                }
                if (!selectedCouponCode) {
                    alert('Please select a coupon');
                    return;
                }

                fetch("{{ route('apply.coupon') }}", {
                    method: "POST",
                    headers: {
                        "Content-Type": "application/json",
                        "X-CSRF-TOKEN": "{{ csrf_token() }}"
                    },
                    body: JSON.stringify({
                        coupon: selectedCouponCode
                    })
                })
                    .then(res => res.json())
                    .then(data => {
                        alert(data.message);
                        if (data.success) {
                            bootstrap.Modal.getInstance(
                                document.getElementById('couponModal')
                            ).hide();
                            location.reload();
                        }
                    })
                    .catch(() => alert('Something went wrong'));
            });


            // Enable all info popovers for vendor products and gst info
            var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
            popoverTriggerList.forEach(function (popoverTriggerEl) {
                new bootstrap.Popover(popoverTriggerEl);
            });
        });
    </script>

@endsection