@extends('layouts.admin')
@section('title','Order '.$order->number)
@section('content')
@php
  $label = fn (?string $v) => $v ? ucwords(str_replace(['_', '.'], ' ', $v)) : '—';
  $payTone = match ($order->payment_status) {
      'paid' => 'success',
      'pending', 'authorized', 'partially_paid' => 'warning',
      'failed', 'voided' => 'danger',
      default => 'muted',
  };
  $fulTone = match ($order->fulfillment_status) {
      'fulfilled' => 'success',
      'partially_fulfilled', 'in_progress', 'scheduled' => 'warning',
      'on_hold' => 'danger',
      default => 'muted',
  };
  $statusTone = match ($order->status) {
      'open' => 'info',
      'canceled' => 'danger',
      default => 'muted',
  };
  $itemQty = $order->lines->sum('quantity');
  $remainingQty = $order->lines->sum(fn ($line) => max(0, $line->quantity - ($fulfilledByLine[$line->id] ?? 0)));
  $addr = function (?array $a): array {
      if (! is_array($a) || empty($a)) {
          return [];
      }
      return $a;
  };
  $ship = $addr($order->shipping_address);
  $bill = $addr($order->billing_address);
  $timelineIcon = fn (string $event) => match (true) {
      str_contains($event, 'payment') || str_contains($event, 'paid') || str_contains($event, 'refund') => 'credit-card',
      str_contains($event, 'fulfill') || str_contains($event, 'ship') => 'truck',
      str_contains($event, 'cancel') => 'ban',
      str_contains($event, 'fraud') => 'shield-alert',
      str_contains($event, 'return') => 'undo-2',
      default => 'activity',
  };
@endphp

