@extends('layouts.admin')
@section('title','Orders')
@section('content')
@php
  $columns = [
    'number' => 'Order',
    'customer' => 'Customer',
    'items' => 'Items',
    'payment' => 'Payment',
    'fulfillment' => 'Fulfillment',
    'status' => 'Status',
    'total' => 'Total',
    'margin' => 'Margin',
    'date' => 'Placed',
    'actions' => 'Actions',
  ];
  $label = fn (string $v) => ucwords(str_replace('_', ' ', $v));
  $payTone = fn (string $s) => match ($s) {
      'paid' => 'success',
      'pending', 'authorized', 'partially_paid' => 'warning',
      'failed', 'voided' => 'danger',
      'refunded', 'partially_refunded' => 'muted',
      default => 'info',
  };
  $fulTone = fn (string $s) => match ($s) {
      'fulfilled' => 'success',
      'partially_fulfilled', 'in_progress', 'scheduled' => 'warning',
      'on_hold' => 'danger',
      'unfulfilled' => 'muted',
      default => 'info',
  };
  $statusTone = fn (string $s) => match ($s) {
      'open' => 'info',
      'canceled' => 'danger',
      'archived' => 'muted',
      default => 'muted',
  };
  $activeChips = collect([
      'payment_status' => request('payment_status'),
      'fulfillment_status' => request('fulfillment_status'),
      'status' => request('status'),
      'fraud_status' => request('fraud_status'),
      'costing' => request('costing'),
      'from' => request('from'),
      'to' => request('to'),
      'sort' => request('sort') && request('sort') !== 'newest' ? request('sort') : null,
  ])->filter();
@endphp

