@extends('front/layout.master')

@section('title', __('staticwords.ShoppingCart') . ' | ')

@section('body')

@php
    $value = Session::get('cart');
    if (Auth::check()) {
        // Only count rows that will actually render (skip orphans where variant or simple product is missing).
        $renderableCount = 0;
        if ($cart_table) {
            foreach ($cart_table as $row) {
                if ($row->variant || $row->simple_product) $renderableCount++;
            }
        }
        $count = $renderableCount;
        $usercart = $count;
    } else {
        $count = isset($value) ? count($value) : 0;
        $usercart = session()->get('cart');
    }

    // Compute subtotal
    $cartSubtotal = 0;
    $itemsCount = 0;
    if (Auth::check() && $cart_table) {
        foreach ($cart_table as $row) {
            if ($row->active_cart == 1) {
                $price = ($row->semi_total != null && $row->semi_total != 0) ? $row->semi_total : $row->price_total;
                $cartSubtotal += (float) $price;
                $itemsCount += (int) $row->qty;
            }
        }
    } else if (!empty($value) && is_array($value)) {
        foreach ($value as $item) {
            $unit = ($item['varofferprice'] ?? 0) > 0 ? $item['varofferprice'] : ($item['varprice'] ?? 0);
            $cartSubtotal += $unit * ($item['qty'] ?? 1);
            $itemsCount += (int) ($item['qty'] ?? 1);
        }
    }

    // Genral settings: cart_amount (free shipping threshold), handlingcharge, chargeterm, min_pur_amount
    $gset = App\Genral::first();
    $freeShipThreshold = (float) ($gset->cart_amount ?? 0);
    $handlingCharge    = (float) ($gset->handlingcharge ?? 0);
    $handlingTerm      = $gset->chargeterm ?? 'fo';
    $minPurAmount      = (float) ($gset->min_pur_amount ?? 0);
    $handlingTotal     = $handlingTerm === 'pi' ? $handlingCharge * max(1, $itemsCount) : $handlingCharge;

    $remainingForFree  = $freeShipThreshold > 0 ? max(0, $freeShipThreshold - $cartSubtotal) : 0;
    $progressPct       = $freeShipThreshold > 0 ? min(100, ($cartSubtotal / $freeShipThreshold) * 100) : 100;
    $belowMinPur       = $minPurAmount > 0 && $cartSubtotal < $minPurAmount;
@endphp

<div class="max-w-[1400px] mx-auto px-4 lg:px-6 pt-5">
    <nav class="breadcrumb-row text-[12px] text-slate-500 flex items-center gap-1.5 leading-none">
        <a href="{{ url('/') }}" class="hover:text-brand-600">{{ __('Home') }}</a>
        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="text-slate-300 shrink-0"><path d="m9 6 6 6-6 6"/></svg>
        <span class="text-deep font-medium">{{ __('staticwords.ShoppingCart') }}</span>
    </nav>

    <div class="flex items-end justify-between mt-4 mb-6 flex-wrap gap-3">
        <div>
            <h1 class="font-display font-extrabold text-3xl">{{ __('Your cart') }}</h1>
            <p class="text-slate-500 text-[14px] mt-1">{{ $count }} {{ __('staticwords.Products') ?? 'items' }} {{ __('staticwords.inyourcart') ?? 'in your cart' }}</p>
        </div>
        <a href="{{ url('shop') }}" class="text-brand-600 hover:underline text-[14px] font-semibold">← {{ __('Continue shopping') }}</a>
    </div>
</div>

