@extends("front/layout.master")
@section('title', __('staticwords.Checkout') . ' | ')

@section('body')
@php
    \Session::forget('from-order-review-page');
    \Session::forget('from-pay-page');
    \Session::forget('re-verify');
    \Session::forget('indiantax');

    $count = $cart_table->count();
    $cartSubtotal = 0;
    foreach ($cart_table as $row) {
        $cartSubtotal += ($row->semi_total ?? $row->price_total ?? 0);
    }
    $shipping = $shippingcharge ?? 0;
    // $handling_charge arrives as either a numeric scalar (from getBillingView) or a HandlingCharge
    // Collection (from orderReview). Normalize so the `@if($handling > 0)` check below never tries
    // to coerce a Collection to int.
    $handling_raw = $handling_charge ?? 0;
    if (is_numeric($handling_raw)) {
        $handling = (float) $handling_raw;
    } elseif ($handling_raw instanceof \Illuminate\Support\Collection) {
        $handling = (float) ($genrals_settings->handlingcharge ?? \App\Genral::first()->handlingcharge ?? 0);
    } else {
        $handling = 0;
    }
    // Prefer the applied cart coupon (passed from the controller); fall back to the free-shipping coupon.
    $couponDisc = (isset($couponDiscount) && $couponDiscount > 0)
        ? (float) $couponDiscount
        : (($shipping_coupan_status ?? 0) ? ($shipping_coupan_per_price ?? 0) : 0);
    $grandTotal = $ctotal ?? ($cartSubtotal + $shipping + $handling - $couponDisc);

    $defaultAddress = collect($addresses)->firstWhere('defaddress', 1) ?? collect($addresses)->first();
    $selectedAddrId = session()->get('address') ?? ($defaultAddress->id ?? null);

    // -------------------------------------------------------------------------
    // Gateway dispatch variables — ported from the working OLD checkout view at
    // C:\xampp\htdocs\e-mart\resources\views\front\checkout.blade.php so each
    // payment method below can hand off to its own controller exactly as before.
    // -------------------------------------------------------------------------
    $config       = \App\Config::first();
    $Api_settings = $config; // many old templates referenced both names
    $Api_settings = isset($Api_settings) ? $Api_settings : $config;
    $genrals      = \App\Genral::first();
    $front_logo   = $genrals->logo ?? '';
    $title        = $genrals->name ?? config('app.name', 'Emart');

    // The gateway controllers verify `$request->actualtotal` against `getcarttotal() * conversion_rate`
    // — i.e. the CART SUBTOTAL only, NOT the grand total. Shipping/handling are added later inside
    // `Crypt::decrypt($secure_amount)` for the gateway popup. Mismatching them gives a misleading
    // "Payment has been modifed !" rejection from PayViaRazorPayController et al.
    $rawCartTotal   = function_exists('getcarttotal') ? (float) getcarttotal() : 0;
    $cartLocalTotal = sprintf("%.2f", $rawCartTotal * $conversion_rate);
    $un_sec         = $cartLocalTotal;                                      // sent as `actualtotal` for verification
    // payamount = full grand total in the SELECTED currency. PlaceOrderController::placeorder()
    // does $neworder->order_total = Session::get('payamount') - $hc — so this must already be in
    // user currency (not base currency). $grandTotal from the controller is in base; multiply.
    $payAmountLocal = sprintf("%.2f", ((float) $grandTotal) * $conversion_rate);
    $unsecAmount    = $payAmountLocal;                                      // shown to user / used as popup amount
    $secure_amount  = \Crypt::encrypt($unsecAmount);                        // encrypted grand total displayed in popup

    // PlaceOrderController::placeorder() requires:
    //    $hc = decrypt(Session::get('handlingcharge'));   // must be a Crypt::encrypt'd value
    //    Session::get('payamount')                          // must be a numeric string in user currency
    // The OLD view set both inline as it rendered. The new view never did, so placeorder() blew up
    // with "The payload is invalid." (decrypt of null) on every Razorpay/Stripe/etc. callback.
    $handlingChargeLocal = (float) $handling * $conversion_rate;
    \Session::put('payamount', $payAmountLocal);
    \Session::put('handlingcharge', \Crypt::encrypt($handlingChargeLocal));

    // Snapshot what we're rendering so it can be compared against the controller's expectation
    // when "Payment has been modifed !" fires. Only log when actually viewing the page (auth user).
    if (auth()->check()) {
        \Illuminate\Support\Facades\Log::info('[checkout/view] amount snapshot', [
            'user_id'         => auth()->id(),
            'route'           => request()->path(),
            'getcarttotal'    => $rawCartTotal,
            'conversion_rate' => $conversion_rate,
            'cart_local_total'=> $cartLocalTotal,
            'un_sec'          => $un_sec,
            'grand_total'     => $grandTotal,
            'unsec_amount'    => $unsecAmount,
            'shipping'        => $shipping,
            'handling'        => $handling,
            'currency'        => session()->get('currency')['id'] ?? null,
        ]);
    }

    // Pre-generate an order id so Razorpay/Stripe/PayPal callbacks can call
    // PlaceOrderController::placeorder(... session('order_id') ...).
    if (!session()->get('order_id')) {
        session()->put('order_id', uniqid('ord_'));
    }
    $current_order_id = session()->get('order_id');
    // selectedaddress is only injected by orderReview(); on the initial /checkout render
    // (getBillingView) it's not in scope, so use isset() to avoid "Undefined variable".
    $address_for_pay  = (isset($selectedaddress) ? $selectedaddress : null) ?? $defaultAddress ?? null;

    $wallet_balance = auth()->check() && auth()->user()->wallet ? (float) auth()->user()->wallet->balance : 0;

    // Legacy variables that gateway module includes (Modules\AuthorizeNet, Modules\Bkash, …) and
    // some inline gateway markup expect to be in scope. Defining them here so every @include of a
    // module's front.tab / front.list partial works exactly like in the old checkout view.
    $checkoutsetting_check = \App\AutoDetectGeo::first();
    $listcheckOutCurrency  = \App\CurrencyCheckout::where('currency', '=', session()->get('currency')['id'] ?? '')->first();
    $handlingcharge        = (float) ($genrals->handlingcharge ?? 0);
    // Some module partials reference $address (singular). Provide an alias so they don't break.
    $address               = $address_for_pay;

    // Currency-aware gateway whitelist — mirrors the old view's
    // strstr($listcheckOutCurrency->payment_method, 'gateway') check.
    //   - checkout-currency restriction OFF (or AutoDetectGeo missing) → allow every gateway
    //   - no CurrencyCheckout row for the current currency → allow every gateway (admin hasn't
    //     configured a per-currency whitelist yet, don't silently hide everything)
    //   - row exists but `payment_method` is empty → allow every gateway (treat as unrestricted)
    //   - row exists with a list → only methods named in that list are allowed (case-insensitive)
    $gwAllowedFor = function ($needle) use ($listcheckOutCurrency, $checkoutsetting_check) {
        if (!$checkoutsetting_check || $checkoutsetting_check->checkout_currency != 1) {
            return true;
        }
        if (!$listcheckOutCurrency || empty($listcheckOutCurrency->payment_method)) {
            return true;
        }
        return stripos((string) $listcheckOutCurrency->payment_method, $needle) !== false;
    };