<div class="order-ops-detail pb-24">
    {{-- Hero --}}
    <header class="order-ops-hero mb-6">
        <div class="order-ops-hero-main">
            <div class="flex flex-wrap items-center gap-2 text-xs font-semibold uppercase tracking-[0.18em] text-white/50">
                <a href="{{ route('admin.orders.index') }}" class="text-white/55 hover:text-[var(--color-gold)]">Orders</a>
                <span class="text-white/30">/</span>
                <span>{{ $order->number }}</span>
            </div>
            <div class="mt-2 flex flex-wrap items-end gap-3">
                <h1 class="text-[1.85rem] font-semibold tracking-tight text-white">{{ $order->number }}</h1>
                <x-admin.badge :tone="$statusTone">{{ $label($order->status) }}</x-admin.badge>
                <x-admin.badge :tone="$payTone">{{ $label($order->payment_status) }}</x-admin.badge>
                <x-admin.badge :tone="$fulTone">{{ $label($order->fulfillment_status) }}</x-admin.badge>
                @if($order->fraud_status)
                    <x-admin.badge :tone="$order->fraud_status === 'clear' ? 'success' : 'warning'">
                        Fraud {{ $label($order->fraud_status) }}@if($order->fraud_score) · {{ $order->fraud_score }}@endif
                    </x-admin.badge>
                @endif
            </div>
            <p class="mt-2 text-sm text-white/65">
                Placed {{ $order->created_at?->format('M j, Y · g:i A') }}
                <span class="text-white/35">·</span>
                {{ $order->created_at?->diffForHumans() }}
                @if($order->canceled_at)
                    <span class="text-white/35">·</span>
                    <span class="text-[#ffb4a9]">Canceled {{ $order->canceled_at->format('M j, Y') }}</span>
                @endif
            </p>
        </div>
        <div class="order-ops-hero-aside">
            <div class="order-ops-hero-total">
                <div class="text-[11px] font-semibold uppercase tracking-wide text-white/50">Order total</div>
                <div class="mt-1 text-3xl font-semibold tracking-tight text-white tabular-nums">{{ $order->money('total_cents') }}</div>
                @if($order->refunded_cents)
                    <div class="mt-1 text-xs text-[#ffb4a9]">Refunded {{ $order->money('refunded_cents') }} · Net {{ $order->moneyFromCents($order->netTotalCents()) }}</div>
                @else
                    <div class="mt-1 text-xs text-white/55">{{ $itemQty }} items · {{ $order->currency }}</div>
                @endif
            </div>
            <div class="flex flex-wrap gap-2">
                <a href="{{ route('admin.orders.index') }}" class="admin-btn"><i data-lucide="arrow-left" class="h-3.5 w-3.5"></i> All orders</a>
                @if($order->customer)
                    <a href="{{ route('admin.customers.show', $order->customer) }}" class="admin-btn admin-btn-primary"><i data-lucide="user" class="h-3.5 w-3.5"></i> Customer</a>
                @endif
            </div>
        </div>
    </header>

    {{-- KPI strip --}}
    <div class="order-ops-kpi mb-6">
        <div class="order-ops-kpi-card">
            <span class="order-ops-kpi-label">Items</span>
            <span class="order-ops-kpi-value">{{ $itemQty }}</span>
            <span class="order-ops-kpi-meta">{{ $order->lines->count() }} line{{ $order->lines->count() === 1 ? '' : 's' }}</span>
        </div>
        <div class="order-ops-kpi-card">
            <span class="order-ops-kpi-label">To fulfill</span>
            <span class="order-ops-kpi-value">{{ $remainingQty }}</span>
            <span class="order-ops-kpi-meta">{{ $order->fulfillments->count() }} shipment{{ $order->fulfillments->count() === 1 ? '' : 's' }}</span>
        </div>
        <div class="order-ops-kpi-card">
            <span class="order-ops-kpi-label">Payments</span>
            <span class="order-ops-kpi-value">{{ $order->payments->count() }}</span>
            <span class="order-ops-kpi-meta">{{ $label($order->payment_status) }}</span>
        </div>
        <div class="order-ops-kpi-card">
            <span class="order-ops-kpi-label">Returns</span>
            <span class="order-ops-kpi-value">{{ $order->returns->count() }}</span>
            <span class="order-ops-kpi-meta">{{ $order->returns->sum('refund_cents') ? $order->moneyFromCents((int) $order->returns->sum('refund_cents')) : 'None open' }}</span>
        </div>
        <div class="order-ops-kpi-card">
            <span class="order-ops-kpi-label">Customer LTV</span>
            <span class="order-ops-kpi-value tabular-nums">{{ $order->moneyFromCents($customerLifetimeCents) }}</span>
            <span class="order-ops-kpi-meta">{{ $customerOrderCount }} order{{ $customerOrderCount === 1 ? '' : 's' }}</span>
        </div>
    </div>

    <div class="grid gap-6 xl:grid-cols-[minmax(0,1fr)_22rem]">
        <div class="space-y-6">
            {{-- Line items --}}
            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <div>
                        <h2 class="order-ops-panel-title">Line items</h2>
                        <p class="order-ops-panel-hint">Catalogue lines, quantities, and fulfillment progress</p>
                    </div>
                </div>
                <div class="divide-y divide-[var(--color-admin-border)]">
                    @foreach($order->lines as $line)
                        @php
                            $shipped = $fulfilledByLine[$line->id] ?? 0;
                            $left = max(0, $line->quantity - $shipped);
                            $pct = $line->quantity > 0 ? round(($shipped / $line->quantity) * 100) : 0;
                        @endphp
                        <div class="order-ops-line">
                            <div class="order-ops-line-thumb">
                                <i data-lucide="gem" class="h-5 w-5"></i>
                            </div>
                            <div class="min-w-0 flex-1">
                                <div class="flex flex-wrap items-start justify-between gap-2">
                                    <div>
                                        <div class="font-semibold text-[#111213]">{{ $line->title }}</div>
                                        @if($line->variant_title)
                                            <div class="text-xs text-[#6d7175]">{{ $line->variant_title }}</div>
                                        @endif
                                        <div class="mt-1 flex flex-wrap gap-2 text-[11px] text-[#8c9196]">
                                            @if($line->sku)<span class="font-mono">SKU {{ $line->sku }}</span>@endif
                                            @if($line->product_id)<span>Product #{{ $line->product_id }}</span>@endif
                                            @if($line->variant_id)<span>Variant #{{ $line->variant_id }}</span>@endif
                                        </div>
                                    </div>
                                    <div class="text-right">
                                        <div class="font-semibold tabular-nums">{{ $order->moneyFromCents($line->total_cents) }}</div>
                                        <div class="text-xs text-[#6d7175]">{{ $line->quantity }} × {{ $order->moneyFromCents($line->unit_price_cents) }}</div>
                                        @if($line->tax_cents)
                                            <div class="text-[11px] text-[#8c9196]">Tax {{ $order->moneyFromCents($line->tax_cents) }}</div>
                                        @endif
                                    </div>
                                </div>
                                <div class="mt-3">
                                    <div class="mb-1 flex justify-between text-[11px] text-[#6d7175]">
                                        <span>Fulfilled {{ $shipped }}/{{ $line->quantity }}</span>
                                        <span>{{ $left }} remaining</span>
                                    </div>
                                    <div class="order-ops-progress"><span style="width: {{ $pct }}%"></span></div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                <div class="order-ops-totals">
                    <div class="order-ops-total-row"><span>Subtotal</span><span class="tabular-nums">{{ $order->money('subtotal_cents') }}</span></div>
                    <div class="order-ops-total-row"><span>Shipping{{ $order->shipping_method ? ' · '.$order->shipping_method : '' }}</span><span class="tabular-nums">{{ $order->money('shipping_cents') }}</span></div>
                    <div class="order-ops-total-row"><span>Tax</span><span class="tabular-nums">{{ $order->money('tax_cents') }}</span></div>
                    @if($order->discount_cents)
                        <div class="order-ops-total-row text-[var(--color-success)]"><span>Discount</span><span class="tabular-nums">−{{ $order->money('discount_cents') }}</span></div>
                    @endif
                    <div class="order-ops-total-row is-grand"><span>Total</span><span class="tabular-nums">{{ $order->money('total_cents') }}</span></div>
                    @if($order->refunded_cents)
                        <div class="order-ops-total-row text-[var(--color-danger)]"><span>Refunded</span><span class="tabular-nums">−{{ $order->money('refunded_cents') }}</span></div>
                        <div class="order-ops-total-row"><span>Net</span><span class="tabular-nums font-semibold">{{ $order->moneyFromCents($order->netTotalCents()) }}</span></div>
                    @endif
                </div>
                @if(is_array($order->tax_lines) && count($order->tax_lines))
                    <div class="border-t border-[var(--color-admin-border)] px-5 py-4">
                        <div class="mb-2 text-[11px] font-semibold uppercase tracking-wide text-[#8c9196]">Tax lines</div>
                        <ul class="space-y-1 text-sm text-[#6d7175]">
                            @foreach($order->tax_lines as $taxLine)
                                <li class="flex justify-between gap-3">
                                    <span>{{ is_array($taxLine) ? ($taxLine['title'] ?? $taxLine['name'] ?? 'Tax') : 'Tax' }}</span>
                                    <span class="tabular-nums">
                                        @if(is_array($taxLine) && isset($taxLine['price_cents']))
                                            {{ $order->moneyFromCents((int) $taxLine['price_cents']) }}
                                        @elseif(is_array($taxLine) && isset($taxLine['amount_cents']))
                                            {{ $order->moneyFromCents((int) $taxLine['amount_cents']) }}
                                        @else
                                            —
                                        @endif
                                    </span>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </section>

            @include('admin.orders.partials.costs')

            {{-- Payments --}}
            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <div>
                        <h2 class="order-ops-panel-title">Payments & refunds</h2>
                        <p class="order-ops-panel-hint">Provider captures, authorizations, and refund ledger</p>
                    </div>
                </div>
                <div class="overflow-x-auto">
                    <table class="admin-table">
                        <thead>
                            <tr>
                                <th>Provider</th>
                                <th>Status</th>
                                <th>Amount</th>
                                <th>Reference</th>
                                <th>When</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($order->payments as $payment)
                                <tr>
                                    <td>
                                        <div class="font-medium">{{ $label($payment->provider) }}</div>
                                        @if(!empty($payment->meta))
                                            <div class="text-[11px] text-[#8c9196]">Has metadata</div>
                                        @endif
                                    </td>
                                    <td><x-admin.badge tone="info">{{ $label($payment->status) }}</x-admin.badge></td>
                                    <td class="font-semibold tabular-nums">{{ $payment->currency }} {{ number_format($payment->amount_cents / 100, 2) }}</td>
                                    <td class="font-mono text-xs text-[#6d7175]">{{ $payment->provider_ref ?: '—' }}</td>
                                    <td class="text-xs text-[#6d7175]">{{ $payment->created_at?->format('M j, Y g:i A') }}</td>
                                </tr>
                                @foreach($payment->refunds as $refund)
                                    <tr class="order-ops-refund-row">
                                        <td class="pl-8 text-xs text-[#6d7175]">↳ Refund</td>
                                        <td><x-admin.badge tone="muted">{{ $label($refund->status) }}</x-admin.badge></td>
                                        <td class="tabular-nums text-[var(--color-danger)]">−{{ $order->moneyFromCents($refund->amount_cents) }}</td>
                                        <td class="text-xs text-[#6d7175]">{{ $refund->reason ?: ($refund->restock ? 'Restock' : '—') }}</td>
                                        <td class="text-xs text-[#6d7175]">{{ $refund->created_at?->format('M j, Y g:i A') }}</td>
                                    </tr>
                                @endforeach
                            @empty
                                <tr><td colspan="5" class="p-8 text-center text-[#6d7175]">No payments recorded.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>

            {{-- Fulfillments --}}
            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <div>
                        <h2 class="order-ops-panel-title">Fulfillments</h2>
                        <p class="order-ops-panel-hint">Shipments, carriers, and tracking</p>
                    </div>
                </div>
                <div class="space-y-3 p-5 pt-0">
                    @forelse($order->fulfillments as $fulfillment)
                        <div class="order-ops-ship-card">
                            <div class="flex flex-wrap items-start justify-between gap-3">
                                <div>
                                    <div class="flex flex-wrap items-center gap-2">
                                        <x-admin.badge tone="success">{{ $label($fulfillment->status) }}</x-admin.badge>
                                        <span class="text-sm font-semibold">{{ $fulfillment->carrier ?: 'Carrier TBD' }}</span>
                                    </div>
                                    <div class="mt-2 font-mono text-sm">{{ $fulfillment->tracking_number ?: 'No tracking yet' }}</div>
                                    <div class="mt-1 text-xs text-[#6d7175]">
                                        {{ $fulfillment->fulfilled_at?->format('M j, Y g:i A') ?? $fulfillment->created_at?->format('M j, Y g:i A') }}
                                    </div>
                                </div>
                                @if($fulfillment->tracking_url)
                                    <a href="{{ $fulfillment->tracking_url }}" target="_blank" rel="noopener" class="admin-btn">
                                        <i data-lucide="external-link" class="h-3.5 w-3.5"></i> Track
                                    </a>
                                @endif
                            </div>
                            @if($fulfillment->lines->isNotEmpty())
                                <ul class="mt-3 space-y-1 border-t border-[var(--color-admin-border)] pt-3 text-xs text-[#6d7175]">
                                    @foreach($fulfillment->lines as $fl)
                                        @php $ol = $order->lines->firstWhere('id', $fl->order_line_id); @endphp
                                        <li class="flex justify-between gap-2">
                                            <span>{{ $ol?->title ?? ('Line #'.$fl->order_line_id) }}</span>
                                            <span class="tabular-nums">× {{ $fl->quantity }}</span>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                        </div>
                    @empty
                        <div class="rounded-xl border border-dashed border-[var(--color-admin-border)] bg-[#fafbfb] px-4 py-8 text-center text-sm text-[#6d7175]">
                            No fulfillments yet — use the sidebar to create one.
                        </div>
                    @endforelse
                </div>
            </section>

            {{-- Returns --}}
            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <div>
                        <h2 class="order-ops-panel-title">Returns</h2>
                        <p class="order-ops-panel-hint">RMA status and refunded amounts</p>
                    </div>
                    <a href="{{ route('admin.returns.index') }}" class="text-xs font-medium text-[#2c6ecb]">All returns</a>
                </div>
                <div class="space-y-2 p-5 pt-0">
                    @forelse($order->returns as $return)
                        <a href="{{ route('admin.returns.show', $return) }}" class="order-ops-return-row">
                            <div>
                                <div class="font-semibold">{{ $return->number }}</div>
                                <div class="text-xs text-[#6d7175]">{{ $label($return->status) }}@if($return->reason) · {{ $return->reason }}@endif</div>
                            </div>
                            <div class="text-right">
                                <div class="font-semibold tabular-nums">{{ $order->moneyFromCents((int) $return->refund_cents) }}</div>
                                <div class="text-[11px] text-[#8c9196]">{{ $return->lines->count() }} line{{ $return->lines->count() === 1 ? '' : 's' }}</div>
                            </div>
                        </a>
                    @empty
                        <p class="text-sm text-[#6d7175]">No returns for this order.</p>
                    @endforelse
                </div>
            </section>

            {{-- Timeline --}}
            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <div>
                        <h2 class="order-ops-panel-title">Timeline</h2>
                        <p class="order-ops-panel-hint">Audited events across payment, fulfillment, and staff actions</p>
                    </div>
                </div>
                <ol class="order-ops-timeline p-5 pt-0">
                    @forelse($order->timeline as $event)
                        <li class="order-ops-timeline-item">
                            <div class="order-ops-timeline-dot">
                                <i data-lucide="{{ $timelineIcon(strtolower($event->event)) }}" class="h-3.5 w-3.5"></i>
                            </div>
                            <div class="min-w-0 flex-1">
                                <div class="flex flex-wrap items-baseline justify-between gap-2">
                                    <div class="font-semibold text-[#202223]">{{ $label($event->event) }}</div>
                                    <time class="text-[11px] text-[#8c9196]">{{ $event->created_at?->format('M j, Y · g:i A') }}</time>
                                </div>
                                @if($event->actor)
                                    <div class="mt-0.5 text-xs text-[#6d7175]">by {{ $event->actor->name ?: $event->actor->email }}</div>
                                @endif
                                @if(!empty($event->meta))
                                    <details class="mt-2">
                                        <summary class="cursor-pointer text-xs font-medium text-[#2c6ecb]">Event details</summary>
                                        <pre class="mt-2 overflow-x-auto rounded-lg bg-[#f6f6f7] p-3 text-[11px] leading-relaxed text-[#6d7175]">{{ json_encode($event->meta, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES) }}</pre>
                                    </details>
                                @endif
                            </div>
                        </li>
                    @empty
                        <li class="text-sm text-[#6d7175]">No timeline events yet.</li>
                    @endforelse
                </ol>
            </section>

            @if($order->notes)
                <section class="order-ops-panel">
                    <div class="order-ops-panel-head">
                        <h2 class="order-ops-panel-title">Internal notes</h2>
                    </div>
                    <p class="px-5 pb-5 text-sm leading-relaxed text-[#4a4d51]">{{ $order->notes }}</p>
                </section>
            @endif
        </div>

        {{-- Sidebar --}}
        <aside class="space-y-5 xl:sticky xl:top-20 xl:self-start">
            @include('admin.orders.partials.profitability')

            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <h2 class="order-ops-panel-title">Customer</h2>
                </div>
                <div class="space-y-3 px-5 pb-5 text-sm">
                    <div class="flex items-center gap-3">
                        <div class="flex h-11 w-11 items-center justify-center rounded-full bg-[#111213] text-sm font-semibold text-white">
                            {{ strtoupper(substr($order->customer?->name ?: $order->email, 0, 1)) }}
                        </div>
                        <div class="min-w-0">
                            <div class="truncate font-semibold">{{ $order->customer?->name ?: 'Guest checkout' }}</div>
                            <a href="mailto:{{ $order->email }}" class="truncate text-xs text-[#2c6ecb] hover:underline">{{ $order->email }}</a>
                        </div>
                    </div>
                    @if($order->customer?->phone)
                        <div><span class="text-[#8c9196]">Phone</span><div class="font-medium">{{ $order->customer->phone }}</div></div>
                    @endif
                    <div class="grid grid-cols-2 gap-3 rounded-xl bg-[#fafbfb] p-3 text-xs">
                        <div><div class="text-[#8c9196]">Orders</div><div class="mt-0.5 text-sm font-semibold">{{ $customerOrderCount }}</div></div>
                        <div><div class="text-[#8c9196]">Lifetime</div><div class="mt-0.5 text-sm font-semibold tabular-nums">{{ $order->moneyFromCents($customerLifetimeCents) }}</div></div>
                    </div>
                    @if($order->customer)
                        <a href="{{ route('admin.customers.show', $order->customer) }}" class="admin-btn w-full justify-center">View profile</a>
                    @endif
                </div>
            </section>

            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <h2 class="order-ops-panel-title">Addresses</h2>
                </div>
                <div class="grid gap-4 px-5 pb-5 sm:grid-cols-2 xl:grid-cols-1">
                    @foreach(['Shipping' => $ship, 'Billing' => $bill] as $title => $address)
                        <div class="rounded-xl border border-[var(--color-admin-border)] bg-[#fafbfb] p-4 text-sm">
                            <div class="mb-2 text-[10px] font-semibold uppercase tracking-wide text-[#8c9196]">{{ $title }}</div>
                            @if(!empty($address))
                                <div class="font-semibold">{{ $address['name'] ?? '' }}</div>
                                @if(!empty($address['company']))<div>{{ $address['company'] }}</div>@endif
                                <div>{{ $address['line1'] ?? '' }}</div>
                                @if(!empty($address['line2']))<div>{{ $address['line2'] }}</div>@endif
                                <div>{{ trim(($address['city'] ?? '').', '.($address['region'] ?? '').' '.($address['postal_code'] ?? ''), ', ') }}</div>
                                <div>{{ $address['country'] ?? '' }}</div>
                                @if(!empty($address['phone']))<div class="mt-1 text-xs text-[#6d7175]">{{ $address['phone'] }}</div>@endif
                            @else
                                <p class="text-[#6d7175]">Not provided</p>
                            @endif
                        </div>
                    @endforeach
                </div>
            </section>

            <section class="order-ops-panel">
                <div class="order-ops-panel-head">
                    <h2 class="order-ops-panel-title">Order meta</h2>
                </div>
                <dl class="space-y-3 px-5 pb-5 text-sm">
                    <div class="flex justify-between gap-3"><dt class="text-[#8c9196]">Currency</dt><dd class="font-medium">{{ $order->currency }}</dd></div>
                    <div class="flex justify-between gap-3"><dt class="text-[#8c9196]">Shipping</dt><dd class="max-w-[12rem] text-right font-medium">{{ $order->shipping_method ?: '—' }}</dd></div>
                    <div class="flex justify-between gap-3"><dt class="text-[#8c9196]">Checkout</dt><dd class="font-mono text-xs">{{ $order->checkout_id ?: '—' }}</dd></div>
                    <div class="flex justify-between gap-3"><dt class="text-[#8c9196]">Token</dt><dd class="max-w-[10rem] truncate font-mono text-[10px]" title="{{ $order->token }}">{{ $order->token }}</dd></div>
                    <div class="flex justify-between gap-3"><dt class="text-[#8c9196]">Updated</dt><dd class="text-xs">{{ $order->updated_at?->format('M j, Y g:i A') }}</dd></div>
                    @if($order->fraud_status)
                        <div class="flex justify-between gap-3">
                            <dt class="text-[#8c9196]">Fraud</dt>
                            <dd>
                                <a href="{{ route('admin.fraud.index') }}" class="font-medium text-[#2c6ecb] hover:underline">{{ $label($order->fraud_status) }}@if($order->fraud_score) ({{ $order->fraud_score }})@endif</a>
                            </dd>
                        </div>
                    @endif
                </dl>
            </section>

            @if($order->status === 'open' && $remainingQty > 0)
                <section class="order-ops-panel">
                    <div class="order-ops-panel-head">
                        <h2 class="order-ops-panel-title">Fulfill items</h2>
                    </div>
                    <form method="post" action="{{ route('admin.orders.fulfill', $order) }}" class="space-y-3 px-5 pb-5 text-sm">
                        @csrf
                        <x-admin.field label="Carrier" name="carrier">
                            <input name="carrier" class="admin-input" placeholder="Australia Post" list="carrier-suggestions">
                            <datalist id="carrier-suggestions">
                                <option value="Australia Post">
                                <option value="StarTrack">
                                <option value="DHL">
                                <option value="FedEx">
                                <option value="UPS">
                            </datalist>
                        </x-admin.field>
                        <x-admin.field label="Tracking number" name="tracking">
                            <input name="tracking" class="admin-input" autocomplete="off">
                        </x-admin.field>
                        <div class="space-y-2">
                            <div class="admin-label">Qty per line</div>
                            @foreach($order->lines as $line)
                                @php $left = max(0, $line->quantity - ($fulfilledByLine[$line->id] ?? 0)); @endphp
                                <label class="flex items-center justify-between gap-2 rounded-lg border border-[var(--color-admin-border)] bg-[#fafbfb] px-3 py-2">
                                    <span class="min-w-0 truncate text-xs">{{ $line->title }} <span class="text-[#8c9196]">({{ $left }} left)</span></span>
                                    <input type="number" name="line_qty[{{ $line->id }}]" min="0" max="{{ $left }}" value="{{ $left }}" class="admin-input w-20" @disabled($left === 0)>
                                </label>
                            @endforeach
                        </div>
                        <button class="admin-btn admin-btn-primary w-full justify-center">
                            <i data-lucide="package-check" class="h-3.5 w-3.5"></i> Create fulfillment
                        </button>
                    </form>
                </section>
            @endif

            @if(! in_array($order->payment_status, ['refunded', 'voided'], true) && $order->total_cents > $order->refunded_cents)
                <section class="order-ops-panel">
                    <div class="order-ops-panel-head">
                        <h2 class="order-ops-panel-title">Refund</h2>
                    </div>
                    <form method="post" action="{{ route('admin.orders.refund', $order) }}" class="space-y-3 px-5 pb-5 text-sm">
                        @csrf
                        <x-admin.field label="Amount (cents)" name="amount_cents" :help="'Max '.max(0, $order->total_cents - $order->refunded_cents).' cents'">
                            <input type="number" name="amount_cents" min="1" max="{{ max(1, $order->total_cents - $order->refunded_cents) }}" value="{{ max(1, $order->total_cents - $order->refunded_cents) }}" class="admin-input" required>
                        </x-admin.field>
                        <label class="flex items-center gap-2 text-sm">
                            <input type="checkbox" name="restock" value="1" class="rounded border-[#c9cccf]"> Restock inventory
                        </label>
                        <x-admin.field label="Reason" name="reason">
                            <input name="reason" class="admin-input" placeholder="Customer request">
                        </x-admin.field>
                        <button class="admin-btn w-full justify-center">Issue refund</button>
                    </form>
                </section>
            @endif

            @if($order->status === 'open')
                <section class="order-ops-panel order-ops-panel-danger">
                    <div class="order-ops-panel-head">
                        <h2 class="order-ops-panel-title">Cancel order</h2>
                    </div>
                    <form method="post" action="{{ route('admin.orders.cancel', $order) }}" class="px-5 pb-5" onsubmit="return confirm('Cancel this order? This voids open fulfillment and releases payment holds where applicable.');">
                        @csrf
                        <p class="mb-3 text-xs leading-relaxed text-[#6d7175]">Voids open fulfillment and releases payment holds where applicable. This cannot be undone from the UI.</p>
                        <button class="admin-btn w-full justify-center border-[var(--color-danger)] text-[var(--color-danger)]">
                            <i data-lucide="ban" class="h-3.5 w-3.5"></i> Cancel order
                        </button>
                    </form>
                </section>
            @endif
        </aside>
    </div>
</div>
@endsection