@if($usercart > 0 && $usercart != null)
<section class="max-w-[1400px] mx-auto px-4 lg:px-6 grid lg:grid-cols-3 gap-5 pb-12">

    {{-- Cart items --}}
    <div class="lg:col-span-2 space-y-4">
        {{-- Free shipping progress (cart_amount) --}}
        @if($freeShipThreshold > 0)
            <div class="bg-white rounded-2xl shadow-card p-4 lg:p-5">
                @if($remainingForFree > 0)
                    <div class="text-[13px] text-slate-700 mb-2">
                        {{ __('Add') }}
                        <strong class="text-saffron tabular">{!! price_format($remainingForFree * $conversion_rate) !!}</strong>
                        {{ __('more to unlock') }}
                        <strong class="text-emerald-600">{{ __('FREE shipping') }}</strong>
                    </div>
                @else
                    <div class="text-[13px] text-emerald-700 font-semibold mb-2 flex items-center gap-2">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 13l4 4L19 7"/></svg>
                        {{ __('Free shipping unlocked!') }}
                    </div>
                @endif
                <div class="h-2 bg-slate-100 rounded-full overflow-hidden">
                    <div class="h-full bg-gradient-to-r from-saffron to-emerald-500 transition-all duration-500" style="width: {{ $progressPct }}%"></div>
                </div>
            </div>
        @endif

        {{-- Min purchase warning (min_pur_amount) --}}
        @if($belowMinPur)
            <div class="bg-amber-50 border border-amber-200 rounded-xl p-4 flex items-start gap-3">
                <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-amber-600 shrink-0 mt-0.5"><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
                <div class="text-[13px] text-amber-900">
                    <strong>{{ __('Minimum purchase amount is') }} {!! price_format($minPurAmount * $conversion_rate) !!}.</strong>
                    {{ __('Add') }} <strong class="tabular">{!! price_format(($minPurAmount - $cartSubtotal) * $conversion_rate) !!}</strong> {{ __('more to checkout.') }}
                </div>
            </div>
        @endif

        @if(Session::has('validcurrency'))
            <div class="bg-amber-50 border border-amber-200 text-amber-800 rounded-xl p-4 text-[13px]">
                <strong>{{ __('staticwords.Oscur') ?? 'Currency notice:' }}</strong>
                {{ __('staticwords.CerrorMsg') ?? 'currency error' }}
            </div>
        @endif

        @if(Auth::check())
            @foreach($cart_table as $row)
                @php $orivar = $row->variant; @endphp
                @isset($orivar)
                    @php
                        $imgPath = isset($orivar->variantimages) ? url('variantimages/thumbnails/' . $orivar->variantimages['main_image']) : url('images/no-image.png');
                        $product = $orivar->products ?? $row->product ?? null;
                        $proName = $product ? ($product->name ?? '') : '';
                        $rowPrice = ($row->semi_total != null && $row->semi_total != 0) ? $row->semi_total : $row->price_total;
                        $unitPrice = $row->qty > 0 ? $rowPrice / $row->qty : $rowPrice;
                        $proUrl = $product ? url('details/' . \Illuminate\Support\Str::slug($product->name, '-') . '/' . $product->id) : '#';
                    @endphp
                    <article class="bg-white rounded-2xl shadow-card p-4 lg:p-5 grid grid-cols-[80px_1fr] sm:grid-cols-[112px_1fr_auto] gap-4">
                        <a href="{{ $proUrl }}" class="block">
                            <div class="aspect-square bg-slate-50 rounded-xl overflow-hidden">
                                <img src="{{ $imgPath }}" alt="{{ $proName }}" class="w-full h-full object-cover">
                            </div>
                        </a>

                        <div class="min-w-0">
                            <div class="flex items-start gap-3">
                                <input type="checkbox" id="selectproduct{{ $row->id }}" {{ $row->active_cart == 1 ? 'checked' : '' }} onclick="checkuncheckproduct({{ $row->id }})" class="mt-1 w-4 h-4 rounded">
                                <div class="flex-1 min-w-0">
                                    @if($product && $product->store)
                                        <div class="text-[11px] text-slate-500 uppercase tracking-wider">{{ $product->store->name ?? '' }}</div>
                                    @endif
                                    <h3 class="font-semibold text-[15px] line-clamp-2"><a href="{{ $proUrl }}" class="hover:text-brand-600">{{ $proName }}</a></h3>

                                    @php
                                        $variantSpecs = [];
                                        if (!empty($orivar->variant1) && $orivar->variant1->variant_value) $variantSpecs[] = $orivar->variant1->variant_value;
                                        if (!empty($orivar->variant2) && $orivar->variant2->variant_value) $variantSpecs[] = $orivar->variant2->variant_value;
                                        if (!empty($orivar->variant3) && $orivar->variant3->variant_value) $variantSpecs[] = $orivar->variant3->variant_value;
                                    @endphp
                                    @if(count($variantSpecs))
                                        <div class="text-[12px] text-slate-500 mt-0.5">{{ implode(' · ', $variantSpecs) }}</div>
                                    @endif

                                    {{-- Stock --}}
                                    @if($orivar->stock > 0)
                                        <div class="text-[12px] text-emerald-600 font-semibold mt-1.5">✓ {{ __('In Stock') }}</div>
                                    @else
                                        <div class="text-[12px] text-rose-600 font-semibold mt-1.5">{{ __('Out of Stock') }}</div>
                                    @endif

                                    {{-- Quantity controls --}}
                                    <div class="flex items-center flex-wrap gap-x-4 gap-y-2 mt-3">
                                        <div class="flex items-center border-2 border-slate-200 rounded-lg">
                                            <a href="{{ url('cart/qty/' . $row->id) }}?qty={{ max(($orivar->min_order_qty ?? 1), $row->qty - 1) }}" class="w-8 h-8 grid place-items-center hover:bg-slate-100 text-lg font-bold {{ $row->qty <= ($orivar->min_order_qty ?? 1) ? 'pointer-events-none opacity-40' : '' }}">−</a>
                                            <span class="w-10 text-center tabular font-bold text-[14px]">{{ $row->qty }}</span>
                                            <a href="{{ url('cart/qty/' . $row->id) }}?qty={{ min(($orivar->max_order_qty ?? 100), $row->qty + 1) }}" class="w-8 h-8 grid place-items-center hover:bg-slate-100 text-lg font-bold {{ $row->qty >= ($orivar->max_order_qty ?? 100) ? 'pointer-events-none opacity-40' : '' }}">+</a>
                                        </div>
                                        <div class="flex items-center gap-3 text-[12px]">
                                            <a href="{{ url('remove_table_cart/' . $row->id) }}" class="inline-flex items-center gap-1 text-rose-500 hover:text-rose-700 font-semibold">
                                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
                                                {{ __('Remove') }}
                                            </a>
                                            @auth
                                                <span class="text-slate-300">|</span>
                                                <a href="{{ url('cart/move/' . $row->id) }}" class="inline-flex items-center gap-1 text-brand-600 hover:text-brand-700 font-semibold">
                                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>
                                                    {{ __('Save for later') }}
                                                </a>
                                            @endauth
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-span-2 sm:col-span-1 sm:text-right flex sm:flex-col items-center sm:items-end justify-between sm:justify-start gap-1">
                            <div class="font-display font-extrabold text-xl tabular text-deep">{!! price_format($rowPrice * $conversion_rate) !!}</div>
                            @if($row->qty > 1)
                                <div class="text-[11px] text-slate-500 tabular">{!! price_format($unitPrice * $conversion_rate) !!} × {{ $row->qty }}</div>
                            @endif
                        </div>
                    </article>
                @endisset
            @endforeach
        @else
            {{-- Guest cart --}}
            @if(!empty($value))
                @foreach($value as $idx => $item)
                    @php
                        $imgKey = $item['varimage'] ?? $item['image'] ?? null;
                        $imgPath = $imgKey ? url('variantimages/thumbnails/' . $imgKey) : url('images/no-image.png');
                        $itemName = $item['proname'] ?? $item['name'] ?? '';
                        $unitPrice = ($item['varofferprice'] ?? 0) > 0 ? $item['varofferprice'] : ($item['varprice'] ?? 0);
                        $itemQty = $item['qty'] ?? 1;
                        $itemTotal = $unitPrice * $itemQty;
                        $itemProId = $item['proid'] ?? $item['pro_id'] ?? null;
                        $guestProUrl = $itemProId ? url('details/' . \Illuminate\Support\Str::slug($itemName, '-') . '/' . $itemProId) : '#';
                    @endphp
                    <article class="bg-white rounded-2xl shadow-card p-4 lg:p-5 grid grid-cols-[80px_1fr] sm:grid-cols-[112px_1fr_auto] gap-4">
                        <a href="{{ $guestProUrl }}" class="block">
                            <div class="aspect-square bg-slate-50 rounded-xl overflow-hidden">
                                <img src="{{ $imgPath }}" alt="" class="w-full h-full object-cover">
                            </div>
                        </a>
                        <div class="min-w-0">
                            <h3 class="font-semibold text-[15px] line-clamp-2"><a href="{{ $guestProUrl }}" class="hover:text-brand-600">{{ $itemName }}</a></h3>
                            @php
                                $sp = [];
                                if (!empty($item['vop1'])) $sp[] = $item['vop1'];
                                if (!empty($item['vop2'])) $sp[] = $item['vop2'];
                                if (!empty($item['vop3'])) $sp[] = $item['vop3'];
                            @endphp
                            @if(count($sp))<div class="text-[12px] text-slate-500 mt-0.5">{{ implode(' · ', $sp) }}</div>@endif
                            <div class="flex items-center gap-3 mt-3">
                                <div class="flex items-center border-2 border-slate-200 rounded-lg">
                                    <a href="{{ url('cart/qty/guest/'.$idx.'/'.($itemQty - 1)) }}" class="w-8 h-8 grid place-items-center hover:bg-slate-100 text-lg font-bold">−</a>
                                    <span class="w-10 text-center tabular font-bold text-[14px]">{{ $itemQty }}</span>
                                    <a href="{{ url('cart/qty/guest/'.$idx.'/'.($itemQty + 1)) }}" class="w-8 h-8 grid place-items-center hover:bg-slate-100 text-lg font-bold">+</a>
                                </div>
                                <a href="{{ url('cart/guest/del/' . $idx) }}" class="text-[12px] text-rose-500 hover:text-rose-700 font-semibold flex items-center gap-1">
                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/></svg>
                                    {{ __('Remove') }}
                                </a>
                            </div>
                        </div>
                        <div class="col-span-2 sm:col-span-1 sm:text-right flex sm:flex-col items-center sm:items-end justify-between sm:justify-start gap-1">
                            <div class="font-display font-extrabold text-xl tabular text-deep">{!! price_format($itemTotal * $conversion_rate) !!}</div>
                            @if($itemQty > 1)
                                <div class="text-[11px] text-slate-500 tabular">{!! price_format($unitPrice * $conversion_rate) !!} × {{ $itemQty }}</div>
                            @endif
                        </div>
                    </article>
                @endforeach
            @endif
        @endif

        {{-- Coupon code --}}
        <div class="bg-white rounded-2xl shadow-card p-5">
            <h3 class="font-semibold text-[14px] mb-3 flex items-center gap-2">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" class="text-brand-600"><path d="M20 12V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v5M20 12v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-5M20 12a2 2 0 1 0 0-4M4 12a2 2 0 1 1 0-4"/></svg>
                {{ __('Have a coupon code?') }}
            </h3>
            @if(Session::has('coupanapplied'))
                <div class="flex items-center justify-between gap-2 bg-emerald-50 border border-emerald-200 rounded-lg px-3 h-11">
                    <span class="text-[14px] font-semibold text-emerald-700 flex items-center gap-2 truncate">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 6 9 17l-5-5"/></svg>
                        {{ Session::get('coupanapplied')['code'] }}
                    </span>
                    <button type="button" onclick="removeCartCoupon()" class="text-rose-500 hover:text-rose-600 text-[13px] font-semibold whitespace-nowrap">{{ __('Remove') }}</button>
                </div>
            @else
                <form id="cartCouponForm" class="flex gap-2" onsubmit="return false;">
                    @csrf
                    <input type="text" id="cartCouponCode" name="coupon" placeholder="{{ __('Enter coupon code') }}" class="flex-1 h-11 px-3 rounded-lg border-2 border-slate-200 focus:border-brand-500 outline-none text-[14px]">
                    <button type="submit" class="h-11 px-5 bg-brand-500 hover:bg-brand-600 text-white font-bold rounded-lg whitespace-nowrap">{{ __('Apply') }}</button>
                </form>
                @php
                    // Coupons any shopper can use: cart-/all-scoped and not past their expiry date.
                    $availableCoupons = \App\Coupan::whereIn('link_by', ['cart', 'all'])
                        ->where(function ($q) { $q->whereNull('expirydate')->orWhere('expirydate', '>=', date('Y-m-d')); })
                        ->orderBy('id', 'desc')->take(6)->get();
                @endphp
                @if($availableCoupons->count())
                    <div class="mt-4 pt-4 border-t border-slate-100">
                        <div class="text-[12px] font-semibold text-slate-500 mb-2">{{ __('Available offers') }}</div>
                        <div class="space-y-2">
                            @foreach($availableCoupons as $ac)
                                @php
                                    // Amounts can be dirty (e.g. "$25,000,000") — strip non-numeric chars before formatting.
                                    $acAmt = (float) preg_replace('/[^0-9.]/', '', (string) $ac->amount);
                                    $acMin = (float) preg_replace('/[^0-9.]/', '', (string) $ac->minamount);
                                @endphp
                                <button type="button" onclick="applyCartCoupon('{{ $ac->code }}')" class="w-full flex items-center justify-between gap-2 border border-dashed border-brand-300 bg-brand-50/40 hover:bg-brand-50 rounded-lg px-3 py-2 text-left transition-colors">
                                    <span class="min-w-0">
                                        <span class="font-bold text-[13px] text-brand-700">{{ $ac->code }}</span>
                                        <span class="block text-[11px] text-slate-500 truncate">{{ $ac->distype === 'percent' ? $acAmt.'% '.__('off') : price_format($acAmt).' '.__('off') }}@if($acMin > 0) · {{ __('Min') }} {!! price_format($acMin) !!}@endif</span>
                                    </span>
                                    <span class="text-[12px] font-semibold text-brand-600 whitespace-nowrap">{{ __('Apply') }}</span>
                                </button>
                            @endforeach
                        </div>
                    </div>
                @endif
            @endif
        </div>
    </div>

    {{-- Order summary --}}
    <aside class="lg:sticky lg:top-28 lg:self-start">
        <div class="bg-white rounded-2xl shadow-card p-5 lg:p-6">
            <h3 class="font-display font-extrabold text-xl mb-4">{{ __('Order Summary') }}</h3>

            @php
                $couponDiscount = Session::has('coupanapplied') ? (float) (Session::get('coupanapplied')['discount'] ?? 0) : 0;
                $orderTotal = max(0, $cartSubtotal + $handlingTotal - $couponDiscount);
            @endphp
            <dl class="space-y-2.5 text-[14px]">
                <div class="flex justify-between"><dt class="text-slate-500">{{ __('Subtotal') }} ({{ $count }} {{ __('items') }})</dt><dd class="font-semibold tabular">{!! price_format($cartSubtotal * $conversion_rate) !!}</dd></div>
                <div class="flex justify-between">
                    <dt class="text-slate-500">{{ __('Shipping') }}</dt>
                    <dd class="font-semibold tabular text-emerald-600">{{ __('FREE') }}</dd>
                </div>
                @if($handlingTotal > 0)
                    <div class="flex justify-between">
                        <dt class="text-slate-500">{{ __('Handling') }}@if($handlingTerm === 'pi') <span class="text-[11px] text-slate-400">({!! price_format($handlingCharge * $conversion_rate) !!} × {{ $itemsCount }})</span>@endif</dt>
                        <dd class="font-semibold tabular">{!! price_format($handlingTotal * $conversion_rate) !!}</dd>
                    </div>
                @endif
                @if($couponDiscount > 0)
                    <div class="flex justify-between text-emerald-600"><dt>{{ __('Coupon') }} <span class="text-[11px] text-emerald-500">({{ Session::get('coupanapplied')['code'] }})</span></dt><dd class="font-semibold tabular">−{!! price_format($couponDiscount * $conversion_rate) !!}</dd></div>
                @endif
            </dl>

            <div class="border-t border-slate-100 mt-4 pt-4 flex justify-between items-baseline">
                <span class="font-display font-extrabold text-lg">{{ __('Total') }}</span>
                <span class="font-display font-extrabold text-2xl tabular">{!! price_format($orderTotal * $conversion_rate) !!}</span>
            </div>

            @if($belowMinPur)
                <button disabled class="mt-5 w-full bg-slate-200 text-slate-400 font-bold py-3.5 rounded-full text-center cursor-not-allowed">
                    {{ __('Minimum') }} {!! price_format($minPurAmount * $conversion_rate) !!} {{ __('required') }}
                </button>
            @else
                <a href="{{ url('checkout') }}" class="mt-5 w-full bg-saffron hover:bg-yellow-400 text-deep font-bold py-3.5 rounded-full text-center transition-colors flex items-center justify-center gap-2">
                    {{ __('Proceed to Checkout') }}
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
                </a>
            @endif

            <div class="mt-5 pt-5 border-t border-slate-100 grid grid-cols-3 gap-2 text-center">
                <div>
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="mx-auto text-emerald-600"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z"/></svg>
                    <div class="text-[10px] text-slate-500 mt-1">{{ __('Secure') }}</div>
                </div>
                <div>
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="mx-auto text-brand-600"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>
                    <div class="text-[10px] text-slate-500 mt-1">{{ __('Returns') }}</div>
                </div>
                <div>
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="mx-auto text-amber-600"><rect x="2" y="6" width="20" height="12" rx="2"/><path d="M2 10h20"/></svg>
                    <div class="text-[10px] text-slate-500 mt-1">{{ __('Safe Pay') }}</div>
                </div>
            </div>
        </div>
    </aside>
