@php

/**
 * Shared order-detail body — the order summary, the customer and the
 * placement → delivery journey timeline, plus the delivery-route map when the
 * order carries both endpoints. Rendered by BOTH the vendor order page
 * (vendor/order-detail.php) and the admin order page (admin/order-detail.php);
 * each wrapper supplies its own back bar and page chrome. The view-model is
 * assembled once by App\Services\OrderDetail::build().
 *
 * @var array $order @var array $items @var array $journey @var array $journeyStats
 * @var array|null $customer @var string $driverName @var array|null $restaurant @var array|null $deliveryRoute
 */
use App\Models\Order;

$sm  = (string) $order['service_mode'];
$src = (string) ($order['source'] ?? 'website');
$srcMeta = ['website' => t_raw('common.website'), 'kiosk' => t_raw('vendor.order_detail.src_kiosk'), 'pos' => t_raw('vendor.order_detail.src_pos'), 'phone' => t_raw('common.phone')];
$srcLabel = $srcMeta[$src] ?? t_raw('common.website');
$modeMeta = ['delivery' => t_raw('common.delivery'), 'pickup' => t_raw('common.pickup'), 'dine_in' => t_raw('common.dine_in')];
$modeLabel = $modeMeta[$sm] ?? t_raw('common.delivery');
// A dine-in order names its TABLE beside the mode. The table travelled on the order and no
// staff-facing screen showed it, so this page said "Dine in" and never said where.
$tableLabel = (string) ($tableLabel ?? '');
if ($sm === 'dine_in' && $tableLabel !== '') {
    $modeLabel .= ' · ' . $tableLabel;
}
// A dine-in table also seats a PARTY: the covers ride the same line.
if ($sm === 'dine_in' && (int) ($order['covers'] ?? 0) > 0) {
    $modeLabel .= ' · ' . (int) $order['covers'] . ' ' . t_raw('common.covers');
}
$isDelivery = $sm === 'delivery';
$couponCode = (string) ($couponCode ?? '');

$payLabels = ['cod' => t_raw('status.payment_method.cod'), 'offline' => t_raw('vendor.order_detail.pay_card_offline'), 'stripe' => t_raw('vendor.billing.card_stripe_label'), 'paypal' => 'PayPal'];
$payLabel  = !empty($order['payment_ref']) ? (string) $order['payment_ref'] : ($payLabels[(string) $order['payment_method']] ?? ucfirst((string) $order['payment_method']));
$itemCount = count($items);

