@php
    $categoryOptions = [
        'all' => __('messages.all_categories'),
        'internet' => __('messages.sighting_category_internet'),
        'mobile' => __('messages.sighting_category_mobile'),
        'vehicle' => __('messages.sighting_category_vehicle'),
    ];
    $stateOptions = [
        'all' => __('messages.submission_filter_all'),
        'pending' => __('messages.submission_filter_pending'),
        'under_review' => __('messages.submission_filter_under_review'),
        'verified' => __('messages.submission_filter_verified'),
    ];
    $activeState = $filters['state'] ?? 'pending';
    $baseQuery = [
        'q' => $filters['q'] ?? '',
        'category' => $filters['category'] ?? 'all',
    ];
    $currentUser = auth()->user();
@endphp

<x-app-layout>
    <x-slot name="header">
        <h2 class="text-2xl font-semibold text-[var(--theme-text)]">{{ __('messages.submission_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.submission_requests_subtitle') }}</p>

        <div class="theme-surface-panel p-3">
            <div class="flex flex-wrap items-center gap-2">
                @foreach ($stateOptions as $stateKey => $stateLabel)
                    <a
                        href="{{ route('admin.submission-requests.index', array_merge($baseQuery, ['state' => $stateKey])) }}"
                        class="px-3 py-1.5 rounded-lg text-sm {{ $activeState === $stateKey ? 'theme-btn-primary text-white' : 'theme-btn-outline' }}"
                    >
                        {{ $stateLabel }}
                    </a>
                @endforeach
            </div>
        </div>

        <form method="GET" action="{{ route('admin.submission-requests.index') }}" class="theme-surface-panel p-4 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-5 gap-3 items-end">
            <div class="xl:col-span-2">
                <label for="submission_q" class="block text-sm mb-1">{{ __('messages.search') }}</label>
                <input
                    id="submission_q"
                    type="text"
                    name="q"
                    value="{{ $filters['q'] ?? '' }}"
                    placeholder="{{ __('messages.search_submission_requests') }}"
                    class="w-full rounded-lg theme-ring-brand"
                >
            </div>

            <div>
                <label for="submission_category" class="block text-sm mb-1">{{ __('messages.category') }}</label>
                <select id="submission_category" name="category" class="w-full rounded-lg theme-ring-brand">
                    <option value="all" @selected(($filters['category'] ?? 'all') === 'all')>{{ $categoryOptions['all'] }}</option>
                    @foreach ($allowedCategories as $category)
                        <option value="{{ $category }}" @selected(($filters['category'] ?? 'all') === $category)>
                            {{ $categoryOptions[$category] ?? ucfirst($category) }}
                        </option>
                    @endforeach
                </select>
            </div>

            <input type="hidden" name="state" value="{{ $activeState }}">

            <div class="flex items-center gap-2 xl:col-span-2">
                <button type="submit" class="px-4 py-2 rounded-lg theme-btn-primary text-sm font-medium">{{ __('messages.search') }}</button>
                <a href="{{ route('admin.submission-requests.index') }}" class="px-4 py-2 rounded-lg theme-btn-outline text-sm">{{ __('messages.reset') }}</a>
            </div>
        </form>

        <div class="hidden lg:block theme-surface-panel overflow-hidden">
            <div class="overflow-x-auto">
                <table class="w-full text-sm">
                    <thead class="theme-table-head">
                        <tr>
                            <th class="px-4 py-3 text-start">{{ __('messages.reference_number') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.category') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.device_name') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.details') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.review_status') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.price_snapshot') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.manager') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.created_at') }}</th>
                            <th class="px-4 py-3 text-start">{{ __('messages.actions') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($requests as $row)
                            @php
                                $categoryLabel = match ($row['category']) {
                                    'internet' => __('messages.sighting_category_internet'),
                                    'mobile' => __('messages.sighting_category_mobile'),
                                    'vehicle' => __('messages.sighting_category_vehicle'),
                                    default => __('messages.sighting_category_unknown'),
                                };
                                $canDeleteRow = match ($row['category']) {
                                    'internet' => $currentUser?->canAny(['delete_stolen_submissions', 'delete_stolen_devices', 'delete_internet_devices']) ?? false,
                                    'mobile' => $currentUser?->canAny(['delete_stolen_submissions', 'delete_stolen_devices', 'delete_mobile_phones']) ?? false,
                                    'vehicle' => $currentUser?->canAny(['delete_stolen_submissions', 'delete_stolen_devices', 'delete_vehicles']) ?? false,
                                    default => false,
                                };
                                $isAppealedPending = (($row['request_appeal_count'] ?? 0) > 0) && $row['review_status'] === \App\Models\StolenDevice::REVIEW_PENDING;
                                $canReviewThisRow = ! $isAppealedPending || ($currentUser?->hasRole('Super Admin') ?? false);
                            @endphp
                            <tr class="border-t border-[var(--theme-border)]">
                                <td class="px-4 py-3 font-mono text-xs">{{ $row['reference_number'] }}</td>
                                <td class="px-4 py-3">{{ $categoryLabel }}</td>
                                <td class="px-4 py-3 font-medium">{{ $row['title'] }}</td>
                                <td class="px-4 py-3 font-mono">{{ $row['identifier'] ?: '-' }}</td>
                                <td class="px-4 py-3">
                                    <div class="flex flex-wrap items-center gap-1.5">
                                        <span class="theme-chip">{{ __('messages.review_status_'.$row['review_status']) }}</span>
                                        @if (($row['request_appeal_count'] ?? 0) > 0 && $row['review_status'] === \App\Models\StolenDevice::REVIEW_PENDING)
                                            <span class="theme-chip !bg-indigo-100 !text-indigo-700 dark:!bg-indigo-900/35 dark:!text-indigo-200">
                                                {{ __('messages.submission_appealed_badge') }} #{{ (int) $row['request_appeal_count'] }}
                                            </span>
                                        @endif
                                    </div>
                                </td>
                                <td class="px-4 py-3 font-semibold">{{ $row['request_price_label'] }}</td>
                                <td class="px-4 py-3">
                                    <p class="font-medium">{{ $row['creator_name'] }}</p>
                                    <p class="text-xs theme-inline-muted">{{ $row['creator_username'] }}</p>
                                    <p class="text-xs theme-inline-muted">{{ $row['creator_email'] }}</p>
                                    <p class="text-xs theme-inline-muted">{{ $row['creator_phone'] }}</p>
                                </td>
                                <td class="px-4 py-3">{{ $row['created_at_human'] }}</td>
                                <td class="px-4 py-3">
                                    <div class="flex items-center gap-2">
                                        @if ($row['review_status'] === \App\Models\StolenDevice::REVIEW_PENDING && $canReviewThisRow)
                                            <form method="POST" action="{{ $row['review_route'] }}">
                                                @csrf
                                                @method('PATCH')
                                                <input type="hidden" name="decision" value="approve">
                                                <button type="submit" class="px-2 py-1 text-xs rounded border border-emerald-300 text-emerald-700 dark:text-emerald-300">
                                                    {{ __('messages.approve_submission') }}
                                                </button>
                                            </form>
                                            <form method="POST" action="{{ $row['review_route'] }}">
                                                @csrf
                                                @method('PATCH')
                                                <input type="hidden" name="decision" value="reject">
                                                <button type="submit" class="px-2 py-1 text-xs rounded border border-rose-300 text-rose-700 dark:text-rose-300">
                                                    {{ __('messages.reject_submission') }}
                                                </button>
                                            </form>
                                        @elseif ($isAppealedPending)
                                            <span class="text-xs theme-inline-muted">{{ __('messages.appeal_review_super_admin_only') }}</span>
                                        @endif
                                        <a href="{{ $row['show_route'] }}" class="px-2 py-1 text-xs rounded border border-[var(--theme-border)]">
                                            {{ __('messages.view_details') }}
                                        </a>
                                        @if ($canDeleteRow)
                                            <form method="POST" action="{{ route('admin.submission-requests.destroy', ['category' => $row['category'], 'recordId' => $row['id']]) }}" data-confirm="{{ __('messages.confirm_move_to_trash') }}" data-confirm-reason="1">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="px-2 py-1 text-xs rounded border border-rose-300 text-rose-700 dark:text-rose-300">
                                                    {{ __('messages.delete_submission_request') }}
                                                </button>
                                            </form>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="px-4 py-7 text-center theme-inline-muted">{{ __('messages.no_data') }}</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="grid grid-cols-1 gap-3 lg:hidden">
            @forelse ($requests as $row)
                @php
                    $categoryLabel = match ($row['category']) {
                        'internet' => __('messages.sighting_category_internet'),
                        'mobile' => __('messages.sighting_category_mobile'),
                        'vehicle' => __('messages.sighting_category_vehicle'),
                        default => __('messages.sighting_category_unknown'),
                    };
                    $canDeleteRow = match ($row['category']) {
                        'internet' => $currentUser?->canAny(['delete_stolen_submissions', 'delete_stolen_devices', 'delete_internet_devices']) ?? false,
                        'mobile' => $currentUser?->canAny(['delete_stolen_submissions', 'delete_stolen_devices', 'delete_mobile_phones']) ?? false,
                        'vehicle' => $currentUser?->canAny(['delete_stolen_submissions', 'delete_stolen_devices', 'delete_vehicles']) ?? false,
                        default => false,
                    };
                    $isAppealedPending = (($row['request_appeal_count'] ?? 0) > 0) && $row['review_status'] === \App\Models\StolenDevice::REVIEW_PENDING;
                    $canReviewThisRow = ! $isAppealedPending || ($currentUser?->hasRole('Super Admin') ?? false);
                @endphp
                <div class="theme-surface-panel p-4 space-y-2">
                    <p class="text-xs font-mono theme-inline-muted">{{ __('messages.reference_number') }}: {{ $row['reference_number'] }}</p>
                    <p class="text-sm">{{ $categoryLabel }}</p>
                    <p class="font-semibold">{{ $row['title'] }}</p>
                    <p class="text-xs font-mono">{{ $row['identifier'] ?: '-' }}</p>
                    <p><span class="theme-chip">{{ __('messages.review_status_'.$row['review_status']) }}</span></p>
                    @if (($row['request_appeal_count'] ?? 0) > 0 && $row['review_status'] === \App\Models\StolenDevice::REVIEW_PENDING)
                        <p><span class="theme-chip !bg-indigo-100 !text-indigo-700 dark:!bg-indigo-900/35 dark:!text-indigo-200">{{ __('messages.submission_appealed_badge') }} #{{ (int) $row['request_appeal_count'] }}</span></p>
                    @endif
                    <p class="text-sm"><span class="theme-inline-muted">{{ __('messages.price_snapshot') }}:</span> <span class="font-semibold">{{ $row['request_price_label'] }}</span></p>
                    <p class="text-sm theme-inline-muted">{{ __('messages.manager') }}: {{ $row['creator_name'] }}</p>
                    <p class="text-xs theme-inline-muted">{{ $row['creator_username'] }}</p>
                    <p class="text-xs theme-inline-muted">{{ $row['creator_email'] }}</p>
                    <p class="text-xs theme-inline-muted">{{ $row['creator_phone'] }}</p>
                    <p class="text-sm theme-inline-muted">{{ __('messages.created_at') }}: {{ $row['created_at_human'] }}</p>
                    <div class="flex items-center gap-2">
                        @if ($row['review_status'] === \App\Models\StolenDevice::REVIEW_PENDING && $canReviewThisRow)
                            <form method="POST" action="{{ $row['review_route'] }}">
                                @csrf
                                @method('PATCH')
                                <input type="hidden" name="decision" value="approve">
                                <button type="submit" class="px-3 py-1 text-xs rounded border border-emerald-300 text-emerald-700 dark:text-emerald-300">
                                    {{ __('messages.approve_submission') }}
                                </button>
                            </form>
                            <form method="POST" action="{{ $row['review_route'] }}">
                                @csrf
                                @method('PATCH')
                                <input type="hidden" name="decision" value="reject">
                                <button type="submit" class="px-3 py-1 text-xs rounded border border-rose-300 text-rose-700 dark:text-rose-300">
                                    {{ __('messages.reject_submission') }}
                                </button>
                            </form>
                        @elseif ($isAppealedPending)
                            <span class="text-xs theme-inline-muted">{{ __('messages.appeal_review_super_admin_only') }}</span>
                        @endif
                        <a href="{{ $row['show_route'] }}" class="px-3 py-1 text-xs rounded border border-[var(--theme-border)]">
                            {{ __('messages.view_details') }}
                        </a>
                        @if ($canDeleteRow)
                            <form method="POST" action="{{ route('admin.submission-requests.destroy', ['category' => $row['category'], 'recordId' => $row['id']]) }}" data-confirm="{{ __('messages.confirm_move_to_trash') }}" data-confirm-reason="1">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="px-3 py-1 text-xs rounded border border-rose-300 text-rose-700 dark:text-rose-300">
                                    {{ __('messages.delete_submission_request') }}
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
            @empty
                <div class="theme-surface-panel p-5 text-center theme-inline-muted">
                    {{ __('messages.no_data') }}
                </div>
            @endforelse
        </div>

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