@php
    $currentUser = auth()->user();
@endphp

<x-app-layout>
    <x-slot name="header">
        <h2 class="text-2xl font-semibold text-[var(--theme-text)]">{{ __('messages.rejected_requests') }}</h2>
    </x-slot>

    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-4">
        <p class="text-sm theme-inline-muted">{{ __('messages.rejected_requests_subtitle') }}</p>

        <form method="GET" action="{{ route('admin.requests.rejected.index') }}" class="theme-surface-panel p-4 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-6 gap-3 items-end">
            <div class="xl:col-span-2">
                <x-input-label for="rejected_requests_q" :value="__('messages.search')" />
                <x-text-input id="rejected_requests_q" name="q" type="text" class="mt-1 block w-full" :value="$filters['q'] ?? ''" />
            </div>

            <div>
                <x-input-label for="rejected_requests_type" :value="__('messages.type')" />
                <select id="rejected_requests_type" name="record_type" class="mt-1 block w-full rounded-md theme-ring-brand">
                    <option value="">{{ __('messages.all') }}</option>
                    @foreach ($types as $type)
                        <option value="{{ $type }}" @selected(($filters['record_type'] ?? '') === $type)>{{ __('messages.record_type_'.$type) }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <x-input-label for="rejected_requests_from" :value="__('messages.from_date')" />
                <x-text-input id="rejected_requests_from" name="from" type="date" class="mt-1 block w-full" :value="$filters['from'] ?? ''" />
            </div>
            <div>
                <x-input-label for="rejected_requests_to" :value="__('messages.to_date')" />
                <x-text-input id="rejected_requests_to" name="to" type="date" class="mt-1 block w-full" :value="$filters['to'] ?? ''" />
            </div>

            <div class="flex items-center gap-2">
                <button type="submit" class="theme-btn-primary">{{ __('messages.search') }}</button>
                <a href="{{ route('admin.requests.rejected.index') }}" class="theme-btn-outline">{{ __('messages.reset') }}</a>
            </div>

            @if ($canViewAll)
                <div>
                    <x-input-label for="rejected_requests_scope" :value="__('messages.scope')" />
                    <select id="rejected_requests_scope" name="scope" class="mt-1 block w-full rounded-md theme-ring-brand">
                        <option value="self" @selected($scope === 'self')>{{ __('messages.scope_self') }}</option>
                        <option value="all" @selected($scope === 'all')>{{ __('messages.scope_all') }}</option>
                    </select>
                </div>
            @endif
        </form>

        <div class="theme-surface-panel overflow-hidden">
            <div class="overflow-x-auto">
                <table class="w-full min-w-[1320px] text-sm">
                    <thead class="theme-table-head">
                        <tr>
                            <th class="px-4 py-3 text-start">{{ __('messages.request_number') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.reference_number') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.type') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.manager') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.price_snapshot') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.rejection_reason') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.rejected_at') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.appeal_count') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.appealed_at') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($requests as $recordRequest)
                            @php
                                $recordable = $recordRequest->recordable;
                                $isOwner = $currentUser && (int) $recordRequest->manager_id === (int) $currentUser->id;
                                $canEditRecord = $recordable && method_exists($recordable, 'trashed') && ! $recordable->trashed() && $isOwner;
                                $editRoute = null;
                                if ($canEditRecord) {
                                    $editRoute = match ($recordRequest->record_type) {
                                        \App\Models\RecordRequest::TYPE_INTERNET_DEVICE => route('admin.stolen-devices.edit', $recordable),
                                        \App\Models\RecordRequest::TYPE_MOBILE_PHONE => route('admin.mobile-phones.edit', $recordable),
                                        \App\Models\RecordRequest::TYPE_CAR, \App\Models\RecordRequest::TYPE_BIKE => route('admin.vehicles.edit', $recordable),
                                        default => null,
                                    };
                                }

                                $referenceNumber = (string) data_get($recordable, 'reference_number', '-');
                                if ($referenceNumber === '' || $referenceNumber === '-') {
                                    $referenceNumber = '-';
                                }
                            @endphp
                            <tr class="border-t border-[var(--theme-border)]">
                                <td class="px-4 py-3 font-mono text-xs">{{ $recordRequest->request_number }}</td>
                                <td class="px-4 py-3 font-mono text-xs">{{ $referenceNumber }}</td>
                                <td class="px-4 py-3">{{ __('messages.record_type_'.$recordRequest->record_type) }}</td>
                                <td class="px-4 py-3">{{ $recordRequest->manager?->name ?? $recordRequest->manager?->username ?? '-' }}</td>
                                <td class="px-4 py-3 font-semibold">{{ number_format((float) $recordRequest->price_snapshot, 2) }} {{ $recordRequest->currency_code }}</td>
                                <td class="px-4 py-3 text-xs">{{ $recordRequest->last_rejection_reason ?: $recordRequest->rejection_reason ?: '-' }}</td>
                                <td class="px-4 py-3">{{ $recordRequest->last_rejected_at?->format('Y-m-d H:i') ?? $recordRequest->reviewed_at?->format('Y-m-d H:i') ?? '-' }}</td>
                                <td class="px-4 py-3">{{ (int) $recordRequest->appeal_count }}</td>
                                <td class="px-4 py-3">{{ $recordRequest->appealed_at?->format('Y-m-d H:i') ?? '-' }}</td>
                                <td class="px-4 py-3 whitespace-nowrap">
                                    <div class="flex items-center gap-2">
                                        <a href="{{ route('admin.requests.my.show', $recordRequest) }}" class="theme-btn-outline !px-3 !py-1.5 text-xs">
                                            {{ __('messages.view_details') }}
                                        </a>
                                        @if ($editRoute)
                                            <a href="{{ $editRoute }}" class="theme-btn-outline !px-3 !py-1.5 text-xs">
                                                {{ __('messages.edit') }}
                                            </a>
                                        @endif
                                        @if ($isOwner && $currentUser?->can('create_record_request'))
                                            <a href="{{ route('admin.requests.my.show', $recordRequest) }}#appeal-form" class="theme-btn-primary !px-3 !py-1.5 text-xs">
                                                {{ __('messages.submit_appeal') }}
                                            </a>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="10" class="px-4 py-8 text-center theme-inline-muted">{{ __('messages.no_data') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div>{{ $requests->links() }}</div>
    </div>
</x-app-layout>