@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>
        <a href="{{ url('cart') }}" class="hover:text-brand-600">{{ __('Cart') }}</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.Checkout') }}</span>
    </nav>

    <h1 class="font-display font-extrabold text-3xl mt-4 mb-6">{{ __('staticwords.Checkout') }}</h1>
</div>

<section class="max-w-[1400px] mx-auto px-4 lg:px-6 grid lg:grid-cols-3 gap-5 pb-12">

    {{-- LEFT: Steps --}}
    <div class="lg:col-span-2 space-y-4">

        {{-- Step 1: Login --}}
        <div class="bg-white rounded-2xl shadow-card p-5 lg:p-6">
            <div class="flex items-center gap-3 mb-3">
                <span class="w-8 h-8 grid place-items-center bg-emerald-100 text-emerald-600 rounded-full font-bold">
                    @auth<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="m4 12 5 5L20 7"/></svg>@else 1 @endauth
                </span>
                <h2 class="font-display font-extrabold text-lg">@auth {{ __('staticwords.LoggedIn') }} @else {{ __('staticwords.Login') }} @endauth</h2>
            </div>
            @auth
                <div class="text-[14px] text-slate-700 ml-11">
                    <p class="flex items-center gap-2"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" class="text-emerald-600"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> <strong>{{ Auth::user()->name }}</strong></p>
                    <p class="flex items-center gap-2 mt-1"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" class="text-emerald-600"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2Z"/><path d="m22 6-10 7L2 6"/></svg> {{ Auth::user()->email }}</p>
                </div>
            @else
                <div class="ml-11">
                    <button type="button" data-sh-modal-open="loginModal" class="bg-brand-500 hover:bg-brand-600 text-white px-6 py-2.5 rounded-full font-semibold">{{ __('staticwords.Login') }}</button>
                </div>
            @endauth
        </div>

        {{-- Step 2: Shipping address --}}
        <div class="bg-white rounded-2xl shadow-card p-5 lg:p-6">
            <div class="flex items-center justify-between gap-3 mb-4 flex-wrap">
                <div class="flex items-center gap-3">
                    <span class="w-8 h-8 grid place-items-center bg-brand-100 text-brand-600 rounded-full font-bold">2</span>
                    <h2 class="font-display font-extrabold text-lg">{{ __('staticwords.ShippingInformation') }}</h2>
                </div>
                <button type="button" data-sh-modal-open="addAddressModal" class="text-[13px] bg-brand-50 hover:bg-brand-100 text-brand-600 font-semibold px-4 py-2 rounded-full flex items-center gap-1.5">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
                    {{ __('staticwords.AddNewAddress') }}
                </button>
            </div>

            @if(count($addresses))
                <form action="{{ route('choose.address') }}" method="POST">
                    @csrf
                    <input type="hidden" name="total" value="">
                    <input type="hidden" name="shipping" value="{{ $shippingcharge ?? 0 }}">
                    <div class="grid sm:grid-cols-2 gap-3">
                        @foreach($addresses as $address)
                            @php $isSelected = $selectedAddrId == $address->id; @endphp
                            <label class="relative cursor-pointer block">
                                <input type="radio" name="seladd" value="{{ $address->id }}" {{ $isSelected ? 'checked' : '' }} required class="peer sr-only">
                                <div class="border-2 {{ $isSelected ? 'border-brand-500 bg-brand-50/30' : 'border-slate-200' }} peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-4 hover:border-brand-300 transition-colors">
                                    <div class="flex items-start justify-between mb-1.5">
                                        <div class="font-semibold text-[14px]">{{ $address->name }}</div>
                                        @if($address->defaddress == 1)
                                            <span class="bg-emerald-100 text-emerald-700 text-[10px] font-bold uppercase tracking-wider px-2 py-0.5 rounded">{{ __('staticwords.Default') }}</span>
                                        @endif
                                    </div>
                                    <div class="text-[13px] text-slate-600 leading-relaxed">
                                        <div>{{ strip_tags($address->address) }}</div>
                                        <div>{{ $address->getcity ? $address->getcity->name : '' }}, {{ $address->getstate ? $address->getstate->name : '' }}, {{ $address->getCountry ? $address->getCountry->nicename : '' }} {{ $address->pin_code }}</div>
                                        <div class="text-slate-500 mt-1">📞 {{ $address->phone }}</div>
                                    </div>
                                </div>
                            </label>
                        @endforeach
                    </div>
                    {{-- "Deliver Here" is redundant on the new single-page checkout: Place Order
                         carries the selected address_id directly to CheckoutController@add.
                         Submitting it would round-trip through the legacy step03 page. --}}
                </form>
            @else
                <div class="text-center py-8 text-slate-500">
                    <p>{{ __('No saved addresses. Add one to continue.') }}</p>
                </div>
            @endif
        </div>

        {{-- Step 3: Payment --}}
        <div class="bg-white rounded-2xl shadow-card p-5 lg:p-6">
            <div class="flex items-center gap-3 mb-4">
                <span class="w-8 h-8 grid place-items-center bg-amber-100 text-amber-600 rounded-full font-bold">3</span>
                <h2 class="font-display font-extrabold text-lg">{{ __('Payment Method') }}</h2>
            </div>

            {{-- Payment-method radios — 3-per-row card grid. Each gateway is gated by its admin
                 enable-flag AND the currency whitelist ($gwAllowedFor) so users only see methods
                 that actually work with the currency they've selected. --}}
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3" id="paymentRadios">
                @if(env('COD_ENABLE') == 1 && isset($Api_settings) && $Api_settings->cash_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="cash" class="peer sr-only" checked>
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-emerald-100 rounded-lg grid place-items-center text-emerald-600">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="6" width="20" height="12" rx="2"/><circle cx="12" cy="12" r="3"/></svg>
                        </div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">{{ __('Cash on Delivery') }}</div><div class="text-[12px] text-slate-500 truncate">{{ __('Pay on delivery') }}</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->stripe_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="stripe" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/stripe.png') }}" alt="Stripe" class="h-6"></div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">{{ __('Credit/Debit Card') }}</div><div class="text-[12px] text-slate-500 truncate">{{ __('Via Stripe') }}</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->paypal_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="paypal" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/paypal.png') }}" alt="PayPal" class="h-6"></div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">PayPal</div><div class="text-[12px] text-slate-500 truncate">{{ __('Secure checkout') }}</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->razorpay == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="razorpay" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/razorpay.png') }}" alt="Razorpay" class="h-6"></div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">Razorpay</div><div class="text-[12px] text-slate-500 truncate">{{ __('UPI, Cards, Wallets') }}</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->paytm_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="paytm" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/paytm.png') }}" alt="Paytm" class="h-6"></div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">Paytm</div><div class="text-[12px] text-slate-500 truncate">{{ __('Wallet & Cards') }}</div></div>
                    </div>
                </label>
                @endif

                @if(Auth::check() && !empty($wallet_system) && $wallet_system == 1)
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="wallet" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-fuchsia-100 rounded-lg grid place-items-center text-fuchsia-600">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M21 12V7H5a2 2 0 0 1 0-4h14v4"/><path d="M3 5v14a2 2 0 0 0 2 2h16v-5"/><path d="M18 12a2 2 0 0 0 0 4h4v-4Z"/></svg>
                        </div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">{{ __('Wallet') }}</div><div class="text-[12px] text-slate-500 truncate">{{ __('Balance:') }} {{ number_format($wallet_balance, 2) }}</div></div>
                    </div>
                </label>
                @endif

                {{-- Every other gateway from the OLD checkout view, gated by config + currency-whitelist. --}}
                @if(isset($Api_settings) && $Api_settings->braintree_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="braintree" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/braintree.png') }}" alt="Braintree" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Braintree</div><div class="text-[12px] text-slate-500">{{ __('Cards via Braintree') }}</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->paystack_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="paystack" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/paystack.png') }}" alt="Paystack" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Paystack</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->instamojo_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="instamojo" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/instamojo.png') }}" alt="Instamojo" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Instamojo</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->payu_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="payu" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/payumoney.png') }}" alt="PayU" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">PayU</div><div class="text-[12px] text-slate-500 truncate">{{ __('PayUBiz / Money') }}</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->payhere_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="payhere" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/payhere.png') }}" alt="Payhere" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Payhere</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->cashfree_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="cashfree" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/cashfree.png') }}" alt="Cashfree" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Cashfree</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->omise_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="omise" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/omise.png') }}" alt="Omise" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Omise</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->rave_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="rave" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/rave.png') }}" alt="Rave" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Flutterwave Rave</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->moli_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="moli" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/mollie.png') }}" alt="Mollie" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Mollie</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->skrill_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="skrill" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/skrill.png') }}" alt="Skrill" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Skrill</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->sslcommerze_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="sslcommerze" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/sslcommerz.png') }}" alt="SSLCommerz" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">SSLCommerz</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->enable_amarpay == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="aamarpay" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/aamarpay.png') }}" alt="aamarPay" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">aamarPay</div></div>
                    </div>
                </label>
                @endif

                @if(isset($Api_settings) && $Api_settings->iyzico_enable == '1')
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="iyzico" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-white border border-slate-200 rounded-lg grid place-items-center"><img src="{{ url('images/payment/iyzico.png') }}" alt="Iyzico" class="h-6" onerror="this.style.display='none'"></div>
                        <div class="flex-1"><div class="font-semibold text-[14px]">Iyzico</div></div>
                    </div>
                </label>
                @endif

                {{-- Optional Modules — their front.list / front.tab partials emit legacy Bootstrap
                     markup that can't render cleanly inside a Tailwind radio-card grid. They are
                     intentionally excluded here; if needed, port each module's markup to a
                     Tailwind radio-card under the same data-pay key. --}}

                {{-- Admin-defined manual / offline payment methods (one radio per active row). --}}
                @foreach(\App\ManualPaymentMethod::where('status', '1')->get() as $manualMethod)
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="manual_{{ $manualMethod->id }}" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-amber-100 rounded-lg grid place-items-center text-amber-600">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 7h18v10H3z"/><path d="M7 11h2M7 13h6"/></svg>
                        </div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">{{ ucfirst($manualMethod->payment_name) }}</div><div class="text-[12px] text-slate-500 truncate">{{ __('Offline / manual') }}</div></div>
                    </div>
                </label>
                @endforeach

                {{-- Bank transfer (env flag) --}}
                @if(env('BANK_TRANSFER') == 1)
                <label class="block cursor-pointer">
                    <input type="radio" name="payment" value="bank_transfer" class="peer sr-only">
                    <div class="h-full min-h-[68px] border-2 border-slate-200 peer-checked:border-brand-500 peer-checked:bg-brand-50/30 rounded-xl p-3 flex items-center gap-3 hover:border-brand-300 transition-colors">
                        <div class="w-10 h-10 bg-slate-100 rounded-lg grid place-items-center text-slate-600">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M3 10h18M5 10v8m14-8v8M3 18h18M12 3 3 10h18Z"/></svg>
                        </div>
                        <div class="flex-1 min-w-0"><div class="font-semibold text-[14px] truncate">{{ __('staticwords.BankTranfer') }}</div><div class="text-[12px] text-slate-500 truncate">{{ __('Upload proof') }}</div></div>
                    </div>
                </label>
                @endif
            </div>

            {{-- Per-gateway forms — only the form matching the selected radio is visible.
                 Each posts to the same controller the legacy /order-review used so the existing
                 PlaceOrderController::placeorder() callback path keeps working unchanged. --}}
            <div class="mt-5 space-y-3" id="gatewayForms">

                {{-- COD --}}
                @if(env('COD_ENABLE') == 1 && isset($Api_settings) && $Api_settings->cash_enable == '1')
                <form action="{{ url('cod/' . $current_order_id) }}" method="POST" class="pay-gateway" data-pay="cash">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <button type="submit" class="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">
                        {{ __('Place Order') }} – {{ __('Cash on Delivery') }}
                        <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>
                    </button>
                </form>
                @endif

                {{-- Stripe (Stripe Checkout — server-side redirect path the old view used) --}}
                @if(isset($Api_settings) && $Api_settings->stripe_enable == '1')
                <form action="{{ route('paytostripe') }}" method="POST" class="pay-gateway hidden" data-pay="stripe">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <button type="submit" class="w-full bg-[#635BFF] hover:bg-[#4f47d6] text-white font-bold py-3.5 rounded-full text-center transition-colors flex items-center justify-center gap-2">
                        {{ __('Pay with Stripe') }}
                    </button>
                </form>
                @endif

                {{-- PayPal --}}
                @if(isset($Api_settings) && $Api_settings->paypal_enable == '1')
                <form action="{{ route('processTopayment') }}" method="POST" class="pay-gateway hidden" data-pay="paypal">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="payment_method" value="Paypal">
                    <button type="submit" class="w-full bg-[#0070ba] hover:bg-[#005ea6] text-white font-bold py-3.5 rounded-full text-center transition-colors flex items-center justify-center gap-2">
                        {{ __('Pay with PayPal') }}
                    </button>
                </form>
                @endif

                {{-- Razorpay — uses Razorpay's programmatic JS SDK so we get a proper styled
                     "Place Order" button. The popup's success handler fills razorpay_payment_id
                     into the hidden input, then submits the form to PayViaRazorPayController@payment. --}}
                @if(isset($Api_settings) && $Api_settings->razorpay == '1')
                <form id="rpayform" action="{{ route('rpay') }}" method="POST" class="pay-gateway hidden" data-pay="razorpay">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="razorpay_payment_id" id="rzpPaymentId">
                    <button type="button" id="rzpPayBtn" class="w-full bg-[#072654] hover:bg-[#0a3478] text-white font-bold py-3.5 rounded-full text-center transition-colors flex items-center justify-center gap-2">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="6" width="18" height="13" rx="2"/><path d="M3 10h18"/></svg>
                        {{ __('Pay') }} {{ $unsecAmount }} {{ __('with Razorpay') }}
                    </button>
                </form>
                @endif

                {{-- Paytm --}}
                @if(isset($Api_settings) && $Api_settings->paytm_enable == '1')
                <form action="{{ route('processTopayment') }}" method="POST" class="pay-gateway hidden" data-pay="paytm">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="payment_method" value="Paytm">
                    <button type="submit" class="w-full bg-[#00BAF2] hover:bg-[#009dcc] text-white font-bold py-3.5 rounded-full text-center transition-colors flex items-center justify-center gap-2">
                        {{ __('Pay with Paytm') }}
                    </button>
                </form>
                @endif

                {{-- Wallet --}}
                @if(Auth::check() && !empty($wallet_system) && $wallet_system == 1)
                <form action="{{ route('checkout.with.wallet') }}" method="POST" class="pay-gateway hidden" data-pay="wallet">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    @if($wallet_balance >= (float) $unsecAmount)
                        <button type="submit" class="w-full bg-fuchsia-500 hover:bg-fuchsia-600 text-white font-bold py-3.5 rounded-full text-center transition-colors flex items-center justify-center gap-2">
                            {{ __('Pay using Wallet') }}
                        </button>
                    @else
                        <div class="text-center text-rose-600 text-[13px] py-3">{{ __('Wallet balance is not enough to cover this order.') }}</div>
                    @endif
                </form>
                @endif

                {{-- Braintree --}}
                @if(isset($Api_settings) && $Api_settings->braintree_enable == '1')
                <form action="{{ route('pay.bt') }}" method="POST" class="pay-gateway hidden" data-pay="braintree">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <button type="submit" class="w-full bg-deep hover:bg-slate-700 text-white font-bold py-3.5 rounded-full">{{ __('Pay with Braintree') }}</button>
                </form>
                @endif

                {{-- Paystack --}}
                @if(isset($Api_settings) && $Api_settings->paystack_enable == '1')
                <form action="{{ route('pay.via.paystack') }}" method="POST" accept-charset="UTF-8" class="pay-gateway hidden" data-pay="paystack">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" class="total_paystack_amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="email" value="{{ auth()->user()->email ?? '' }}">
                    <input type="hidden" name="quantity" value="1">
                    <input type="hidden" name="reference" value="{{ \Illuminate\Support\Str::random(15) }}">
                    <input type="hidden" name="key" value="{{ env('PAYSTACK_PUBLIC_KEY') }}">
                    <input type="hidden" name="currency" value="{{ session()->get('currency')['id'] ?? 'NGN' }}">
                    <button type="submit" class="w-full bg-[#011B33] hover:bg-[#022a4f] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Paystack') }}</button>
                </form>
                @endif

                {{-- Instamojo --}}
                @if(isset($Api_settings) && $Api_settings->instamojo_enable == '1')
                <form action="{{ route('processTopayment') }}" method="POST" class="pay-gateway hidden" data-pay="instamojo">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="payment_method" value="Instamojo">
                    <button type="submit" class="w-full bg-[#3D539F] hover:bg-[#2d4280] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Instamojo') }}</button>
                </form>
                @endif

                {{-- PayU --}}
                @if(isset($Api_settings) && $Api_settings->payu_enable == '1')
                <form action="{{ route('processTopayment') }}" method="POST" class="pay-gateway hidden" data-pay="payu">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="payment_method" value="Payu">
                    <button type="submit" class="w-full bg-[#A03050] hover:bg-[#7e2540] text-white font-bold py-3.5 rounded-full">{{ __('Pay with PayU') }}</button>
                </form>
                @endif

                {{-- Payhere — direct POST to sandbox.payhere.lk like the legacy view. --}}
                @if(isset($Api_settings) && $Api_settings->payhere_enable == '1')
                @php $payhere_order_id = uniqid('ph_'); @endphp
                <form action="https://sandbox.payhere.lk/pay/checkout" method="POST" class="pay-gateway hidden" data-pay="payhere">
                    <input type="hidden" name="merchant_id" value="{{ env('PAYHERE_MERCHANT_ID') }}">
                    <input type="hidden" name="return_url" value="{{ url('/payhere/callback') }}">
                    <input type="hidden" name="cancel_url" value="{{ url('/order-review') }}">
                    <input type="hidden" name="notify_url" value="{{ url('/notify/payhere') }}">
                    <input type="hidden" name="order_id" value="{{ $payhere_order_id }}">
                    <input type="hidden" name="items" value="Payment For Order {{ $payhere_order_id }}">
                    <input type="hidden" name="currency" value="{{ session()->get('currency')['id'] ?? 'LKR' }}">
                    <input type="hidden" name="amount" value="{{ $unsecAmount }}">
                    <input type="hidden" name="first_name" value="{{ optional($address_for_pay)->name ?? auth()->user()->name ?? '' }}">
                    <input type="hidden" name="last_name" value="">
                    <input type="hidden" name="email" value="{{ auth()->user()->email ?? '' }}">
                    <input type="hidden" name="phone" value="{{ optional($address_for_pay)->phone ?? '' }}">
                    <input type="hidden" name="address" value="{{ optional($address_for_pay)->address ?? '' }}">
                    <input type="hidden" name="city" value="{{ optional($address_for_pay)->getcity->name ?? '' }}">
                    <input type="hidden" name="country" value="{{ optional($address_for_pay)->getCountry->nicename ?? '' }}">
                    <button type="submit" class="w-full bg-[#003A78] hover:bg-[#00264f] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Payhere') }}</button>
                </form>
                @endif

                {{-- Cashfree --}}
                @if(isset($Api_settings) && $Api_settings->cashfree_enable == '1')
                <form action="{{ route('processTopayment') }}" method="POST" class="pay-gateway hidden" data-pay="cashfree">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="payment_method" value="Cashfree">
                    <button type="submit" class="w-full bg-[#00C805] hover:bg-[#009b04] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Cashfree') }}</button>
                </form>
                @endif

                {{-- Omise --}}
                @if(isset($Api_settings) && $Api_settings->omise_enable == '1')
                <form id="omiseForm" action="{{ route('pay.via.omise') }}" method="POST" class="pay-gateway hidden" data-pay="omise">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <script type="text/javascript" src="https://cdn.omise.co/omise.js"
                        data-key="{{ env('OMISE_PUBLIC_KEY') }}"
                        data-amount="{{ (int) (round((float) $unsecAmount, 2) * 100) }}"
                        data-currency="{{ session()->get('currency')['id'] ?? 'THB' }}"
                        data-image="{{ $front_logo ? url('images/genral/'.$front_logo) : '' }}"
                        data-frame-label="{{ $title }}"
                        data-button-label="Pay {{ $unsecAmount }}"
                        data-default-payment-method="credit_card"></script>
                </form>
                @endif

                {{-- Flutterwave Rave --}}
                @if(isset($Api_settings) && $Api_settings->rave_enable == '1')
                <form action="{{ route('rave.pay') }}" method="POST" class="pay-gateway hidden" data-pay="rave">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="email" value="{{ auth()->user()->email ?? '' }}">
                    <input type="hidden" name="description" value="Payment for order {{ $current_order_id }}">
                    <button type="submit" class="w-full bg-[#F5A623] hover:bg-[#d68f1c] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Flutterwave') }}</button>
                </form>
                @endif

                {{-- Mollie --}}
                @if(isset($Api_settings) && $Api_settings->moli_enable == '1')
                <form action="{{ route('mollie.pay') }}" method="POST" class="pay-gateway hidden" data-pay="moli">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <button type="submit" class="w-full bg-[#0C5DC2] hover:bg-[#08489a] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Mollie') }}</button>
                </form>
                @endif

                {{-- Skrill --}}
                @if(isset($Api_settings) && $Api_settings->skrill_enable == '1')
                <form action="{{ route('skrill.pay') }}" method="POST" autocomplete="off" class="pay-gateway hidden" data-pay="skrill">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <button type="submit" class="w-full bg-[#862167] hover:bg-[#6c1a52] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Skrill') }}</button>
                </form>
                @endif

                {{-- SSLCommerz --}}
                @if(isset($Api_settings) && $Api_settings->sslcommerze_enable == '1')
                <form action="{{ route('payvia.sslcommerze') }}" method="POST" class="pay-gateway hidden" data-pay="sslcommerze">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <button type="submit" class="w-full bg-[#22B14C] hover:bg-[#199139] text-white font-bold py-3.5 rounded-full">{{ __('Pay with SSLCommerz') }}</button>
                </form>
                @endif

                {{-- aamarPay (uses the project's aamarpay_post_button() helper, like the legacy view). --}}
                @if(isset($Api_settings) && $Api_settings->enable_amarpay == '1')
                <div class="pay-gateway hidden" data-pay="aamarpay">
                    {!! function_exists('aamarpay_post_button') ? aamarpay_post_button([
                        'cus_name'  => auth()->user()->name ?? '',
                        'cus_email' => auth()->user()->email ?? '',
                        'cus_phone' => auth()->user()->mobile ?? optional($address_for_pay)->phone ?? '',
                    ], $unsecAmount, '<span>'. __('Pay via aamarPay') .'</span>', 'w-full bg-[#1A2E5A] hover:bg-[#142346] text-white font-bold py-3.5 rounded-full text-center inline-block') : '' !!}
                </div>
                @endif

                {{-- Iyzico — extra identity field required by the gateway. --}}
                @if(isset($Api_settings) && $Api_settings->iyzico_enable == '1')
                <form action="{{ route('iyzcio.pay') }}" method="POST" autocomplete="off" class="pay-gateway hidden space-y-3" data-pay="iyzico">
                    @csrf
                    <div>
                        <label class="block text-[12px] font-semibold text-slate-700 mb-1">{{ __('staticwords.IdentityNumber') }} *</label>
                        <input type="text" name="identity_number" placeholder="74300864791" required class="w-full h-11 px-3 rounded-lg border-2 border-slate-200 focus:border-brand-500 outline-none text-[14px]">
                        <p class="text-[11px] text-slate-500 mt-1">{{ __('staticwords.iyzicodesc') }}</p>
                    </div>
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="email" value="{{ auth()->user()->email ?? '' }}">
                    <input type="hidden" name="mobile" value="{{ optional($address_for_pay)->phone ?? '' }}">
                    <input type="hidden" name="conversation_id" value="{{ uniqid() }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="currency" value="{{ session()->get('currency')['id'] ?? 'TRY' }}">
                    <input type="hidden" name="address" value="{{ optional($address_for_pay)->address ?? '' }}">
                    <input type="hidden" name="city" value="{{ optional(optional($address_for_pay)->getcity)->name ?? '' }}">
                    <input type="hidden" name="state" value="{{ optional(optional($address_for_pay)->getstate)->name ?? '' }}">
                    <input type="hidden" name="country" value="{{ optional(optional($address_for_pay)->getCountry)->nicename ?? '' }}">
                    <input type="hidden" name="pincode" value="{{ optional($address_for_pay)->pin_code ?? '' }}">
                    <input type="hidden" name="language" value="{{ app()->getLocale() }}">
                    <button type="submit" class="w-full bg-[#1E64FF] hover:bg-[#1853d6] text-white font-bold py-3.5 rounded-full">{{ __('Pay with Iyzico') }}</button>
                </form>
                @endif

                {{-- Optional Module dispatch forms (DPOPayment / Bkash / MPesa / AuthorizeNet /
                     Worldpay / Midtrains / Paytab / SquarePay / Esewa / Smanager / Senangpay /
                     Onepay) intentionally excluded — see corresponding note in the radio block. --}}

                {{-- Manual / offline payments configured by admin (Bank, etc.) --}}
                @foreach(\App\ManualPaymentMethod::where('status', '1')->get() as $manualMethod)
                <form action="{{ route('manualpay.checkout', ['token' => \Illuminate\Support\Str::random(25), 'payvia' => $manualMethod->payment_name]) }}" method="POST" enctype="multipart/form-data" class="pay-gateway hidden space-y-3" data-pay="manual_{{ $manualMethod->id }}">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <input type="hidden" name="manual_method_id" value="{{ $manualMethod->id }}">
                    @if(!empty($manualMethod->payment_details))
                    <div class="bg-slate-50 border border-slate-200 rounded-xl p-3 text-[12px] text-slate-700 leading-relaxed">{!! $manualMethod->payment_details !!}</div>
                    @endif
                    <div>
                        <label class="block text-[12px] font-semibold text-slate-700 mb-1">{{ __('Upload payment proof') }} *</label>
                        <input type="file" name="purchase_proof" required accept="image/jpeg,image/png,image/webp,image/bmp" class="block w-full text-[13px] text-slate-700 file:mr-3 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-brand-50 file:text-brand-600 file:font-semibold hover:file:bg-brand-100">
                    </div>
                    <button type="submit" class="w-full bg-deep hover:bg-slate-700 text-white font-bold py-3.5 rounded-full">{{ __('Place Order') }} – {{ $manualMethod->payment_name }}</button>
                </form>
                @endforeach

                {{-- Bank Transfer (env flag, accepts a payment-proof upload). --}}
                @if(env('BANK_TRANSFER') == 1)
                <form action="{{ route('bank.transfer.process', \Illuminate\Support\Str::random(25)) }}" method="POST" enctype="multipart/form-data" class="pay-gateway hidden space-y-3" data-pay="bank_transfer">
                    @csrf
                    <input type="hidden" name="actualtotal" value="{{ $un_sec }}">
                    <input type="hidden" name="amount" value="{{ $secure_amount }}">
                    <div>
                        <label class="block text-[12px] font-semibold text-slate-700 mb-1">{{ __('Upload payment proof') }} *</label>
                        <input type="file" name="purchase_proof" required accept="image/jpeg,image/png,image/webp,image/bmp" class="block w-full text-[13px] text-slate-700 file:mr-3 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-brand-50 file:text-brand-600 file:font-semibold hover:file:bg-brand-100">
                    </div>
                    <button type="submit" class="w-full bg-deep hover:bg-slate-700 text-white font-bold py-3.5 rounded-full">{{ __('Place Order') }} – {{ __('staticwords.BankTranfer') }}</button>
                </form>
                @endif

            </div>

            @if(isset($Api_settings) && $Api_settings->razorpay == '1')
            <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
            @endif
            <script>
            (function(){
                var radios = document.querySelectorAll('input[name="payment"]');
                var forms  = document.querySelectorAll('.pay-gateway');
                function showFor(value){
                    forms.forEach(function(f){
                        f.classList.toggle('hidden', f.getAttribute('data-pay') !== value);
                    });
                }
                radios.forEach(function(r){ r.addEventListener('change', function(){ showFor(r.value); }); });
                var checked = document.querySelector('input[name="payment"]:checked');
                if (checked) showFor(checked.value);

                // Razorpay programmatic popup — opens on Pay-button click, fills the hidden
                // razorpay_payment_id on success, then submits the form to /rpay.
                @if(isset($Api_settings) && $Api_settings->razorpay == '1')
                var rzpBtn = document.getElementById('rzpPayBtn');
                if (rzpBtn && typeof Razorpay !== 'undefined') {
                    rzpBtn.addEventListener('click', function(){
                        var rzp = new Razorpay({
                            key: @json(env('RAZOR_PAY_KEY')),
                            amount: {{ (int) round(((float) $unsecAmount) * 100) }},
                            currency: @json(session()->get('currency')['id'] ?? 'INR'),
                            name: @json($title),
                            description: @json('Payment For Order ' . $current_order_id),
                            @if($front_logo) image: @json(url('images/genral/'.$front_logo)), @endif
                            prefill: {
                                name:    @json(optional($address_for_pay)->name ?? auth()->user()->name ?? ''),
                                email:   @json(auth()->user()->email ?? ''),
                                contact: @json(optional($address_for_pay)->phone ?? auth()->user()->mobile ?? '')
                            },
                            theme: { color: '#3b6df0' },
                            handler: function(response){
                                document.getElementById('rzpPaymentId').value = response.razorpay_payment_id;
                                document.getElementById('rpayform').submit();
                            },
                            modal: { ondismiss: function(){ /* user closed without paying */ } }
                        });
                        rzp.open();
                    });
                }
                @endif
            })();
            </script>
        </div>
    </div>

    {{-- RIGHT: Order summary --}}
    <aside class="lg:sticky lg:top-28 lg:self-start space-y-4">
        <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>

            {{-- Items list --}}
            <div class="space-y-3 max-h-[320px] overflow-y-auto pr-1 mb-4">
                @foreach($cart_table as $row)
                    @php
                        $orivar = $row->variant;
                        $simple = $row->simple_product ?? null;
                        if (!$orivar && !$simple) continue;

                        if ($orivar) {
                            $imgPath = isset($orivar->variantimages) ? url('variantimages/thumbnails/' . $orivar->variantimages['main_image']) : url('images/no-image.png');
                            $product = $orivar->product ?? $orivar->products ?? null;
                            $proName = $product->name ?? '';
                            $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;
                        } else {
                            $imgPath = $simple->thumbnail ? url('images/simple_products/' . $simple->thumbnail) : url('images/no-image.png');
                            $proName = $simple->product_name ?? '';
                            $variantSpecs = [];
                        }
                        $rowPrice = $row->semi_total ?? $row->price_total ?? 0;
                        $unitPrice = $row->qty > 0 ? $rowPrice / $row->qty : $rowPrice;
                    @endphp
                    <div class="grid grid-cols-[60px_1fr_auto] gap-3 items-start">
                        <div class="aspect-square bg-slate-50 rounded-lg overflow-hidden relative shrink-0">
                            <img src="{{ $imgPath }}" alt="" class="w-full h-full object-cover">
                            <span class="absolute -top-1 -right-1 bg-deep text-white text-[10px] font-bold rounded-full w-5 h-5 grid place-items-center tabular shadow">{{ $row->qty }}</span>
                        </div>
                        <div class="text-[12px] leading-tight min-w-0">
                            <div class="font-semibold text-deep line-clamp-2">{{ $proName }}</div>
                            @if(count($variantSpecs))
                                <div class="text-[11px] text-slate-500 mt-0.5 line-clamp-1">{{ implode(' · ', $variantSpecs) }}</div>
                            @endif
                            <div class="text-[11px] text-slate-500 mt-1 tabular">{{ __('Qty') }}: <span class="font-semibold text-slate-700">{{ $row->qty }}</span> × {!! price_format($unitPrice * $conversion_rate) !!}</div>
                        </div>
                        <div class="text-[13px] font-bold tabular text-deep whitespace-nowrap">{!! price_format($rowPrice * $conversion_rate) !!}</div>
                    </div>
                @endforeach
            </div>

            {{-- Totals --}}
            <dl class="space-y-2 text-[14px] border-t border-slate-100 pt-4">
                <div class="flex justify-between"><dt class="text-slate-500">{{ __('Subtotal') }}</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">@if($shipping > 0){!! price_format($shipping * $conversion_rate) !!}@else{{ __('FREE') }}@endif</dd></div>
                @if($handling > 0)
                    <div class="flex justify-between"><dt class="text-slate-500">{{ __('Handling') }}</dt><dd class="font-semibold tabular">{!! price_format($handling * $conversion_rate) !!}</dd></div>
                @endif
                @if($couponDisc > 0)
                    <div class="flex justify-between text-emerald-600"><dt>{{ __('Coupon') }}</dt><dd class="font-semibold tabular">−{!! price_format($couponDisc * $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($grandTotal * $conversion_rate) !!}</span>
            </div>

            <div class="mt-5 pt-5 border-t border-slate-100 flex items-center gap-3 text-[12px] text-slate-500">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" class="text-emerald-600 shrink-0"><path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3Z"/></svg>
                {{ __('Your payment is encrypted and secured.') }}
            </div>
        </div>
    </aside>
</section>

{{-- Add Address Modal --}}
<div id="addAddressModal" class="sh-modal" role="dialog" aria-modal="true">
    <div class="sh-modal__backdrop" data-sh-close></div>
    <div class="sh-modal__panel" style="max-width:640px; padding:0; max-height:92vh; overflow:hidden; display:flex; flex-direction:column;">
        {{-- Header --}}
        <div class="flex items-center justify-between px-6 py-4 border-b border-slate-100 shrink-0">
            <div class="flex items-center gap-3">
                <span class="w-9 h-9 grid place-items-center bg-brand-100 text-brand-600 rounded-full">
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z"/><circle cx="12" cy="10" r="3"/></svg>
                </span>
                <div>
                    <div class="font-display font-extrabold text-lg leading-tight">{{ __('Add New Address') }}</div>
                    <div class="text-[12px] text-slate-500">{{ __('Where should we deliver your order?') }}</div>
                </div>
            </div>
            <button type="button" data-sh-close class="w-9 h-9 grid place-items-center rounded-full hover:bg-slate-100 text-slate-500" aria-label="{{ __('Close') }}">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6 6 18"/></svg>
            </button>
        </div>

        {{-- Body (scrollable) --}}
        <form id="addAddressForm" action="{{ route('address.store') }}" method="POST" class="flex-1 overflow-y-auto">
            @csrf

            {{-- Section 1: Contact --}}
            <div class="px-6 pt-5 pb-4">
                <div class="text-[11px] font-bold uppercase tracking-wider text-slate-400 mb-3">{{ __('Contact') }}</div>
                <div class="grid sm:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('Full Name') }} <span class="text-rose-500">*</span></label>
                        <input required type="text" name="name" placeholder="{{ __('e.g. John Doe') }}" class="w-full h-11 px-3.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] transition-colors">
                    </div>
                    <div>
                        <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('Phone') }} <span class="text-rose-500">*</span></label>
                        <input required type="tel" name="phone" placeholder="{{ __('e.g. +1 555 123 4567') }}" class="w-full h-11 px-3.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] transition-colors">
                    </div>
                </div>
            </div>

            {{-- Section 2: Address --}}
            <div class="px-6 py-4 border-t border-slate-100">
                <div class="text-[11px] font-bold uppercase tracking-wider text-slate-400 mb-3">{{ __('Delivery Address') }}</div>
                <div class="space-y-4">
                    <div>
                        <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('Street Address') }} <span class="text-rose-500">*</span></label>
                        <textarea required name="address" rows="2" placeholder="{{ __('House no., Street, Apartment, Landmark') }}" class="w-full px-3.5 py-2.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] resize-none transition-colors"></textarea>
                    </div>
                    <div class="grid sm:grid-cols-2 gap-4">
                        <div>
                            <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('Country') }} <span class="text-rose-500">*</span></label>
                            <select required id="country_id" name="country_id" class="w-full h-11 px-3.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] bg-white transition-colors">
                                <option value="">{{ __('Please Choose Country') }}</option>
                                @foreach($all_country as $c)
                                    <option value="{{ $c->id }}">{{ $c->nicename }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('Pincode') }} <span class="text-rose-500">*</span></label>
                            <input required type="text" name="pin_code" placeholder="000000" class="w-full h-11 px-3.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] transition-colors">
                        </div>
                    </div>
                    <div class="grid sm:grid-cols-2 gap-4">
                        <div>
                            <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('State') }} <span class="text-rose-500">*</span></label>
                            <select required id="upload_id" name="state_id" class="w-full h-11 px-3.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] bg-white transition-colors">
                                <option value="">{{ __('Please Choose State') }}</option>
                            </select>
                        </div>
                        <div>
                            <label class="block text-[13px] font-semibold mb-1.5 text-slate-700">{{ __('City') }} <span class="text-rose-500">*</span></label>
                            <select required id="city_id" name="city_id" class="w-full h-11 px-3.5 rounded-lg border-2 border-slate-200 focus:border-brand-500 focus:ring-2 focus:ring-brand-100 outline-none text-[14px] bg-white transition-colors">
                                <option value="">{{ __('Please Choose City') }}</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Section 3: Default --}}
            <div class="px-6 py-4 border-t border-slate-100">
                <label class="flex items-start gap-3 cursor-pointer select-none">
                    <input type="checkbox" name="setdef" value="1" class="mt-0.5 w-4 h-4 rounded border-2 border-slate-300 text-brand-500 focus:ring-brand-500">
                    <span>
                        <span class="block text-[14px] font-semibold text-slate-700">{{ __('Set as default address') }}</span>
                        <span class="block text-[12px] text-slate-500">{{ __('Use this for future orders by default.') }}</span>
                    </span>
                </label>
            </div>
        </form>

        {{-- Footer (sticky) --}}
        <div class="flex items-center justify-end gap-3 px-6 py-4 border-t border-slate-100 bg-slate-50 shrink-0">
            <button type="button" data-sh-close class="px-5 py-2.5 rounded-full text-slate-600 hover:bg-slate-200 font-semibold text-[14px] transition-colors">{{ __('Cancel') }}</button>
            <button type="submit" form="addAddressForm" class="bg-brand-500 hover:bg-brand-600 text-white font-bold px-6 py-2.5 rounded-full text-[14px] flex items-center gap-2 shadow-sm transition-colors">
                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z"/><path d="M17 21v-8H7v8M7 3v5h8"/></svg>
                {{ __('Save Address') }}
            </button>
        </div>
    </div>
</div>

@endsection

@section('script')
<script>
    var baseUrl = @json(url('/'));
    var choosestateurl = @json(url('/choose_state'));
    var choosecityurl  = @json(url('/choose_city'));
</script>
<script src="{{ url('js/ajaxlocationlist.js') }}"></script>
@endsection