// Compact duration label: minutes under an hour, else "1h 20m".
$fmtMin = static function (int $m): string {
    if ($m < 60) {
        return t_raw('common.duration_minutes', [':n' => (string) $m]);
    }
    $h = intdiv($m, 60);
    $r = $m % 60;
    return $r > 0
        ? t_raw('common.duration_hours_minutes', [':h' => (string) $h, ':m' => (string) $r])
        : t_raw('common.duration_hours', [':n' => (string) $h]);
};
@endphp
<div class="row g-4">
    <!-- ============ Order ============ -->
    <div class="col-lg-4 d-flex">
        <div class="qm-card w-100">
            <h2 class="qm-od-h qm-card-title-ico"><span class="qm-head-chip qm-head-chip--rose"><i class="fas fa-receipt" aria-hidden="true"></i></span> {{ t_raw('vendor.order_detail.heading_order') }} <span class="qm-od-hx">{{ t_raw($itemCount === 1 ? 'vendor.order_detail.item_count_singular' : 'vendor.order_detail.item_count_plural', [':n' => $itemCount]) }}</span></h2>
            @foreach ($items as $it)
            <div class="qm-od-item">
                <img src="{{ media($it['item_image'] ?? '') }}" alt="" loading="lazy">
                <div>
                    <div class="nm">{{ (string) $it['item_name'] }}</div>
                    @if (!empty($it['options_text']))<div class="sub">{{ (string) $it['options_text'] }}</div>@endif
                    @if (!empty($it['line_discount_reason']))<div class="sub">{{ t_raw('common.discount') }}: {{ (string) $it['line_discount_reason'] }}</div>@endif
                    <div class="sub">{{ (int) $it['quantity'] }} &times; {{ money((float) $it['unit_price']) }}</div>
                </div>
                <div class="tot">{{ money((float) $it['line_total']) }}</div>
            </div>
            @endforeach

            <div class="qm-od-sum">
                <div class="qm-od-sum-r"><span>{{ t_raw('checkout.subtotal') }}</span><span>{{ money((float) $order['subtotal']) }}</span></div>
                @if ((float) $order['discount'] > 0)
                <div class="qm-od-sum-r"><span>{{ t_raw('common.discount') }}{!! $couponCode !== '' ? ' · ' . e($couponCode) : '' !!}</span><span>&minus;{{ money((float) $order['discount']) }}</span></div>
                @if (!empty($order['manual_discount_reason']))<div class="qm-od-sum-r"><span class="text-muted small">&nbsp;&nbsp;{{ (string) $order['manual_discount_reason'] }}</span><span></span></div>@endif
                @endif
                @if ((float) $order['loyalty_discount'] > 0)<div class="qm-od-sum-r"><span>{{ (string) ($order['loyalty_reward_label'] ?: t_raw('vendor.order_detail.loyalty_reward_fallback')) }}</span><span>&minus;{{ money((float) $order['loyalty_discount']) }}</span></div>@endif
                @if ($isDelivery)<div class="qm-od-sum-r"><span>{{ t_raw('checkout.delivery_fee') }}</span><span>{{ money((float) $order['delivery_fee']) }}</span></div>@endif
                @if ((float) $order['tax'] > 0)<div class="qm-od-sum-r"><span>{{ t_raw('checkout.tax') }}</span><span>{{ money((float) $order['tax']) }}</span></div>
                @foreach (tax_breakdown($restaurant ?? null, (float) $order['tax']) as $tc)<div class="qm-od-sum-r"><span class="text-muted small">&nbsp;&nbsp;{{ $tc['label'] }}</span><span class="text-muted small">{{ money($tc['amount']) }}</span></div>@endforeach
                @endif
                @if ((float) $order['service_charge'] > 0)<div class="qm-od-sum-r"><span>{{ t_raw('checkout.service_charge') }}</span><span>{{ money((float) $order['service_charge']) }}</span></div>@endif
                @if ((float) $order['tip_amount'] > 0)<div class="qm-od-sum-r"><span>{{ t_raw('checkout.tip') }}</span><span>{{ money((float) $order['tip_amount']) }}</span></div>@endif
                <div class="qm-od-total"><span class="l">{{ t_raw('common.total') }}</span><span class="v">{{ money((float) $order['total']) }}</span></div>
                @php /* The platform's share OF that total — a statement, not a sum line. */
@endphp
                @if ((float) ($order['commission_amount'] ?? 0) > 0)
                <div class="qm-od-sum-r mt-2"><span class="text-muted small">{{ t_raw('admin.restaurantdetail.commission') }} ({{ number_format((float) $order['commission_rate'], 1) }}%)</span><span class="text-muted small">{{ money((float) $order['commission_amount']) }}</span></div>
                @endif
            </div>
        </div>
    </div>

    <!-- ============ Customer ============ -->
    <div class="col-lg-4 d-flex">
        <div class="qm-card w-100">
            <h2 class="qm-od-h qm-card-title-ico"><span class="qm-head-chip qm-head-chip--blue"><i class="fas fa-user" aria-hidden="true"></i></span> {{ t_raw('common.customer') }}</h2>
            <div class="qm-od-cust">
                @php // Same round brandmark every other person is drawn with (the orders list
                      // renders this very customer that way). A hand-rolled <img> here used the
                      // square 15px radius while the placeholder art is clipped to a circle, so
                      // the grey backing showed through the corners at a different radius.
@endphp
                {!! brandmark_html($customer['avatar'] ?? null, (string) $order['customer_name'], 'lg', 'qm-brandmark--round') !!}
                <div>
                    <div class="nm">{{ (string) $order['customer_name'] }}</div>
                    @if (!empty($order['customer_email']))<div class="ml">{{ (string) $order['customer_email'] }}</div>@endif
                    <span class="qm-pill {{ $customer ? 'qm-pill-blue' : 'qm-pill-grey' }} mt-1 d-inline-block">{!! $customer ? t('vendor.order_detail.registered_badge') : t('vendor.order_detail.guest_badge') !!}</span>
                </div>
            </div>

            @if ($isDelivery && !empty($order['delivery_address']))
            <div class="qm-od-addr"><i class="fas fa-map-marker-alt" aria-hidden="true"></i><span>{{ (string) $order['delivery_address'] }}</span></div>
            @endif
            @if (!empty($order['scheduled_at']))
            <div class="qm-od-addr"><i class="far fa-clock" aria-hidden="true"></i><span>{!! t_raw('order.track_scheduled_for', [':time' => fmt_datetime($order['scheduled_at'])]) !!}</span></div>
            @endif

            <div>
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('common.phone') }}</span><span class="v">{!! or_dash($order['customer_phone'] ?? null) !!}</span></div>
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.orders.col_placed') }}</span><span class="v">{!! fmt_datetime($order['placed_at']) !!}</span></div>
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.order_detail.meta_fulfilment') }}</span><span class="v">{{ $modeLabel }}</span></div>
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.order_detail.meta_channel') }}</span><span class="v">{{ $srcLabel }}</span></div>
                @php // The order's own status, pilled exactly as both list screens and the customer's
                      // tracking page render it. Without it this page carried only the PAYMENT status
                      // below, so a cancelled order read as a live one and its state was inferable, if
                      // at all, only from the last journey checkpoint (whose wording differs, and which
                      // is missing entirely on orders with no history rows).
