@extends('layouts.admin')
@section('title','Returns')
@section('content')
@php
  $columns = [
    'return' => 'Return',
    'customer' => 'Customer',
    'reason' => 'Reason',
    'items' => 'Items',
    'value' => 'Value',
    'priority' => 'Priority',
    'status' => 'Status',
    'activity' => 'Activity',
    'actions' => 'Actions',
  ];
  $label = fn (string $v) => ucwords(str_replace('_', ' ', $v));
  $statusTone = fn (string $s) => match ($s) {
      'requested' => 'warning',
      'open' => 'info',
      'inspected' => 'info',
      'completed' => 'success',
      'canceled' => 'muted',
      default => 'muted',
  };
  $priorityTone = fn (string $p) => match ($p) {
      'urgent' => 'danger',
      'high' => 'warning',
      default => 'muted',
  };
  $activeChips = collect([
      'status' => request('status'),
      'priority' => request('priority'),
      'reason_code' => request('reason_code'),
      'resolution' => request('resolution'),
      'from' => request('from'),
      'to' => request('to'),
      'sort' => request('sort') && request('sort') !== 'newest' ? request('sort') : null,
  ])->filter();
@endphp

<x-admin.page
    title="Returns"
    subtitle="RMA command center — approve requests, issue labels, inspect inbound stock, and close refunds or store credit."
