@extends('layouts.public')

@section('content')
@php

use App\Models\Order;
/** @var array $order @var array|null $restaurant @var array $items @var array $history */
// The two late steps read differently for pickup / dine-in (no rider, no delivery).
$mode = $order['service_mode'] ?? 'delivery';
// Friendly tender label: an in-person POS card sale is stored as 'offline', so
// show it as "Card" (matching the ledger + vendor views), and 'cod' as "Cash".
$payLabel = ['cod' => t_raw('status.payment_method.cash'), 'offline' => t_raw('status.payment_method.card'), 'stripe' => t_raw('status.payment_method.card'), 'paypal' => t_raw('status.payment_method.paypal')];
// A saved-card order stores its brand+last4 in payment_ref (offline method) — show it.
$payShown = ((string) $order['payment_method'] === 'offline' && !empty($order['payment_ref']))
    ? (string) $order['payment_ref']
    : ($payLabel[(string) $order['payment_method']] ?? ucfirst((string) $order['payment_method']));
$lateLabels = match ($mode) {
    'pickup'  => ['out_for_delivery' => t_raw('order.status_pickup_out'), 'delivered' => t_raw('order.status_pickup_delivered')],
    'dine_in' => ['out_for_delivery' => t_raw('order.status_dinein_out'), 'delivered' => t_raw('order.status_dinein_delivered')],
    default   => ['out_for_delivery' => t_raw('order.status_on_the_way'), 'delivered' => t_raw('status.order.delivered')],
};
$steps = ['pending' => t_raw('order.status_placed'), 'confirmed' => t_raw('status.order.confirmed'), 'preparing' => t_raw('status.order.preparing'), 'out_for_delivery' => $lateLabels['out_for_delivery'], 'delivered' => $lateLabels['delivered']];
$order_status = $order['status'];
$cancelled = $order_status === 'cancelled';
$statusKeys = array_keys($steps);
$currentIdx = array_search($order_status, $statusKeys, true);
if ($currentIdx === false) { $currentIdx = -1; }
// Driver progress along the route (0..1) based on status
$progress = match ($order_status) {
    'pending' => 0.05, 'confirmed' => 0.2, 'preparing' => 0.35,
    'out_for_delivery' => 0.7, 'delivered' => 1.0, default => 0.0,
};

/* ---------------------------------------------------------------------------
 * Call / SMS quick actions.
 *
 * The restaurant's own number is public - it is printed on the receipt below and
 * on its storefront page - so it shows for the whole life of the order.
 *
 * The rider's number is NOT public, and the rule that makes this feature safe is
 * that it exists on the page only inside the delivery window. Before pickup there
 * is nothing to ask a rider (the order is still in the kitchen, and on a marketplace
 * the job can be reassigned), and once the food is delivered the reason to hold a
 * stranger's phone number is over. So it is rendered for 'out_for_delivery' and for
 * nothing else - not 'preparing' even after a rider is assigned, and not 'delivered'
 * however soon the page is reloaded. Pickup and dine-in never have a rider at all.
 *
 * A number that is missing produces NO button rather than a dead one: `tel:` with an
 * empty target fails silently on a phone, which is worse than not offering the call.
 * ------------------------------------------------------------------------- */
$dialable = static fn ($raw): string => preg_replace('/[^0-9+]/', '', trim((string) $raw));
$restPhone = $dialable($restaurant['phone'] ?? '');
$driverPhone = '';
if ($mode === 'delivery' && $order_status === 'out_for_delivery' && (int) ($order['driver_user_id'] ?? 0) > 0) {
    $driverRow = (new \App\Models\Driver())->forUser((int) $order['driver_user_id']);
    $driverPhone = $dialable($driverRow['phone'] ?? '');
}
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('order.track_title', [':number' => $order['order_number']]) }}</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><span class="active">{{ t_raw('account.track') }}</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>