@endphp
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('common.status') }}</span><span class="v"><span class="qm-pill {{ Order::statusPill((string) $order['status']) }}">{{ Order::statusLabel((string) $order['status'], $sm) }}</span></span></div>
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.orders.col_payment') }}</span><span class="v">{{ $payLabel }} · {{ status_label('payment', (string) $order['payment_status']) }}</span></div>
                @if ($driverName !== '')<div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.orders.col_rider') }}</span><span class="v">{{ $driverName }}</span></div>@endif
                @if ((int) ($order['loyalty_points_earned'] ?? 0) > 0)
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.order_detail.points_earned') }}</span><span class="v">+{{ number_format((int) $order['loyalty_points_earned']) }}</span></div>
                @endif
                @if ((int) ($order['loyalty_points_redeemed'] ?? 0) > 0)
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('vendor.loyalty.kpi_points_redeemed') }}</span><span class="v">{{ number_format((int) $order['loyalty_points_redeemed']) }}</span></div>
                @endif
                @if ((string) $order['status'] === 'cancelled' && !empty($order['cancel_reason']))
                <div class="qm-od-meta-r"><span class="k">{{ t_raw('common.cancelled') }}</span><span class="v">{{ ucfirst(str_replace('_', ' ', (string) $order['cancel_reason'])) }}</span></div>
                @endif
            </div>
            @if (!empty($order['notes']))
            @php /* What the customer actually asked for — carried on the order since
                     day one, and never printed on the page that answers questions
                     about it. The address-callout style keeps it visible. */
@endphp
            <div class="qm-od-addr mt-3"><i class="far fa-sticky-note" aria-hidden="true"></i><span><strong>{{ t_raw('common.notes') }}:</strong> {{ (string) $order['notes'] }}</span></div>
            @endif
        </div>
    </div>

    <!-- ============ Journey ============ -->
    <div class="col-lg-4 d-flex">
        <div class="qm-card w-100">
            <h2 class="qm-od-h qm-card-title-ico"><span class="qm-head-chip qm-head-chip--teal"><i class="fas fa-route" aria-hidden="true"></i></span> {{ t_raw('vendor.order_detail.heading_journey') }}</h2>
            @if ($journey)
            <ul class="qm-od-journey">
                @php
$ckLabel = [
                    'pending'          => t_raw('vendor.order_detail.ck_order_placed'),
                    'confirmed'        => t_raw('vendor.order_detail.ck_restaurant_accepted'),
                    'preparing'        => t_raw('vendor.order_detail.ck_kitchen_preparing'),
                    'out_for_delivery' => $isDelivery ? t_raw('vendor.order_detail.ck_picked_up') : t_raw('vendor.kitchen.col_ready'),
                    'delivered'        => $isDelivery ? t_raw('status.order.delivered') : ($sm === 'pickup' ? t_raw('common.collected') : t_raw('common.completed')),
                    'cancelled'        => t_raw('common.cancelled'),
                    'kiosk'            => t_raw('vendor.order_detail.ck_kiosk'),
                    // The POS settle path writes a 'payment' history row, which is not one
                    // of the order's own statuses — without an entry here it fell through
                    // to Order::statusLabel() and printed a bare key on every settled bill.
                    'payment'          => t_raw('vendor.order_detail.ck_payment'),
                ];