>
    <x-slot:actions>
        <a href="{{ route('admin.returns.index', ['status' => 'needs_label']) }}" class="admin-btn">
            <i data-lucide="tag" class="h-3.5 w-3.5"></i>
            Needs label ({{ number_format($stats['awaiting_label']) }})
        </a>
        <a href="{{ route('admin.returns.index', ['status' => 'active', 'priority' => 'elevated']) }}" class="admin-btn admin-btn-primary">
            <i data-lucide="alert-triangle" class="h-3.5 w-3.5"></i>
            High priority ({{ number_format($stats['high_priority']) }})
        </a>
    </x-slot:actions>

    <div class="order-ops-stat-rail mb-5">
        <a href="{{ route('admin.returns.index', ['status' => 'active']) }}" class="order-ops-stat {{ request('status') === 'active' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Open pipeline</span>
            <span class="order-ops-stat-value">{{ number_format($stats['open']) }}</span>
            <span class="order-ops-stat-meta">Requested / open / inspected</span>
        </a>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Refund pipeline</span>
            <span class="order-ops-stat-value">AUD {{ number_format($stats['refund_pipeline_cents'] / 100, 0) }}</span>
            <span class="order-ops-stat-meta">Still unresolved</span>
        </div>
        <a href="{{ route('admin.returns.index', ['status' => 'requested']) }}" class="order-ops-stat {{ request('status') === 'requested' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Awaiting approval</span>
            <span class="order-ops-stat-value">{{ number_format($stats['requested']) }}</span>
            <span class="order-ops-stat-meta">New RMA requests</span>
        </a>
        <a href="{{ route('admin.returns.index', ['status' => 'completed']) }}" class="order-ops-stat {{ request('status') === 'completed' ? 'is-active' : '' }}">
            <span class="order-ops-stat-label">Completed</span>
            <span class="order-ops-stat-value">{{ number_format($stats['completed']) }}</span>
            <span class="order-ops-stat-meta">AUD {{ number_format($stats['refunded_cents'] / 100, 0) }} refunded</span>
        </a>
        <a href="{{ route('admin.returns.index', ['status' => 'needs_label']) }}" class="order-ops-stat {{ request('status') === 'needs_label' ? 'is-active tone-warning' : 'tone-warning' }}">
            <span class="order-ops-stat-label">Needs label</span>
            <span class="order-ops-stat-value">{{ number_format($stats['awaiting_label']) }}</span>
            <span class="order-ops-stat-meta">No shipment label yet</span>
        </a>
    </div>

    <div class="order-ops-quick-filters mb-4">
        @foreach([
            ['label' => 'All', 'params' => []],
            ['label' => 'Active', 'params' => ['status' => 'active']],
            ['label' => 'Requested', 'params' => ['status' => 'requested']],
            ['label' => 'Needs label', 'params' => ['status' => 'needs_label']],
            ['label' => 'Inspected', 'params' => ['status' => 'inspected']],
            ['label' => 'Completed', 'params' => ['status' => 'completed']],
            ['label' => 'High priority', 'params' => ['priority' => 'elevated', 'status' => 'active']],
        ] as $chip)
            @php
                $isActive = collect($chip['params'])->every(fn ($v, $k) => request($k) === $v)
                    && (empty($chip['params']) ? ! request()->hasAny(['status', 'priority', 'reason_code', 'resolution']) : true);
            @endphp
            <a href="{{ route('admin.returns.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.returns.index') }}" class="text-xs font-medium text-[#2c6ecb] hover:underline">Clear all</a>
        </div>
    @endif

    <x-admin.advanced-table
        id="returns"
        :search-url="route('admin.returns.index')"
        search-placeholder="Search return #, order #, email, tracking…"
        :columns="$columns"
        :filters-open="$activeChips->isNotEmpty()"
    >
        <x-slot:filters>
            <div class="admin-select-field">
                <label class="admin-label" for="filter-status">Status</label>
                <div class="admin-select-wrap">
                    <select id="filter-status" name="status" form="returns-filter" class="admin-select" onchange="document.getElementById('returns-filter').submit()">
                        <option value="">Any</option>
                        @foreach(['active','needs_label','requested','open','inspected','completed','canceled'] as $status)
                            <option value="{{ $status }}" @selected(request('status') === $status)>{{ $label($status) }}</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-priority">Priority</label>
                <div class="admin-select-wrap">
                    <select id="filter-priority" name="priority" form="returns-filter" class="admin-select" onchange="document.getElementById('returns-filter').submit()">
                        <option value="">Any</option>
                        @foreach(['elevated','urgent','high','normal'] as $priority)
                            <option value="{{ $priority }}" @selected(request('priority') === $priority)>{{ $label($priority) }}</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-reason">Reason</label>
                <div class="admin-select-wrap">
                    <select id="filter-reason" name="reason_code" form="returns-filter" class="admin-select" onchange="document.getElementById('returns-filter').submit()">
                        <option value="">Any</option>
                        @foreach($reasonCodes as $code)
                            <option value="{{ $code }}" @selected(request('reason_code') === $code)>{{ $label($code) }}</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-resolution">Resolution</label>
                <div class="admin-select-wrap">
                    <select id="filter-resolution" name="resolution" form="returns-filter" class="admin-select" onchange="document.getElementById('returns-filter').submit()">
                        <option value="">Any</option>
                        @foreach(['refund','store_credit','exchange','none'] as $resolution)
                            <option value="{{ $resolution }}" @selected(request('resolution') === $resolution)>{{ $label($resolution) }}</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-sort">Sort</label>
                <div class="admin-select-wrap">
                    <select id="filter-sort" name="sort" form="returns-filter" class="admin-select" onchange="document.getElementById('returns-filter').submit()">
                        <option value="newest" @selected(request('sort', 'newest') === 'newest')>Newest first</option>
                        <option value="oldest" @selected(request('sort') === 'oldest')>Oldest first</option>
                        <option value="value_desc" @selected(request('sort') === 'value_desc')>Highest value</option>
                        <option value="priority" @selected(request('sort') === 'priority')>Priority</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="returns-filter" value="{{ request('from') }}" class="admin-select" onchange="document.getElementById('returns-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="returns-filter" value="{{ request('to') }}" class="admin-select" onchange="document.getElementById('returns-filter').submit()">
            </div>
            <div class="flex items-end">
                <a href="{{ route('admin.returns.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="return">Return</th>
                <th data-col="customer">Customer</th>
                <th data-col="reason">Reason</th>
                <th data-col="items">Items</th>
                <th data-col="value">Value</th>
                <th data-col="priority">Priority</th>
                <th data-col="status">Status</th>
                <th data-col="activity">Activity</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($returns as $row)
                <tr>
                    <td data-col="return">
                        <div class="font-medium text-[#202223]">{{ $row->number }}</div>
                        <div class="mt-0.5 text-xs text-[#8c9196]">
                            Order {{ $row->order?->number ?? '#'.$row->order_id }}
                        </div>
                    </td>
                    <td data-col="customer">
                        <div class="font-medium text-[#202223]">{{ $row->customer_email ?: ($row->customer?->email ?: '—') }}</div>
                        <div class="mt-0.5 text-xs text-[#8c9196]">{{ $label($row->resolution ?: 'refund') }}</div>
                    </td>
                    <td data-col="reason">
                        <div class="text-sm">{{ $row->reason ?: '—' }}</div>
                        @if($row->reason_code)
                            <div class="mt-0.5 text-xs text-[#8c9196]">{{ $label($row->reason_code) }}</div>
                        @endif
                    </td>
                    <td data-col="items" class="whitespace-nowrap">{{ number_format($row->item_count ?: $row->lines->sum('quantity')) }}</td>
                    <td data-col="value" class="whitespace-nowrap font-semibold">{{ $row->labeledRefund() }}</td>
                    <td data-col="priority">
                        <x-admin.badge :tone="$priorityTone($row->priority ?: 'normal')">{{ $label($row->priority ?: 'normal') }}</x-admin.badge>
                    </td>
                    <td data-col="status">
                        <x-admin.badge :tone="$statusTone($row->status)">{{ $label($row->status) }}</x-admin.badge>
                        @if($row->tracking_number)
                            <div class="mt-1 text-[11px] text-[#8c9196]">{{ $row->carrier }} · {{ $row->tracking_number }}</div>
                        @endif
                    </td>
                    <td data-col="activity" class="text-xs text-[#6d7175]">
                        <div>{{ $row->updated_at?->diffForHumans() }}</div>
                        @if($row->label_sent_at && ! $row->received_at)
                            <div class="text-[#8c9196]">Label {{ $row->label_sent_at->diffForHumans() }}</div>
                        @elseif($row->received_at && $row->status !== 'completed')
                            <div class="text-[#8c9196]">Received {{ $row->received_at->diffForHumans() }}</div>
                        @elseif($row->completed_at)
                            <div class="text-[#8c9196]">Closed {{ $row->completed_at->diffForHumans() }}</div>
                        @endif
                    </td>
                    <td data-col="actions" class="text-right">
                        <a href="{{ route('admin.returns.show', $row) }}" class="text-xs font-medium text-[#2c6ecb] hover:underline">Open</a>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="9" class="p-10 text-center text-sm text-[#8c9196]">
                        No returns match these filters.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </x-admin.advanced-table>

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

    <div class="mt-4">{{ $returns->links() }}</div>
</x-admin.page>
@endsection