<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-8">
                @if ($order['service_mode'] === 'delivery' && !$cancelled)
                @if ($mapsLive)
                <!-- Live map (buyer-enabled). Loads the buyer's own Maps provider in their browser. -->
                <div id="qm-live-map" class="qm-track-map" role="img" aria-label="{{ t_raw('order.track_live_map_aria') }}"></div>
                @else
                <!-- Self-contained local map (no external tiles/services). Colors are
                     driven by CSS classes so the brand theme re-themes the route too. -->
                <div class="qm-track-map" data-progress="{{ $progress }}" role="img" aria-label="{{ t_raw('order.track_route_map_aria') }}">
                    <svg viewBox="0 0 600 280" preserveAspectRatio="none" aria-hidden="true">
                        <rect width="600" height="280" class="qm-map-bg"/>
                        <g class="qm-map-grid" stroke-width="6">
                            <line x1="0" y1="70" x2="600" y2="70"/><line x1="0" y1="150" x2="600" y2="150"/><line x1="0" y1="225" x2="600" y2="225"/>
                            <line x1="110" y1="0" x2="110" y2="280"/><line x1="300" y1="0" x2="300" y2="280"/><line x1="470" y1="0" x2="470" y2="280"/>
                        </g>
                        <g class="qm-map-block"><rect x="20" y="85" width="70" height="50" rx="4"/><rect x="320" y="15" width="120" height="40" rx="4"/><rect x="490" y="165" width="90" height="45" rx="4"/><rect x="140" y="180" width="120" height="30" rx="4"/></g>
                        <path id="qm-track-route" class="qm-map-route" d="M 70 110 L 70 150 L 300 150 L 300 245 L 520 245" fill="none" stroke-width="4" stroke-dasharray="8 6" stroke-linecap="round"/>
                    </svg>
                    <div class="qm-track-marker rest qm-dot-b"><i class="fas fa-store" aria-hidden="true"></i></div>
                    <div class="qm-track-marker home qm-dot-a"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></div>
                    <div class="qm-track-driver" id="qm-track-rider"><i class="fas fa-motorcycle" aria-hidden="true"></i></div>
                </div>
                @endif
                @if ($mapsLive)
                <!-- The shared map engine (Leaflet + qm-map.js) paints the base for the admin's
                     chosen provider; map-live.js only adds the destination + driver markers.
                     Both are queued as page assets by OrderController::track(). -->
                <script>
                window.QM_MAP = {
                    endpoint: {!! json_encode(url('/order/' . $order['track_token'] . '/driver-location'), JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!},
                    destLat:  {!! $order['delivery_lat'] !== null ? (float) $order['delivery_lat'] : (($restaurant['lat'] ?? null) !== null ? (float) $restaurant['lat'] : 'null') !!},
                    destLng:  {!! $order['delivery_lng'] !== null ? (float) $order['delivery_lng'] : (($restaurant['lng'] ?? null) !== null ? (float) $restaurant['lng'] : 'null') !!}
                };
                </script>
                @endif
                @endif

                <div class="qm-card">
                    <h2 class="qm-order-summary-title">{{ t_raw('order.track_status_heading') }}</h2>
                    @if ($cancelled)
                    <div class="alert alert-danger mb-0">{{ t_raw('order.track_cancelled_notice') }}</div>
                    @else
                    <ul class="qm-timeline">
                        @foreach ($steps as $key => $label)
@php $idx = array_search($key, $statusKeys, true);
                            /* Terminal step never spins: "Delivered · In progress" told a customer
                               their finished order was still happening (same rule as the status API). */
                            $isLast = $idx === count($statusKeys) - 1;
                            $state = $idx < $currentIdx ? 'done' : ($idx === $currentIdx ? ($isLast ? 'done' : 'current') : 'upcoming');
                            $stateMeta = [
                                'done'     => ['icon' => 'fa-check',          'text' => t('common.completed')],
                                'current'  => ['icon' => 'fa-circle-notch',   'text' => t('order.track_step_in_progress')],
                                'upcoming' => ['icon' => 'fa-circle',         'text' => t('order.track_step_upcoming')],
                            ][$state]; @endphp
                        <li class="{{ $state === 'upcoming' ? '' : $state }}">
                            <div class="qm-tl-status">
                                <span>{{ $label }}</span>
                                <span class="qm-tl-badge qm-tl-badge-{{ $state }}"><i class="fas {{ $stateMeta['icon'] }}" aria-hidden="true"></i> {{ $stateMeta['text'] }}</span>
                            </div>
                            @php
                            $h = null;
                            foreach ($history as $hh) { if ($hh['status'] === $key) { $h = $hh; } }
@endphp
                            @if ($h)
                                @if (!empty($h['note']))<div class="qm-tl-note">{{ $h['note'] }}</div>@endif
                                <div class="qm-tl-time">{!! fmt_datetime($h['created_at']) !!}</div>
                            @endif
                        </li>
                        @endforeach
                    </ul>
                    @endif
                </div>
            </div>

            <div class="col-lg-4">
                <div class="qm-card" role="region" aria-labelledby="order-details-title">
                    <h2 id="order-details-title" class="qm-order-summary-title">{{ t_raw('order.track_details_heading') }}</h2>
                    @if ($restaurant)<p class="mb-2"><strong>{{ $restaurant['name'] }}</strong></p>@endif
                    @php /* The payment's own state, said next to the method — the receipt block
                             below always carried it, but up here the ORDER pill sat right after
                             the word "PayPal", where "Pending" read as the payment being pending.
                             The product's owner misread it exactly that way. Same label the
                             receipt uses, so the two lines can never disagree. */
@endphp
                    <p class="text-muted qm-hint">
                        {{ status_label('service_mode', (string) $order['service_mode']) }} ·
                        {{ $payShown }} · {{ status_label('payment', (string) $order['payment_status']) }} ·
                        <span id="qm-track-pill" class="qm-pill {{ Order::statusPill($order['status']) }}">{{ Order::statusLabel($order['status'], $mode) }}</span>
                    </p>
                    @php
                    $isGateway = in_array((string) $order['payment_method'], ['stripe', 'paypal'], true);
                    $awaitingPayment = $isGateway && (string) $order['payment_status'] === 'unpaid' && !$cancelled;
@endphp
                    @if (!empty($order['scheduled_at']))
                    <p class="qm-hint"><i class="fas fa-clock" aria-hidden="true"></i> {!! t_raw('order.track_scheduled_for', [':time' => fmt_datetime($order['scheduled_at'], true)]) !!}</p>
                    @endif
                    @if ($awaitingPayment)
                    <div class="alert alert-warning py-2 px-3 mb-2"><i class="fas fa-hourglass-half" aria-hidden="true"></i> {{ t_raw('order.track_awaiting_payment') }}</div>
                    @endif
                    @if (!empty($order['delivery_address']))<p class="qm-hint"><i class="fas fa-map-marker-alt" aria-hidden="true"></i> {{ $order['delivery_address'] }}</p>@endif
                    @if ($restPhone !== '' || $driverPhone !== '')
                    <hr>
                    @php /* Label left, actions right - the same qm-order-line row this card
                             already uses for every other pair on the panel. Each link carries
                             its own aria-label because "Call / Call" alone does not say who. */
@endphp
                    @if ($restPhone !== '')
                    <div class="qm-order-line flex-wrap gap-2">
                        <span><i class="fas fa-store" aria-hidden="true"></i> {{ t_raw('common.restaurant') }}</span>
                        <span class="d-inline-flex gap-2">
                            <a class="qm-btn qm-btn-outline qm-btn-sm" href="tel:{{ $restPhone }}" aria-label="{{ t_raw('order.track_call_restaurant_aria') }}"><i class="fas fa-phone" aria-hidden="true"></i> {{ t_raw('order.track_call_btn') }}</a>
                            <a class="qm-btn qm-btn-outline qm-btn-sm" href="sms:{{ $restPhone }}" aria-label="{{ t_raw('order.track_text_restaurant_aria') }}"><i class="fas fa-comment-dots" aria-hidden="true"></i> {{ t_raw('order.track_text_btn') }}</a>
                        </span>
                    </div>
                    @endif
                    @if ($driverPhone !== '')
                    <div class="qm-order-line flex-wrap gap-2">
                        <span><i class="fas fa-motorcycle" aria-hidden="true"></i> {{ t_raw('order.track_contact_driver') }}</span>
                        <span class="d-inline-flex gap-2">
                            <a class="qm-btn qm-btn-outline qm-btn-sm" href="tel:{{ $driverPhone }}" aria-label="{{ t_raw('order.track_call_driver_aria') }}"><i class="fas fa-phone" aria-hidden="true"></i> {{ t_raw('order.track_call_btn') }}</a>
                            <a class="qm-btn qm-btn-outline qm-btn-sm" href="sms:{{ $driverPhone }}" aria-label="{{ t_raw('order.track_text_driver_aria') }}"><i class="fas fa-comment-dots" aria-hidden="true"></i> {{ t_raw('order.track_text_btn') }}</a>
                        </span>
                    </div>
                    @endif
                    @endif
                    <hr>
                    @foreach ($items as $it)
                    <div class="qm-order-line"><span>{{ (int) $it['quantity'] }}× {{ $it['item_name'] }}</span><span>{{ money($it['line_total']) }}</span></div>
                    @endforeach
                    <hr>
                    <div class="qm-order-line"><span>{{ t_raw('checkout.subtotal') }}</span><span>{{ money($order['subtotal']) }}</span></div>
                    @if ((float) $order['delivery_fee'] > 0)<div class="qm-order-line"><span>{{ t_raw('checkout.delivery') }}</span><span>{{ money($order['delivery_fee']) }}</span></div>@endif
                    @if ((float) ($order['service_charge'] ?? 0) > 0)<div class="qm-order-line"><span>{{ t_raw('checkout.service_charge') }}</span><span>{{ money($order['service_charge']) }}</span></div>@endif
                    @if ((float) ($order['tip_amount'] ?? 0) > 0)<div class="qm-order-line"><span>{{ t_raw('checkout.tip') }}</span><span>{{ money($order['tip_amount']) }}</span></div>@endif
                    @if ((float) $order['discount'] > 0)<div class="qm-order-line"><span>{{ t_raw('common.discount') }}</span><span>−{{ money($order['discount']) }}</span></div>@endif
                    @php
                    $loyDiscount = (float) ($order['loyalty_discount'] ?? 0);
                    $loyRewardLabel = (string) ($order['loyalty_reward_label'] ?? '');
                    $loyEarned = (int) ($order['loyalty_points_earned'] ?? 0);
                    $loyLabel = (string) ($restaurant['loyalty_points_label'] ?? 'points');
@endphp
                    @if ($loyDiscount > 0 || $loyRewardLabel !== '')
                    <div class="qm-order-line"><span>{{ t_raw('order.track_reward_label') }}{!! $loyRewardLabel !== '' ? ' · ' . e($loyRewardLabel) : '' !!}</span><span>−{{ money($loyDiscount) }}</span></div>
                    @endif
                    @if ((float) $order['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>{{ money($order['tax']) }}</span></div>
                    @endif
                    <div class="qm-order-total"><span>{{ t_raw('checkout.total') }}</span><span>{{ money($order['total']) }}</span></div>
                    @if ($loyEarned > 0)
                    <a class="qm-loyalty-earned" href="{{ route('account.loyalty') }}">
                        <i class="fas fa-star" aria-hidden="true"></i> {{ t_raw('order.track_points_earned', [':points' => loyalty_points($loyEarned, $loyLabel)]) }}
                    </a>
                    @endif
                    @if ($awaitingPayment)
                    <a href="{!! url('/pay/' . e($order['payment_method']) . '/' . e($order['track_token'])) !!}" class="qm-btn w-100 mt-3"><i class="fas fa-credit-card" aria-hidden="true"></i> {{ t_raw('order.track_complete_payment_btn') }}</a>
                    @endif
                    @if ((string) $order['status'] === 'pending')
                    <form action="{!! url('/order/' . e($order['track_token']) . '/cancel') !!}" method="post" class="mt-2" data-confirm="{{ t_raw('order.track_cancel_confirm_body') }}" data-confirm-title="{{ t_raw('order.track_cancel_confirm_title') }}" data-confirm-yes="{{ t_raw('order.track_cancel_btn') }}" data-confirm-icon="warning">
                        @csrf
                        <button type="submit" class="qm-btn qm-btn-outline w-100"><i class="fas fa-ban" aria-hidden="true"></i> {{ t_raw('order.track_cancel_btn') }}</button>
                    </form>
                    @endif
                    <button type="button" class="qm-btn qm-btn-outline w-100 mt-2" data-print-receipt><i class="fas fa-print" aria-hidden="true"></i> {{ t_raw('order.track_print_receipt_btn') }}</button>
                    @php
                    $canReorder = \App\Support\Auth::is('customer') && (int) ($order['customer_user_id'] ?? 0) === (int) \App\Support\Auth::id();
@endphp
                    @if ($canReorder)
                    <form action="{{ route('account.reorder') }}" method="post" class="mt-3">
                        @csrf
                        <input type="hidden" name="order_id" value="{{ (int) $order['id'] }}">
                        <button type="submit" class="qm-btn qm-btn-outline w-100"><i class="fas fa-redo" aria-hidden="true"></i> {{ t_raw('order.track_order_again_btn') }}</button>
                    </form>
                    @else
                    <a href="{!! !empty($restaurant['slug']) ? url('/restaurant/' . e($restaurant['slug'])) : route('restaurants') !!}" class="qm-btn qm-btn-outline w-100 mt-3">{{ t_raw('order.track_order_again_btn') }}</a>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @php
    // Print-only receipt (hidden on screen via css/print.css). Rendered from the order's
    // own stored figures so the printed copy always matches what the customer was charged.
    $rcptAddr = trim(implode(', ', array_filter([(string) ($restaurant['address'] ?? ''), (string) ($restaurant['city'] ?? '')])));
    $siteName = (string) setting('site_name', 'QuickMunch');
@endphp
    <div class="qm-print-receipt" aria-hidden="true">
        <div class="qm-rcpt-inner">
            <div class="qm-rcpt-head">
                <div class="qm-rcpt-name">{{ $restaurant['name'] ?? $siteName }}</div>
                @if ($rcptAddr !== '')<div class="qm-rcpt-meta">{{ $rcptAddr }}</div>@endif
                @if (!empty($restaurant['phone']))<div class="qm-rcpt-meta">{{ (string) $restaurant['phone'] }}</div>@endif
                @if (!empty($restaurant['tax_number']))<div class="qm-rcpt-meta">{{ t_raw('order.receipt_tax_no', [':number' => (string) $restaurant['tax_number']]) }}</div>@endif
            </div>
            <hr class="qm-rcpt-rule">
            <div class="qm-rcpt-line"><span>{{ t_raw('common.order') }}</span><span>{{ $order['order_number'] }}</span></div>
            <div class="qm-rcpt-line"><span>{{ t_raw('common.date') }}</span><span>{!! fmt_datetime($order['placed_at'] ?? 'now') !!}</span></div>
            <div class="qm-rcpt-line"><span>{{ t_raw('order.receipt_service_label') }}</span><span>{{ status_label('service_mode', (string) $order['service_mode']) }}</span></div>
            <div class="qm-rcpt-line"><span>{{ t_raw('order.receipt_payment_label') }}</span><span>{{ $payShown }} · {{ status_label('payment', (string) $order['payment_status']) }}</span></div>
            <hr class="qm-rcpt-rule">
            @foreach ($items as $it)
            <div class="qm-rcpt-line"><span>{{ (int) $it['quantity'] }}× {{ $it['item_name'] }}</span><span>{{ money($it['line_total']) }}</span></div>
            @if (!empty($it['options_text']))<div class="qm-rcpt-item-note">{{ (string) $it['options_text'] }}</div>@endif
            @endforeach
            <hr class="qm-rcpt-rule">
            <div class="qm-rcpt-line"><span>{{ t_raw('checkout.subtotal') }}</span><span>{{ money($order['subtotal']) }}</span></div>
            @if ((float) $order['delivery_fee'] > 0)<div class="qm-rcpt-line"><span>{{ t_raw('checkout.delivery') }}</span><span>{{ money($order['delivery_fee']) }}</span></div>@endif
            @if ((float) ($order['service_charge'] ?? 0) > 0)<div class="qm-rcpt-line"><span>{{ t_raw('checkout.service_charge') }}</span><span>{{ money($order['service_charge']) }}</span></div>@endif
            @if ((float) ($order['tip_amount'] ?? 0) > 0)<div class="qm-rcpt-line"><span>{{ t_raw('checkout.tip') }}</span><span>{{ money($order['tip_amount']) }}</span></div>@endif
            @if ((float) $order['discount'] > 0)<div class="qm-rcpt-line"><span>{{ t_raw('common.discount') }}</span><span>-{{ money($order['discount']) }}</span></div>@endif
            @if ((float) ($order['loyalty_discount'] ?? 0) > 0)<div class="qm-rcpt-line"><span>{{ t_raw('order.track_reward_label') }}</span><span>-{{ money($order['loyalty_discount']) }}</span></div>@endif
            @if ((float) $order['tax'] > 0)<div class="qm-rcpt-line"><span>{{ \App\Services\Tax::label($restaurant) }}{!! \App\Services\Tax::isInclusive($restaurant) ? ' ' . t('order.receipt_tax_incl_suffix') : '' !!}</span><span>{{ money($order['tax']) }}</span></div>
            @foreach (tax_breakdown($restaurant ?? null, (float) $order['tax']) as $tc)<div class="qm-rcpt-line"><span>&nbsp;&nbsp;{{ $tc['label'] }}</span><span>{{ money($tc['amount']) }}</span></div>@endforeach
            @endif
            <div class="qm-rcpt-total"><span>{{ t_raw('checkout.total') }}</span><span>{{ money($order['total']) }}</span></div>
            <hr class="qm-rcpt-rule">
            <div class="qm-rcpt-foot">{{ t_raw('order.receipt_thanks') }}<br>{{ $siteName }}</div>
        </div>
    </div>
    @if (!$cancelled)
    @php /* Live status polling config (consumed by the second IIFE in order-track.js). */
@endphp
    <script>window.QM_TRACK = {
        endpoint: {!! json_encode(url('/order/' . $order['track_token'] . '/status'), JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!},
        status: {!! json_encode($order_status, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT) !!},
        awaitingPayment: {!! $awaitingPayment ? 'true' : 'false' !!}
    };</script>
    @endif
    <script>
    /* Print receipt button → the browser print dialog (css/print.css isolates the receipt). */
    (function () {
        var b = document.querySelector('[data-print-receipt]');
        if (b) { b.addEventListener('click', function () { window.print(); }); }
    })();
    </script>
</section>
@endsection