$methodLabel  = ['cash' => t_raw('status.payment_method.cash'), 'card' => t_raw('status.payment_method.card'), 'offline' => t_raw('status.payment_method.card'), 'stripe' => t_raw('vendor.billing.card_stripe_label'), 'paypal' => 'PayPal', 'other' => t_raw('status.payment_method.other')];
$channelIcon  = ['kiosk' => 'fa-tablet-alt', 'pos' => 'fa-cash-register', 'phone' => 'fa-phone-alt', 'website' => 'fa-globe'];
/*
                 * Each checkpoint carries a face, never an empty dot: the restaurant's
                 * brandmark for a storefront placement, the avatar of the person behind
                 * the step for every other checkpoint, a channel glyph for an in-store /
                 * phone placement, and a tinted tender/status icon only as a genuine
                 * fallback (e.g. an online gateway capture that has no staff member).
                 * A small corner badge keeps payment / refund / hand-off legible even
                 * when a face is shown.
                 */
$marker = static function (string $avatar, string $name, ?string $brandHtml, string $icon, string $tint, string $badgeIcon = '', string $badgeCls = ''): string {
                    if ($brandHtml !== null) {
                        return '<span class="qm-od-jic brand">' . $brandHtml . '</span>';
                    }
                    if ($avatar !== '') {
                        $badge = $badgeIcon !== ''
                            ? '<span class="qm-od-jb ' . $badgeCls . '"><i class="fas ' . $badgeIcon . '" aria-hidden="true"></i></span>'
                            : '';
                        return '<span class="qm-od-jic ph">' . brandmark_html($avatar, $name, 'sm') . '</span>' . $badge;
                    }
                    return '<span class="qm-od-jic ' . $tint . '"><i class="fas ' . $icon . '" aria-hidden="true"></i></span>';
                };
@endphp
@foreach ($journey as $ev)
@php
$t      = (int) $ev['t'];
$gap    = $ev['gapMin'] ?? null;
$hot    = !empty($ev['longest']) && $gap !== null && $gap > 0;
$who    = (string) ($ev['who'] ?? '');
$avatar = (string) ($ev['avatar'] ?? '');
switch ((string) $ev['kind']) {
                        case 'assigned':
                            $label  = t_raw('vendor.order_detail.ev_assigned_to_rider', [':name' => $who]);
                            // The rider's name is already in the label, so it is cleared from the
                            // meta line below — but only AFTER the marker has used it for initials.
                            $mk     = $marker($avatar, $who, null, 'fa-motorcycle', 'rider', 'fa-motorcycle', 'b-rider');
                            $who    = '';
                            break;
                        case 'payment':
                            $m      = (string) $ev['method'];
                            $label  = t_raw('vendor.order_detail.ev_paid', [':amount' => money((float) $ev['amount']), ':method' => $methodLabel[$m] ?? ucfirst($m)]);
                            $mk     = $marker($avatar, $who, null, $m === 'cash' ? 'fa-money-bill-wave' : 'fa-credit-card', 'pay', 'fa-coins', 'b-pay');
                            break;
                        case 'refund':
                            $m      = (string) $ev['method'];
                            $label  = t_raw('vendor.order_detail.ev_refunded', [':amount' => money((float) $ev['amount']), ':method' => $methodLabel[$m] ?? ucfirst($m)]);
                            $mk     = $marker($avatar, $who, null, 'fa-undo', 'ref', 'fa-undo', 'b-ref');
                            break;
                        case 'status':
                        default:
                            $st = (string) ($ev['status'] ?? '');
                            if ($st === 'pending' || $st === 'kiosk') {
                                // Placement: storefront orders show the restaurant's brandmark;
                                // in-store / phone orders show the channel they came through.
                                $label = ($ckLabel[$st] ?? t_raw('vendor.order_detail.ck_order_placed')) . ' · ' . t_raw('vendor.order_detail.via_channel', [':channel' => $srcLabel]);
                                $mk = $src === 'website'
                                    ? $marker('', '', restaurant_logo_html($restaurant ?? [], 'sm'), '', 'brand')
                                    : $marker('', '', null, $channelIcon[$src] ?? 'fa-globe', 's');
                            } elseif ($st === 'cancelled') {
                                $label = $ckLabel['cancelled'];
                                $mk    = $marker($avatar, $who, null, 'fa-times-circle', 'ref', 'fa-times', 'b-ref');
                            } else {
                                $label = $ckLabel[$st] ?? Order::statusLabel($st, $sm);
                                $mk    = $marker($avatar, $who, null, 'fa-check-circle', 's');
                            }
                    };