<x-admin.page title="Orders" subtitle="Command-center view of payment, fulfillment, fraud, and revenue — filter fast, open deep.">
    <x-slot:actions>
        <a href="{{ route('admin.draft-orders.index') }}" class="admin-btn">
            <i data-lucide="file-pen-line" class="h-3.5 w-3.5"></i> Draft orders
        </a>
        <a href="{{ route('admin.returns.index') }}" class="admin-btn">
            <i data-lucide="undo-2" class="h-3.5 w-3.5"></i> Returns
        </a>
    </x-slot:actions>

    <div class="order-ops-stat-rail mb-5">
        <a href="{{ route('admin.orders.index', ['status' => 'open']) }}" class="order-ops-stat {{ request('status')==='open' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Open</span>
            <span class="order-ops-stat-value">{{ number_format($stats['open']) }}</span>
            <span class="order-ops-stat-meta">Active pipeline</span>
        </a>
        <a href="{{ route('admin.orders.index', ['fulfillment_status' => 'unfulfilled', 'status' => 'open']) }}" class="order-ops-stat {{ request('fulfillment_status')==='unfulfilled' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Unfulfilled</span>
            <span class="order-ops-stat-value">{{ number_format($stats['unfulfilled']) }}</span>
            <span class="order-ops-stat-meta">Ready to ship</span>
        </a>
        <a href="{{ route('admin.orders.index', ['payment_status' => 'pending']) }}" class="order-ops-stat {{ request('payment_status')==='pending' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Awaiting pay</span>
            <span class="order-ops-stat-value">{{ number_format($stats['awaiting_payment']) }}</span>
            <span class="order-ops-stat-meta">Pending / auth</span>
        </a>
        <a href="{{ route('admin.orders.index', ['fraud_status' => 'review']) }}" class="order-ops-stat {{ in_array(request('fraud_status'), ['review','hold'], true) || $stats['needs_attention'] ? '' : '' }} {{ $stats['needs_attention'] ? 'tone-warning' : '' }}">
            <span class="order-ops-stat-label">Needs attention</span>
            <span class="order-ops-stat-value">{{ number_format($stats['needs_attention']) }}</span>
            <span class="order-ops-stat-meta">Fraud / hold / failed</span>
        </a>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Paid today</span>
            <span class="order-ops-stat-value">AUD {{ number_format($stats['revenue_today_cents'] / 100, 0) }}</span>
            <span class="order-ops-stat-meta">Gross paid</span>
        </div>
    </div>

    <div class="order-ops-quick-filters mb-4">
        @foreach([
            ['label' => 'All', 'params' => []],
            ['label' => 'Unfulfilled', 'params' => ['fulfillment_status' => 'unfulfilled', 'status' => 'open']],
            ['label' => 'Paid', 'params' => ['payment_status' => 'paid']],
            ['label' => 'Partial ship', 'params' => ['fulfillment_status' => 'partially_fulfilled']],
            ['label' => 'On hold', 'params' => ['fulfillment_status' => 'on_hold']],
            ['label' => 'Fraud review', 'params' => ['fraud_status' => 'review']],
            ['label' => 'Canceled', 'params' => ['status' => 'canceled']],
            ['label' => 'Needs costing'.($stats['needs_costing'] ? ' · '.$stats['needs_costing'] : ''), 'params' => ['costing' => 'missing']],
        ] as $chip)
            @php
                $isActive = collect($chip['params'])->every(fn ($v, $k) => request($k) === $v)
                    && (empty($chip['params']) ? ! request()->hasAny(['payment_status','fulfillment_status','status','fraud_status','costing']) : true);
            @endphp
            <a href="{{ route('admin.orders.index', $chip['params']) }}" class="order-ops-chip {{ $isActive ? 'is-active' : '' }}">{{ $chip['label'] }}</a>
        @endforeach
    </div>

    @if($activeChips->isNotEmpty())
        <div class="mb-4 flex flex-wrap items-center gap-2">
            <span class="text-xs font-semibold uppercase tracking-wide text-[#8c9196]">Active</span>
            @foreach($activeChips as $key => $value)
                <span class="order-ops-chip is-active">{{ $label($key) }}: {{ $label((string) $value) }}</span>
            @endforeach
            <a href="{{ route('admin.orders.index') }}" class="text-xs font-medium text-[#2c6ecb] hover:underline">Clear all</a>
        </div>
    @endif

    <x-admin.advanced-table
        id="orders"
        :search-url="route('admin.orders.index')"
        search-placeholder="Search number, customer, email, SKU, tracking…"
        :columns="$columns"
        :filters-open="$activeChips->isNotEmpty()"
    >
        <x-slot:filters>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-payment">Payment</label>
                <div class="admin-select-wrap">
                    <select id="filter-payment" name="payment_status" form="orders-filter" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
                        <option value="">All payments</option>
                        @foreach($paymentStatuses as $s)
                            <option value="{{ $s }}" @selected(request('payment_status')===$s)>{{ $label($s) }}</option>
                        @endforeach
                    </select>
                    <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                </div>
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-fulfillment">Fulfillment</label>
                <div class="admin-select-wrap">
                    <select id="filter-fulfillment" name="fulfillment_status" form="orders-filter" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
                        <option value="">All fulfillment</option>
                        @foreach($fulfillmentStatuses as $s)
                            <option value="{{ $s }}" @selected(request('fulfillment_status')===$s)>{{ $label($s) }}</option>
                        @endforeach
                    </select>
                    <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                </div>
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-status">Order status</label>
                <div class="admin-select-wrap">
                    <select id="filter-status" name="status" form="orders-filter" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
                        <option value="">All statuses</option>
                        @foreach($orderStatuses as $s)
                            <option value="{{ $s }}" @selected(request('status')===$s)>{{ $label($s) }}</option>
                        @endforeach
                    </select>
                    <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                </div>
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-fraud">Fraud</label>
                <div class="admin-select-wrap">
                    <select id="filter-fraud" name="fraud_status" form="orders-filter" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
                        <option value="">Any risk</option>
                        @foreach($fraudStatuses as $s)
                            <option value="{{ $s }}" @selected(request('fraud_status')===$s)>{{ $label($s) }}</option>
                        @endforeach
                    </select>
                    <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                </div>
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-costing">Costing</label>
                <div class="admin-select-wrap">
                    <select id="filter-costing" name="costing" form="orders-filter" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
                        <option value="">Any costing</option>
                        <option value="missing" @selected(request('costing')==='missing')>Costs missing</option>
                        <option value="estimated" @selected(request('costing')==='estimated')>Estimated</option>
                        <option value="final" @selected(request('costing')==='final')>Final</option>
                    </select>
                    <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                </div>
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-from">From</label>
                <input id="filter-from" type="date" name="from" form="orders-filter" value="{{ request('from') }}" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-to">To</label>
                <input id="filter-to" type="date" name="to" form="orders-filter" value="{{ request('to') }}" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
            </div>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-sort">Sort</label>
                <div class="admin-select-wrap">
                    <select id="filter-sort" name="sort" form="orders-filter" class="admin-select" onchange="document.getElementById('orders-filter').submit()">
                        <option value="newest" @selected($sort==='newest')>Newest first</option>
                        <option value="oldest" @selected($sort==='oldest')>Oldest first</option>
                        <option value="total_desc" @selected($sort==='total_desc')>Highest total</option>
                        <option value="total_asc" @selected($sort==='total_asc')>Lowest total</option>
                    </select>
                    <i data-lucide="chevron-down" class="admin-select-chevron"></i>
                </div>
            </div>
            <div class="flex items-end">
                <a href="{{ route('admin.orders.index') }}" class="admin-btn w-full justify-center">
                    <i data-lucide="x" class="h-3.5 w-3.5"></i> Clear filters
                </a>
            </div>
        </x-slot:filters>

        <thead>
            <tr>
                <th data-col="number">Order</th>
                <th data-col="customer">Customer</th>
                <th data-col="items">Items</th>
                <th data-col="payment">Payment</th>
                <th data-col="fulfillment">Fulfillment</th>
                <th data-col="status">Status</th>
                <th data-col="total">Total</th>
                <th data-col="margin">Margin</th>
                <th data-col="date">Placed</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($orders as $order)
                <tr class="order-ops-row" onclick="window.location='{{ route('admin.orders.show', $order) }}'">
                    <td data-col="number">
                        <div class="font-semibold tracking-tight text-[#111213]">{{ $order->number }}</div>
                        @if($order->fraud_status && $order->fraud_status !== 'clear')
                            <div class="mt-0.5 text-[11px] font-medium text-[var(--color-warning)]">Fraud {{ $label($order->fraud_status) }}@if($order->fraud_score) · {{ $order->fraud_score }}@endif</div>
                        @endif
                    </td>
                    <td data-col="customer">
                        <div class="font-medium text-[#202223]">{{ $order->customer?->name ?: 'Guest' }}</div>
                        <div class="text-xs text-[#6d7175]">{{ $order->email }}</div>
                    </td>
                    <td data-col="items">
                        <span class="order-ops-count">{{ $order->lines_count }}</span>
                    </td>
                    <td data-col="payment"><x-admin.badge :tone="$payTone($order->payment_status)">{{ $label($order->payment_status) }}</x-admin.badge></td>
                    <td data-col="fulfillment"><x-admin.badge :tone="$fulTone($order->fulfillment_status)">{{ $label($order->fulfillment_status) }}</x-admin.badge></td>
                    <td data-col="status"><x-admin.badge :tone="$statusTone($order->status)">{{ $label($order->status) }}</x-admin.badge></td>
                    <td data-col="total">
                        <div class="font-semibold tabular-nums">{{ $order->money('total_cents') }}</div>
                        @if($order->refunded_cents)
                            <div class="text-[11px] text-[var(--color-danger)]">−{{ $order->money('refunded_cents') }}</div>
                        @endif
                    </td>
                    <td data-col="margin">
                        @if($order->cost)
                            @php $summary = $profitability->summary($order); @endphp
                            <span class="order-margin-chip tone-{{ $summary['margin_tone'] }}">{{ $summary['margin_bps'] === null ? '—' : number_format($summary['margin_bps'] / 100, 1).'%' }}</span>
                            <div class="mt-0.5 text-[11px] text-[#8c9196] tabular-nums">{{ $order->moneyFromCents($summary['profit_cents']) }}{{ $order->cost->isFinal() ? '' : ' · est.' }}</div>
                        @elseif($order->status !== 'canceled')
                            <span class="order-margin-chip tone-muted">Add costs</span>
                        @else
                            <span class="text-xs text-[#8c9196]">—</span>
                        @endif
                    </td>
                    <td data-col="date">
                        <div class="text-sm text-[#202223]">{{ $order->created_at?->format('M j, Y') }}</div>
                        <div class="text-[11px] text-[#8c9196]">{{ $order->created_at?->format('g:i A') }} · {{ $order->created_at?->diffForHumans() }}</div>
                    </td>
                    <td data-col="actions" class="text-right" onclick="event.stopPropagation()">
                        <a class="admin-btn admin-btn-primary" href="{{ route('admin.orders.show', $order) }}">
                            Open <i data-lucide="arrow-right" class="h-3.5 w-3.5"></i>
                        </a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="10" class="p-14 text-center">
                        <div class="mx-auto flex max-w-sm flex-col items-center gap-2">
                            <div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-[#f1f2f4] text-[#6d7175]">
                                <i data-lucide="package-search" class="h-5 w-5"></i>
                            </div>
                            <div class="text-sm font-semibold text-[#202223]">No orders match</div>
                            <p class="text-sm text-[#6d7175]">Try clearing filters or searching by order number, email, SKU, or tracking.</p>
                            <a href="{{ route('admin.orders.index') }}" class="admin-btn mt-2">Reset filters</a>
                        </div>
                    </td>
                </tr>
            @endforelse
        </tbody>

        <x-slot:footer>
            <div class="flex flex-wrap items-center justify-between gap-3">
                <p class="text-xs text-[#6d7175]">
                    Showing {{ $orders->firstItem() ?? 0 }}–{{ $orders->lastItem() ?? 0 }} of {{ number_format($orders->total()) }}
                </p>
                {{ $orders->links() }}
            </div>
        </x-slot:footer>
    </x-admin.advanced-table>

    <form id="orders-filter" method="get" action="{{ route('admin.orders.index') }}" class="hidden">
        <input type="hidden" name="q" value="{{ request('q') }}">
    </form>
</x-admin.page>
@endsection