@extends('layouts.public')

@section('content')
@php
/** @var array $items @var array $restaurant @var array $totals @var array $zones @var array|null $user
 * @var bool $tipsEnabled @var bool $schedulingEnabled */

// Dine-in: offered only when the cart is bound to a scanned table AND the restaurant
// allows QR ordering. When present it is the first option and pre-selected, so delivery
// is NOT checked by default. Resolved here rather than beside the radios because the
// step rail below names step 2 after the same choice.
$dineIn = $dineIn ?? false;
$tableLabel = (string) ($tableLabel ?? '');

/* ---------------------------------------------------------------------------
   Three-step checkout.

   The fieldsets below are the ones this page has always had; they are only
   GROUPED into three panes. The form still posts ONCE, to the same action, so
   there is no new route and no per-step save that can half-succeed. Nothing is
   hidden server-side: every pane renders, and only checkout.js — once it has
   run — collapses them to one at a time. That is what makes the page work with
   JavaScript disabled: three panes stacked, one submit, order completes.

   Step names reuse the headings the sections already carry, so the rail and the
   fieldset it points at are never worded differently.
   --------------------------------------------------------------------------- */
$coSteps = [
    1 => t('checkout.contact'),
    2 => $dineIn ? t('checkout.order_type') : t('checkout.delivery_method'),
    3 => t('checkout.payment_method'),
];

// Which pane a rejected submit re-opens. CheckoutController::checkoutFail puts the field
// the server refused into the same flashed-input bag old() reads, so this needs no new
// mechanism and expires with the rest of that input. An error naming no field (the
// restaurant is closed, the cart went stale) opens the first pane, where the flash
// banner above the form is already in view.
$coErrorPane = [
    'customer_name' => 1, 'customer_phone' => 1, 'customer_email' => 1,
    'service_mode' => 2, 'delivery_address' => 2, 'zone_id' => 2, 'scheduled_at' => 2,
    'payment_method' => 3, 'tip' => 3, 'coupon' => 3, 'loyalty_reward_id' => 3, 'notes' => 3,
][(string) \App\Support\Session::old('_error_field', '')] ?? 1;

/* Choices a rejected submit must not make the customer enter twice. old() already
   restores every text field on this page; these are the radios and selects it cannot
   reach. Each falls back to exactly the default it had before, so a first visit — where
   the flashed bag is empty — renders identically to how it always did. */