@endphp
                <li{!! $hot ? ' class="hot"' : '' !!}>
                    {{ $mk }}
                    <div class="qm-od-jbody">
                        <div class="qm-od-jt">{{ $label }}@if ($hot) <span class="qm-od-hot"><i class="fas fa-hourglass-half" aria-hidden="true"></i> {{ t_raw('vendor.order_detail.longest_wait_badge') }}</span>@endif</div>
                        <div class="qm-od-jm">{!! fmt_datetime($t) !!}@if ($gap !== null && $gap > 0) · <span class="d">+{{ t_raw('common.duration_minutes', [':n' => (int) $gap]) }}</span>@endif @if ($who !== '') · {{ t_raw('vendor.order_detail.by_person', [':name' => $who]) }}@endif</div>
                    </div>
                </li>
                @endforeach
            </ul>
            <div class="qm-od-jsum">
                <div><span class="v">{!! $fmtMin((int) $journeyStats['totalMin']) !!}</span><span class="k">{{ t_raw('vendor.order_detail.stat_total_time') }}</span></div>
                <div><span class="v">{{ (int) $journeyStats['checkpoints'] }}</span><span class="k">{{ t_raw('vendor.order_detail.stat_checkpoints') }}</span></div>
                <div><span class="v">{{ (int) $journeyStats['people'] }}</span><span class="k">{{ t_raw('vendor.order_detail.stat_people_involved') }}</span></div>
            </div>
            @else
            <div class="qm-empty"><i class="fas fa-route d-block" aria-hidden="true"></i><p>{{ t_raw('vendor.order_detail.no_journey_events') }}</p></div>
            @endif
        </div>
    </div>
</div>

@if ($deliveryRoute)
<!-- ============ Delivery route ============ -->
@php
// Same brandmark on the map pin and in the caption: the restaurant's logo for pickup,
// the customer's photo for drop-off, each falling back to an initials monogram when no
// image exists — reusing the shared brandmark helper, no bespoke logic.
$pickupBrand  = restaurant_logo_html($restaurant ?? [], 'md');
$dropoffBrand = brandmark_html($customer['avatar'] ?? null, (string) $deliveryRoute['dropoff']['name'], 'md');
$routeMarkers = [
    ['lat' => $deliveryRoute['pickup']['lat'],  'lng' => $deliveryRoute['pickup']['lng'],  'label' => $deliveryRoute['pickup']['name'] . ' · ' . t_raw('common.pickup'),    'iconHtml' => $pickupBrand],
    ['lat' => $deliveryRoute['dropoff']['lat'], 'lng' => $deliveryRoute['dropoff']['lng'], 'label' => $deliveryRoute['dropoff']['name'] . ' · ' . t_raw('vendor.order_detail.dropoff_label'), 'iconHtml' => $dropoffBrand],
];
@endphp
<div class="row g-4 mt-0">
    <div class="col-12">
        <div class="qm-card">
            <h2 class="qm-od-h qm-card-title-ico"><span class="qm-head-chip qm-head-chip--violet"><i class="fas fa-route" aria-hidden="true"></i></span> {{ t_raw('vendor.order_detail.heading_delivery_route') }} <span class="qm-od-hx">{{ \App\Services\Distance::format((float) $deliveryRoute['km']) }} · {{ t_raw('vendor.order_detail.straight_line_suffix') }}</span></h2>
            <div class="qm-map qm-od-map" data-qm-map data-route="1" data-zoom="14"
                 data-lat="{{ (string) $deliveryRoute['pickup']['lat'] }}" data-lng="{{ (string) $deliveryRoute['pickup']['lng'] }}"
                 data-markers="{{ json_encode($routeMarkers, JSON_UNESCAPED_UNICODE) }}"
                 role="img" aria-label="{{ t_raw('vendor.order_detail.map_aria_label') }}"></div>
            <div class="qm-od-route">
                <div class="qm-od-route-pt">
                    {!! $pickupBrand !!}
                    <div><div class="t">{{ t_raw('common.pickup') }}</div><div class="s">{{ $deliveryRoute['pickup']['name'] }}@if ($deliveryRoute['pickup']['address'] !== '') · {{ $deliveryRoute['pickup']['address'] }}@endif</div></div>
                </div>
                <div class="qm-od-route-pt">
                    {!! $dropoffBrand !!}
                    <div><div class="t">{{ t_raw('vendor.order_detail.dropoff_label') }}</div><div class="s">{{ $deliveryRoute['dropoff']['name'] }}@if ($deliveryRoute['dropoff']['address'] !== '') · {{ $deliveryRoute['dropoff']['address'] }}@endif</div></div>
                </div>
            </div>
        </div>
    </div>
</div>
@endif