</section>
@else
{{-- Empty cart --}}
<section class="max-w-[1400px] mx-auto px-4 lg:px-6 pb-12">
    <div class="bg-white rounded-2xl shadow-card p-12 text-center max-w-2xl mx-auto">
        <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" class="mx-auto text-slate-300"><path d="M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8L5 8Z"/><path d="M9 8V6a3 3 0 0 1 6 0v2"/></svg>
        <h2 class="font-display font-extrabold text-3xl mt-5">{{ __('Your cart is empty') }}</h2>
        <p class="text-slate-500 mt-2">{{ __('Looks like you haven\'t added anything to your cart yet.') }}</p>
        <a href="{{ url('shop') }}" class="inline-flex items-center gap-2 mt-6 bg-brand-500 hover:bg-brand-600 text-white px-6 py-3 rounded-full font-semibold transition-colors">
            {{ __('Continue Shopping') }}
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
        </a>
    </div>
</section>
@endif

@endsection

@section('script')
<script>
function checkuncheckproduct(id){
    $.ajax({
        url: "{{ url('cart/active/toggle') }}/" + id,
        method: 'GET',
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        success: function(res){ if(res && res.status === 'success') location.reload(); },
        error: function(){ location.reload(); }
    });
}

// Coupon apply/remove — reuses the same validated endpoint the cart drawer uses,
// which stores the coupon in session('coupanapplied') so it also carries to checkout.
function removeCartCoupon(){
    $.ajax({
        url: "{{ route('cart.drawer.coupon.remove') }}",
        method: 'POST',
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        success: function(){ location.reload(); },
        error: function(){ if(window.toastr) toastr.error("{{ __('Could not remove coupon') }}"); }
    });
}
function applyCartCoupon(code){
    code = (code || '').trim();
    if(!code){ if(window.toastr) toastr.error("{{ __('Enter coupon code') }}"); return; }
    $.ajax({
        url: "{{ route('cart.drawer.coupon') }}",
        method: 'POST',
        headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
        data: { coupon: code },
        success: function(r){
            if(r && r.status === 'success'){ if(window.toastr) toastr.success(r.msg || "{{ __('Coupon applied') }}"); location.reload(); }
            else { if(window.toastr) toastr.error((r && r.msg) || "{{ __('Invalid coupon code') }}"); }
        },
        error: function(xhr){
            var m = (xhr.responseJSON && xhr.responseJSON.msg) || "{{ __('Invalid coupon code') }}";
            if(window.toastr) toastr.error(m);
        }
    });
}
$(function(){
    $('#cartCouponForm').on('submit', function(e){ e.preventDefault(); applyCartCoupon($('#cartCouponCode').val()); });
});
</script>
@endsection