$coOld = static fn (string $k): string => (string) \App\Support\Session::old($k, '');
$coOldPay = $coOld('payment_method');
$coOldReward = $coOld('loyalty_reward_id');
$coMode = $coOld('service_mode') !== '' ? $coOld('service_mode') : ($dineIn ? 'dine_in' : 'delivery');
$coLater = $coOld('when') === 'later';
// The first enabled payment method stays pre-selected until the customer has actually
// chosen one; after a rejected submit their choice wins.
$coPayChecked = static fn (string $value, bool $isFirst): string
    => ($coOldPay !== '' ? $coOldPay === $value : $isFirst) ? ' checked' : '';
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('checkout.title') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><a href="{{ route('cart') }}">{{ t_raw('common.cart') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('checkout.title') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>


@php /* Whether the checked mode is the server SAYING something (a validation bounce echoing the
         customer's own submit, a table-bound dine-in) or merely the default. The storefront's
         delivery/pickup toggle lives in localStorage — client state — and may only override the
         DEFAULT: overriding a bounce would discard a choice the customer made on this form. */
@endphp
<form method="post" action="{{ route('checkout') }}" id="checkout-form" data-cowiz-open="{{ (int) $coErrorPane }}" data-mode-source="{!! $coOld('service_mode') !== '' || $dineIn ? 'server' : 'default' !!}">
    @csrf
    @if (empty($user))
    <div class="container-fluid"><div class="qm-guest-note"><i class="fas fa-user-circle" aria-hidden="true"></i> {!! t_raw('checkout.guest_note', [':link' => '<a href="' . e(route('login')) . '">' . t('common.sign_in') . '</a>']) !!}</div></div>
    @endif
    <section class="qm-section">
        <div class="container-fluid">
            <div class="row g-4">
                <div class="col-lg-8">
                    @php
                    /* Numbered step rail — the order builder's own .qm-ob-step badge, so the
                       storefront has one numbered-step look and not a second, framework one.
                       Shipped hidden and revealed by checkout.js: a browser without JavaScript
                       is never shown chrome that cannot do anything. */
@endphp
                    <nav class="qm-cowiz-rail" id="qm-cowiz-rail" aria-label="{{ t_raw('checkout.steps_aria') }}" hidden>
                        <ol>
                            @foreach ($coSteps as $coN => $coLabel)
                            <li class="qm-cowiz-railitem{{ $coN === $coErrorPane ? ' is-active' : '' }}">
                                <button type="button" class="qm-cowiz-railbtn" data-cowiz-go="{{ (int) $coN }}"{!! $coN === $coErrorPane ? ' aria-current="step"' : '' !!}>
                                    <span class="qm-ob-step">{{ (int) $coN }}</span>
                                    <span class="qm-cowiz-railtext">{{ $coLabel }}</span>
                                </button>
                            </li>
                            @endforeach
                        </ol>
                    </nav>

                    <div class="qm-cowiz-pane" data-cowiz-pane="1">
                    <div class="qm-checkout-section">
                        <h2>{{ t_raw('checkout.contact') }}</h2>
                        <div class="row">
                            <div class="col-md-6 mb-3"><label class="form-label" for="customer_name">{{ t_raw('checkout.full_name') }}</label><input type="text" id="customer_name" name="customer_name" class="form-control" value="{{ $user['name'] ?? old('customer_name') }}" required placeholder="{{ t_raw('auth.name_placeholder') }}"></div>
                            <div class="col-md-6 mb-3"><label class="form-label" for="customer_phone">{{ t_raw('checkout.phone') }}</label><input type="text" id="customer_phone" name="customer_phone" class="form-control" value="{{ $user['phone'] ?? old('customer_phone') }}" required placeholder="{{ t_raw('auth.phone_placeholder') }}"></div>
                        </div>
                        <div class="mb-0"><label class="form-label" for="customer_email">{{ t_raw('checkout.email_optional') }}</label><input type="email" id="customer_email" name="customer_email" class="form-control" value="{{ $user['email'] ?? old('customer_email') }}" placeholder="{{ t_raw('auth.email_placeholder') }}"></div>
                    </div>

                    </div><!-- /step 1 -->

                    <div class="qm-cowiz-pane" data-cowiz-pane="2">
                    <div class="qm-checkout-section">
                        <h2>{!! $dineIn ? t('checkout.order_type') : t('checkout.delivery_method') !!}</h2>
                        @if ($dineIn)
                        <div class="qm-pay-option">
                            <input type="radio" id="mode_dine_in" name="service_mode" value="dine_in"{{ $coMode === 'dine_in' ? ' checked' : '' }}>
                            <label for="mode_dine_in"><span class="qm-pay-label">{{ t_raw('checkout.dine_in_table', [':label' => $tableLabel]) }}</span><span class="qm-pay-desc d-block">{{ t_raw('checkout.dine_in_desc') }}</span></label>
                        </div>
                        @endif
                        <div class="qm-pay-option">
                            <input type="radio" id="mode_delivery" name="service_mode" value="delivery"{{ $coMode === 'delivery' ? ' checked' : '' }}>
                            <label for="mode_delivery"><span class="qm-pay-label">{{ t_raw('checkout.delivery') }}</span><span class="qm-pay-desc d-block">{{ t_raw('checkout.delivery_desc', [':fee' => money($totals['delivery_fee'])]) }}</span></label>
                        </div>
                        <div class="qm-pay-option">
                            <input type="radio" id="mode_pickup" name="service_mode" value="pickup"{{ $coMode === 'pickup' ? ' checked' : '' }}>
                            <label for="mode_pickup"><span class="qm-pay-label">{{ t_raw('checkout.pickup') }}</span><span class="qm-pay-desc d-block">{{ t_raw('checkout.pickup_desc', [':place' => $restaurant['address'] ?? $restaurant['name']]) }}</span></label>
                        </div>
                        @php
                        // A returning customer picks from their saved addresses instead of
                        // retyping; the default is pre-selected. "Add a new address" (and every
                        // guest) falls back to the free-text field. Each option carries the
                        // one-line address in data-address, which the picker copies into the
                        // hidden field the server already reads (delivery_address).
                        $savedAddresses = $savedAddresses ?? [];
                        $addrLine = static function (\App\Models\Address $a): string {
                            $parts = array_filter([
                                trim((string) ($a['line1'] ?? '')),
                                trim((string) ($a['line2'] ?? '')),
                                trim((string) ($a['city'] ?? '')),
                                trim((string) ($a['postcode'] ?? '')),
                            ]);
                            return implode(', ', $parts);
                        };
                        $hasSaved = count($savedAddresses) > 0;
@endphp
                        <div id="delivery-address-wrap" class="mt-3">
                            <label class="form-label" for="{{ $hasSaved ? 'delivery-address-picker' : 'delivery_address' }}">{{ t_raw('checkout.delivery_address') }}</label>
                            @if ($hasSaved)
                            <select id="delivery-address-picker" class="form-select mb-2" data-address-picker>
                                @foreach ($savedAddresses as $a)
                                <option value="{{ (int) $a['id'] }}" data-address="{!! $addrLine($a) !!}"{{ !empty($a['is_default']) ? ' selected' : '' }}>
                                    {{ trim(($a['label'] ? $a['label'] . ' — ' : '') . $addrLine($a)) }}{!! !empty($a['is_default']) ? ' (' . t('vendor.reservations.default_pill') . ')' : '' !!}
                                </option>
                                @endforeach
                                <option value="new" data-address="">{{ t_raw('checkout.address_add_new') }}</option>
                            </select>
                            @endif
                            <textarea id="delivery_address" name="delivery_address" class="form-control{{ $hasSaved ? ' d-none' : '' }}" rows="2" placeholder="{{ t_raw('checkout.address_placeholder') }}">{{ old('delivery_address') }}</textarea>
                            <!-- Customer delivery pin (optional). When supplied, the server matches the
                            distance to a delivery-zone radius and uses it as the order destination. -->
                            <input type="hidden" id="delivery_lat" name="delivery_lat" value="{{ old('delivery_lat') }}">
                            <input type="hidden" id="delivery_lng" name="delivery_lng" value="{{ old('delivery_lng') }}">

                            @php /* A signed-in customer's address is kept after the order, so the
                                     next one starts from it instead of an empty box. The label is
                                     asked for here because it is the only moment anyone knows which
                                     of the two it is. Guests see nothing — there is no account to
                                     keep it on. */
@endphp
                            @if (\App\Support\Auth::is('customer'))
                            <div class="mt-2 d-flex align-items-center gap-3">
                                <label class="qm-check mb-0">
                                    <input type="radio" name="address_label" value="home" checked> {{ t_raw('common.home') }}
                                </label>
                                <label class="qm-check mb-0">
                                    <input type="radio" name="address_label" value="business"> {{ t_raw('common.business') }}
                                </label>
                            </div>
                            @endif

                            @php /* NEITHER THE PIN NOR THE ZONE IS THE CUSTOMER'S TO SET.
                                     The delivery area is a fact about how far the address is from
                                     the restaurant, measured against the tiers the vendor drew —
                                     not a preference. Asking for it let a customer 12 km away
                                     choose the free 8 km tier, and the "share your location" button
                                     made the fee depend on a permission prompt they could decline.
                                     Both existed only because the server could not turn a written
                                     address into a point; it can now, so the server measures the
                                     distance and picks the tier. The hidden lat/lng above still
                                     carry a pin when one is genuinely available.

                                     The view-scoped "smart delivery" script that drove those
                                     controls has now gone with them. It was wired to #zone_id,
                                     #qm-co-locate and #qm-co-zone-manual — none of which this page
                                     renders any more — so it bailed on its first guard and its
                                     result panel (#qm-co-zone-auto) was never written to, while
                                     reading as though a live tier preview were still on the page.
                                     It also cost every checkout render a GeoDetect::origin() call,
                                     which in `ip` mode is a blocking third-party lookup, to fill
                                     data-geo-lat/lng that nothing then read. The fee shown is the
                                     server's, full stop — same rule as checkout.js. */
@endphp
                        </div>
                    </div>

                    @php
                    /* A closed restaurant can only be SCHEDULED. The as-soon-as-possible choice is
                       not rendered at all - offering it would be offering something the server
                       rejects on submit (CheckoutController's opening-hours gate), which is how a
                       diner ended up bounced back up the wizard with no visible reason. */
                    $coClosed = !empty($restaurantClosed);
                    $coMustSchedule = $coClosed && !empty($schedulingEnabled);
                    $coLater = $coLater || $coMustSchedule;
@endphp
                    @if (!empty($schedulingEnabled))
                    <div class="qm-checkout-section">
                        <h2>{{ t_raw('checkout.when') }}</h2>
                        @if ($coMustSchedule)
                        @php /* mb-3 because .alert carries no margin of its own - without it the
                                 notice sat flush against the schedule option below. */
@endphp
                        <div class="alert alert-warning mb-3" role="status">
                            <i class="far fa-clock" aria-hidden="true"></i>
                            <span><strong>{{ t_raw('restaurant.closed_banner_title') }}</strong> {{ t_raw('checkout.closed_scheduled_only') }}</span>
                        </div>
                        @else
                        <div class="qm-pay-option"><input type="radio" id="when_asap" name="when" value="asap"{{ $coLater ? '' : ' checked' }}><label for="when_asap"><span class="qm-pay-label">{{ t_raw('checkout.asap') }}</span><span class="qm-pay-desc d-block">{{ t_raw('checkout.asap_desc') }}</span></label></div>
                        @endif
                        <div class="qm-pay-option"><input type="radio" id="when_later" name="when" value="later"{{ $coLater ? ' checked' : '' }}><label for="when_later"><span class="qm-pay-label">{{ t_raw('checkout.schedule') }}</span><span class="qm-pay-desc d-block">{{ t_raw('checkout.schedule_desc') }}</span></label></div>
                        <div id="schedule-wrap" class="mt-3"{{ $coLater ? '' : ' hidden' }}>
                            @php
                            /* A DATE plus a SLOT, not a free calendar-and-clock. The slots come
                               from Restaurant::bookableSlots() over /checkout/slots - the same
                               method the gate in place() validates against - so the diner can only
                               pick something the server will accept. Prep-time lead, pause and
                               overnight windows are all handled there, once. */
                            $coHours = is_array($scheduleHours ?? null) ? $scheduleHours : [];
                            $coClosedDow = [];
                            foreach ($coHours as $d => $w) {
                                if ($w === false) { $coClosedDow[] = (int) $d; }
                            }
                            $coMinDate = substr((string) ($scheduleMinDate ?? ''), 0, 10);
@endphp
                            <div class="row g-2">
                                <div class="col-sm-6">
                                    <label class="form-label" for="schedule_date">{{ t_raw('checkout.schedule_date') }}</label>
                                    <input type="date" id="schedule_date" class="form-control"
                                           data-flatpickr data-fp-mode="date"
                                           data-fp-min="{{ $coMinDate }}"
                                           data-fp-disable-dow="{{ implode(',', $coClosedDow) }}"
                                           value="{{ $coMinDate }}">
                                </div>
                                <div class="col-sm-6">
                                    <label class="form-label" for="schedule_slot">{{ t_raw('checkout.schedule_time') }}</label>
                                    <select id="schedule_slot" class="form-control"{{ $coLater ? ' required' : '' }}
                                            data-slots-url="{{ route('checkout.slots') }}">
                                    </select>
                                </div>
                            </div>
                            <p class="qm-hint mt-2" id="schedule-msg" role="status" hidden></p>
                            @php /* The server contract is unchanged: 'Y-m-d H:i' in scheduled_at. */
@endphp
                            <input type="hidden" id="scheduled_at" name="scheduled_at" value="{{ old('scheduled_at') }}">
                        </div>
                    </div>
                    @elseif ($coClosed)
                    @php /* Closed AND scheduling switched off: there is no way to place this order,
                             so say so here rather than letting the diner reach the payment step. */
@endphp
                    <div class="qm-checkout-section">
                        <div class="alert alert-warning" role="status">
                            <i class="far fa-clock" aria-hidden="true"></i>
                            <span><strong>{{ t_raw('restaurant.closed_banner_title') }}</strong> {{ t_raw('checkout.closed_blocked') }}</span>
                        </div>
                    </div>
                    @endif
                    </div><!-- /step 2 -->

                    <div class="qm-cowiz-pane" data-cowiz-pane="3">
                    <div class="qm-checkout-section">
                        <h2>{{ t_raw('checkout.payment_method') }}</h2>
                        @php
// Render exactly the methods the admin has enabled (COD/offline are
// local; Stripe/PayPal appear only when enabled + keyed). The first
// one is pre-selected. Card and PayPal are completed inline on this page.
// Method labels use the interface translations; t returns escaped text.
$payMeta = [
                            'cod' => [t('checkout.cod'), t('checkout.cod_desc')],
                            'stripe' => [t('checkout.card'), t('checkout.card_desc')],
                            'paypal' => [t('checkout.paypal'), t('checkout.paypal_desc')],
                        ];
$first = true;
@endphp
@foreach (active_payment_methods((int) ($restaurant['id'] ?? 0)) as $pm)
@php
[$plabel, $pdesc] = $payMeta[$pm] ?? [e(ucfirst($pm)), ''];
@endphp
                        <div class="qm-pay-option">
                            <input type="radio" id="pay_{{ $pm }}" name="payment_method" value="{{ $pm }}"{!! $coPayChecked($pm, $first && empty($preselectCardId)) !!}>
                            <label for="pay_{{ $pm }}"><span class="qm-pay-label">{{ $plabel }}</span><span class="qm-pay-desc d-block">{{ $pdesc }}</span></label>
                        </div>
                        @php
$first = false;
@endphp
@endforeach

                        @php
/* Saved cards (logged-in customers only), best first. Selecting one charges
                           it on the gateway that holds it — the customer does not re-enter anything
                           and there is no payment step. The first usable card comes preselected, so
                           the common case is: open checkout, the last card used is already chosen,
                           place the order. An expired card is still shown, marked, and unselectable:
                           hiding it would leave the customer wondering where their card went. */
$savedCards = $savedCards ?? [];
$preselectCardId = (int) ($preselectCardId ?? 0);
@endphp
@if (!empty($user) && !empty($savedCards))
@foreach ($savedCards as $sc)
                        @php $scUsable = \App\Models\PaymentMethod::isUsable($sc);
@endphp
                        <div class="qm-pay-option">
                            <input type="radio" id="pay_card_{{ (int) $sc['id'] }}" name="payment_method" value="card_{{ (int) $sc['id'] }}"{!! $coPayChecked('card_' . (int) $sc['id'], $preselectCardId === (int) $sc['id']) !!}{{ $scUsable ? '' : ' disabled' }}>
                            <label for="pay_card_{{ (int) $sc['id'] }}"><span class="qm-pay-label">{!! card_brand_mark((string) $sc['brand'], 18) !!} {{ card_brand_label((string) $sc['brand']) }} {{ payment_method_ident($sc) }}@if (!empty($sc['is_default'])) <span class="qm-pill qm-pill-green">{{ t_raw('checkout.card_default') }}</span>@endif @if (!$scUsable) <span class="qm-pill qm-pill-red">{{ t_raw('account.card_expired_pill') }}</span>@endif</span><span class="qm-pay-desc d-block">{!! $scUsable ? t('checkout.saved_card_desc') : t('checkout.saved_card_expired_desc') !!}</span></label>
                        </div>
                        @endforeach @endif

                        @if (!empty($payConfig['stripeEnabled']) || !empty($payConfig['paypalEnabled']))
                        <!-- Inline card / PayPal area. The widget for the selected method appears here and
                        the payment is completed without leaving the page. The gateway SDK is loaded at the
                        foot of this page, only because a gateway is enabled. -->
                        <div id="qm-co-pay-error" class="alert alert-danger mt-3" role="alert" hidden><i class="fas fa-times-circle" aria-hidden="true"></i> <span></span></div>
                        @if (!empty($payConfig['stripeEnabled']))
                        <div id="qm-co-stripe" class="qm-co-pay-method" hidden>
                            <label class="form-label">{{ t_raw('checkout.card') }}</label>
                            <div id="qm-co-stripe-el" class="qm-co-stripe-el"></div>
                            <p class="qm-hint qm-co-secure"><i class="fas fa-lock" aria-hidden="true"></i> {{ t_raw('checkout.card_secure_note') }}</p>
                        </div>
                        @endif
                        @if (!empty($payConfig['paypalEnabled']))
                        <div id="qm-co-paypal" class="qm-co-pay-method" hidden>
                            <div id="qm-co-paypal-btns" class="qm-co-paypal-btns"></div>
                        </div>
                        @endif
                        @endif
                    </div>

                    @if (!empty($tipsEnabled))
                    <div class="qm-checkout-section">
                        <h2>{{ t_raw('checkout.add_tip') }} <span class="text-muted qm-h2-sub">{{ t_raw('common.optional') }}</span></h2>
                        <p class="text-muted qm-hint qm-tip-lead">{{ t_raw('checkout.tip_lead') }}</p>
                        @php
                        $tipPresets = [0 => t_raw('checkout.tip_none'), 10 => '10%', 15 => '15%', 20 => '20%'];
                        // Preset amounts, computed once so the restore below can tell a preset tip
                        // from a typed one instead of guessing.
                        $coTipAmounts = [];
                        foreach ($tipPresets as $pct => $label) {
                            $coTipAmounts[$pct] = number_format($pct === 0 ? 0.0 : round((float) $totals['subtotal'] * $pct / 100, 2), 2, '.', '');
                        }
                        // A rejected submit brings the tip back exactly as it was: the matching
                        // preset, or the custom field with the typed amount still in it.
                        $coTipNow = number_format((float) $coOld('tip'), 2, '.', '');
                        $coTipIsCustom = (float) $coTipNow > 0 && !in_array($coTipNow, $coTipAmounts, true);
                        $coTipMatched = false;
@endphp
                        <div class="qm-tip-row">
                            @foreach ($tipPresets as $pct => $label)
@php $amt = $pct === 0 ? 0.0 : round((float) $totals['subtotal'] * $pct / 100, 2);
                                $coTipOn = !$coTipIsCustom && !$coTipMatched && $coTipAmounts[$pct] === $coTipNow;
                                $coTipMatched = $coTipMatched || $coTipOn; @endphp
                            <label class="qm-tip-chip"><input type="radio" name="tip_choice" value="{{ number_format($amt, 2, '.', '') }}" data-amt="{{ number_format($amt, 2, '.', '') }}"{{ $coTipOn ? ' checked' : '' }}><span>{{ $label }}@if ($pct)<small>{{ money($amt) }}</small>@endif</span></label>
                            @endforeach
                            <label class="qm-tip-chip"><input type="radio" name="tip_choice" value="custom"{{ $coTipIsCustom ? ' checked' : '' }}><span>{{ t_raw('checkout.tip_custom') }}</span></label>
                        </div>
                        <div id="tip-custom-wrap" class="mt-2"{{ $coTipIsCustom ? '' : ' hidden' }}>
                            <label class="form-label" for="tip_custom">{{ t_raw('checkout.tip_custom_amount') }}</label>
                            <input type="number" id="tip_custom" min="0" step="0.50" class="form-control qm-input-narrow" placeholder="0.00"{!! $coTipIsCustom ? ' value="' . e($coTipNow) . '"' : '' !!}>
                        </div>
                        <input type="hidden" name="tip" id="tip-amount" value="{{ $coTipMatched || $coTipIsCustom ? $coTipNow : '0' }}">
                    </div>
                    @endif

                    <div class="qm-checkout-section">
                        <h2>{{ t_raw('checkout.order_notes') }} <span class="text-muted qm-h2-sub">{{ t_raw('common.optional') }}</span></h2>
                        <label class="form-label" for="notes">{{ t_raw('common.notes') }}</label>
                        <textarea id="notes" name="notes" class="form-control" rows="2" placeholder="{{ t_raw('checkout.notes_placeholder') }}">{{ old('notes') }}</textarea>
                    </div>
                    </div><!-- /step 3 -->

                    @php
                    /* Step navigation. Shipped hidden for the same reason as the rail: without
                       JavaScript there is nothing to move between, and the order is placed from
                       the summary's own "Place order" button — which is where it has always been
                       and stays reachable on every step. */
@endphp
                    <div class="qm-cowiz-nav" id="qm-cowiz-nav" hidden>
                        <button type="button" class="qm-btn qm-btn-outline" data-cowiz-prev hidden><i class="fas fa-arrow-left" aria-hidden="true"></i> {{ t_raw('common.back') }}</button>
                        <button type="button" class="qm-btn" data-cowiz-next>{{ t_raw('common.next') }} <i class="fas fa-arrow-right" aria-hidden="true"></i></button>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="qm-checkout-section qm-cart-summary qm-sticky-top" role="region" aria-labelledby="order-summary-title">
                        <h2 id="order-summary-title" class="qm-order-summary-title">{{ t_raw('checkout.your_order') }}</h2>
                        <div class="qm-cart-rest mb-3">
                            {!! restaurant_logo_html($restaurant, 'md') !!}
                            <strong>{{ $restaurant['name'] }}</strong>
                        </div>
                        @foreach ($items as $line)
                        <div class="qm-order-line"><span>{{ (int) $line['qty'] }}× {{ $line['name'] }}</span><span>{{ money($line['unit_price'] * $line['qty']) }}</span></div>
                        @endforeach
                        <hr>
                        <div class="mb-3">
                            <label class="form-label" for="coupon">{{ t_raw('checkout.coupon') }}</label>
                            <div class="qm-coupon-row">
                                <input type="text" id="coupon" name="coupon" class="form-control" placeholder="{{ t_raw('checkout.coupon_placeholder') }}" value="{{ old('coupon') }}" autocomplete="off" aria-describedby="coupon-note">
                                <button type="button" class="qm-btn qm-btn-outline qm-btn-sm" id="coupon-apply">{{ t_raw('common.apply') }}</button>
                            </div>
                            <p class="qm-coupon-note" id="coupon-note" role="status" aria-live="polite" hidden></p>
                        </div>
                        @php
                        $loyaltyEnabled = $loyaltyEnabled ?? false;
                        $loyaltyBalance = (int) ($loyaltyBalance ?? 0);
                        $loyaltyRewards = $loyaltyRewards ?? [];
                        $rewardItems = $rewardItems ?? [];
                        $loyaltyLabel = (string) ($loyaltyLabel ?? 'points');
                        $showLoyalty = $loyaltyEnabled && !empty($user);
@endphp
                        @if ($showLoyalty)
                        <div class="qm-checkout-loyalty mb-3" data-reveal>
                            <div class="qm-checkout-loyalty-head">
                                <span><i class="fas fa-star" aria-hidden="true"></i> {{ t_raw('checkout.loyalty_rewards') }}</span>
                                <span class="qm-points-pill">{{ loyalty_points($loyaltyBalance, $loyaltyLabel) }}</span>
                            </div>
                            @php /* Points are keyed to a phone number: an account without one earns nothing on
                                     this order, and this is where the customer learns it, with the fix. */
@endphp
                            @if (trim((string) ($user['phone'] ?? '')) === '')
                            <p class="qm-coupon-note" role="note"><i class="fas fa-info-circle" aria-hidden="true"></i> {!! t_raw('checkout.loyalty_need_phone', [':link' => '<a href="' . e(route('account')) . '">' . t('checkout.loyalty_need_phone_link') . '</a>']) !!}</p>
                            @endif
                            <div class="qm-loyalty-rewards" role="radiogroup" aria-label="{{ t_raw('checkout.loyalty_rewards') }}">
                                <label class="qm-loyalty-reward">
                                    <input type="radio" name="loyalty_reward_id" value="0" data-type="none" data-discount="0"{{ (int) $coOldReward === 0 ? ' checked' : '' }}>
                                    <span class="qm-loyalty-reward-body"><strong>{{ t_raw('checkout.reward_none') }}</strong><small>{{ t_raw('checkout.reward_none_desc', [':label' => $loyaltyLabel]) }}</small></span>
                                </label>
                                @foreach ($loyaltyRewards as $rw)
@php $cost = (int) $rw['points_cost'];
                                    $eligible = $loyaltyBalance >= $cost;
                                    $isFree = ($rw['type'] ?? '') === 'free_item';
                                    $freeName = '';
                                    $freePrice = 0.0;
                                    $discount = 0.0;
                                    if ($isFree) {
                                        $mi = $rewardItems[(int) ($rw['menu_item_id'] ?? 0)] ?? null;
                                        if ($mi) { $freeName = (string) $mi['name']; $freePrice = (float) $mi['price']; }
                                        $discount = $freePrice;
                                    } else {
                                        $discount = (float) ($rw['cash_value'] ?? 0);
                                    }; @endphp
                                <label class="qm-loyalty-reward{{ $eligible ? '' : ' is-locked' }}">
                                    <input type="radio" name="loyalty_reward_id" value="{{ (int) $rw['id'] }}"
                                        data-type="{{ $isFree ? 'free_item' : 'cash' }}"
                                        data-discount="{{ number_format($discount, 2, '.', '') }}"
                                        @if ($isFree)data-free-name="{{ $freeName ?: (string) $rw['title'] }}" data-free-price="{{ number_format($freePrice, 2, '.', '') }}"@endif
                                        data-label="{{ (string) $rw['title'] }}"
                                        {{ $eligible && (int) $coOldReward === (int) $rw['id'] ? 'checked ' : '' }}{{ $eligible ? '' : 'disabled' }}>
                                    <span class="qm-loyalty-reward-body">
                                        <strong><i class="fas {{ $isFree ? 'fa-gift' : 'fa-tags' }}" aria-hidden="true"></i> {{ (string) $rw['title'] }}</strong>
                                        <small>{{ loyalty_points($cost, $loyaltyLabel) }}@if ($isFree && $freeName !== '') &middot; {{ t_raw('checkout.reward_free_item', [':name' => $freeName]) }}@elseif (!$isFree) &middot; {{ t_raw('checkout.reward_amount_off', [':amount' => money($discount)]) }}@endif</small>
                                        @if (!$eligible)<span class="qm-reward-need">{{ t_raw('checkout.reward_need_more', [':n' => number_format($cost - $loyaltyBalance), ':label' => $loyaltyLabel]) }}</span>@endif
                                    </span>
                                </label>
                                @endforeach
                            </div>
                        </div>
                        @endif
                        <div id="qm-checkout-summary"
                            data-currency="{{ setting('currency_symbol', '$') }}"
                            data-subtotal="{{ number_format((float) $totals['subtotal'], 2, '.', '') }}"
                            data-min-order="{{ number_format((float) ($restaurant['min_order'] ?? 0), 2, '.', '') }}"
                            data-tax="{{ number_format((float) $totals['tax'], 2, '.', '') }}"
                            data-tax-inclusive="{{ \App\Services\Tax::isInclusive($restaurant) ? '1' : '0' }}"
                            data-service="{{ number_format((float) ($totals['service_charge'] ?? 0), 2, '.', '') }}"
                            data-delivery="{{ number_format((float) $totals['delivery_fee'], 2, '.', '') }}">
                            <div class="qm-order-line"><span>{{ t_raw('checkout.subtotal') }}</span><span>{{ money($totals['subtotal']) }}</span></div>
                            <div class="qm-order-line"><span>{{ t_raw('checkout.delivery_fee') }}</span><span id="sum-delivery">{{ money($totals['delivery_fee']) }}</span></div>
                            @if (($totals['service_charge'] ?? 0) > 0)
                            <div class="qm-order-line"><span>{{ t_raw('checkout.service_charge') }}</span><span id="sum-service">{{ money($totals['service_charge']) }}</span></div>
                            @endif
                            @if ((float) $totals['tax'] > 0)
                            <div class="qm-order-line"><span>{!! \App\Services\Tax::isInclusive($restaurant)
                                ? t('checkout.tax_label_incl', [':label' => \App\Services\Tax::label($restaurant)])
                                : e(\App\Services\Tax::label($restaurant)) !!}</span><span id="sum-tax">{{ money($totals['tax']) }}</span></div>
                            @endif
                            <div class="qm-order-line" id="sum-tip-row" hidden><span>{{ t_raw('checkout.tip') }}</span><span id="sum-tip">{{ money(0) }}</span></div>
                            <div class="qm-order-line qm-order-reward" id="sum-coupon-row" hidden><span>{{ t_raw('checkout.coupon_discount') }}</span><span id="sum-coupon-val"></span></div>
                            @if ($showLoyalty)
                            <div class="qm-order-line qm-order-reward" id="sum-reward-row" hidden><span id="sum-reward-label">{{ t_raw('checkout.reward_label') }}</span><span id="sum-reward-val"></span></div>
                            @endif
                            <div class="qm-order-total"><span>{{ t_raw('checkout.total') }}</span><span id="sum-total">{{ money($totals['total']) }}</span></div>
                        </div>
                        <p class="text-muted mt-2 qm-hint">{!! t_raw('checkout.coupon_preview_note', [':button' => '<strong>' . t('common.apply') . '</strong>']) !!}</p>
                        <div class="qm-min-warn" id="min-order-warn" role="alert" hidden><i class="fas fa-info-circle" aria-hidden="true"></i> <span id="min-order-msg"></span></div>
                        <button type="submit" class="qm-btn w-100 mt-2" id="place-order-btn">{{ t_raw('checkout.place_order') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
</form>

@if (!empty($payConfig['stripeEnabled']) || !empty($payConfig['paypalEnabled']))
@php
// Configuration for the inline-payment controller (checkout-pay.js). Only public values
// are exposed; the order is created and the gateway session is started by posting the
// checkout form back to /checkout over AJAX, which returns the details needed to finish
// paying on this page.
$qmPayCfg = [
    'prepareUrl' => route('checkout'),
    'currency' => (string) $payConfig['currency'],
    'stripe' => ['enabled' => (bool) $payConfig['stripeEnabled'], 'key' => (string) $payConfig['stripeKey']],
    'paypal' => ['enabled' => (bool) $payConfig['paypalEnabled']],
];
@endphp
<script type="application/json" id="qm-checkout-pay-config">{!! json_encode($qmPayCfg, JSON_UNESCAPED_SLASHES | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!}</script>
@if (!empty($payConfig['stripeEnabled']))
<script src="https://js.stripe.com/v3/"></script>
@endif
@if (!empty($payConfig['paypalEnabled']) && $payConfig['paypalClientId'] !== '')
<script src="https://www.paypal.com/sdk/js?client-id={!! e(rawurlencode((string) $payConfig['paypalClientId'])) !!}&currency={!! e(strtoupper((string) $payConfig['currency'])) !!}&intent=capture&components=buttons"></script>
@endif
@endif
@endsection