@extends('layouts.app')
@section('title', __('Submissions inbox'))
@section('content')
@php
    $activeStatus = request('status');
    $statusLabels = [
        \App\Models\FileSubmission::STATUS_RECEIVED         => __('Received'),
        \App\Models\FileSubmission::STATUS_SEEN             => __('Seen'),
        \App\Models\FileSubmission::STATUS_ANALYSING        => __('Analysing'),
        \App\Models\FileSubmission::STATUS_READY            => __('Ready'),
        \App\Models\FileSubmission::STATUS_SENT             => __('Sent'),
        \App\Models\FileSubmission::STATUS_OPENED           => __('Opened'),
        \App\Models\FileSubmission::STATUS_EVALUATED_GOOD   => __('Approved'),
        \App\Models\FileSubmission::STATUS_EVALUATED_BAD    => __('Rejected'),
        \App\Models\FileSubmission::STATUS_EVALUATED_UPDATE => __('Update requested'),
        \App\Models\FileSubmission::STATUS_FAILED           => __('Failed'),
    ];
    $statusChips = collect(\App\Models\FileSubmission::STATUSES)
        ->map(fn ($s) => [
            'value' => $s,
            'label' => $statusLabels[$s] ?? ucfirst(str_replace('_', ' ', $s)),
            'count' => $countsByStatus[$s] ?? 0,
        ])->values();
    $totalAll = array_sum($countsByStatus);
@endphp

<div class="mb-4 sm:mb-6 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
    <div>
        <h1 class="text-xl sm:text-2xl font-semibold">{{ __('Submissions inbox') }}</h1>
        <p class="text-sm text-slate-500">{{ __('Files uploaded by your clients, ready for analysis.') }}</p>
    </div>
    <div class="flex items-center gap-3">
        <a href="{{ route('tenant.submissions.archived') }}"
           class="text-xs inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-slate-200 dark:border-slate-700 text-slate-600 dark:text-slate-300 hover:border-slate-400">
            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"/></svg>
            {{ __('View archived') }}
            @if(($archivedCount ?? 0) > 0)
                <span class="px-1.5 py-0.5 rounded-full text-[10px] bg-slate-100 dark:bg-slate-800">{{ $archivedCount }}</span>
            @endif
        </a>
        <div class="text-xs text-slate-500">
            {{ trans_choice('{0} No submissions yet|{1} :count submission|[2,*] :count submissions', $submissions->total(), ['count' => $submissions->total()]) }}
        </div>
    </div>
</div>

{{-- Status chip rail --}}
<div class="mb-4 -mx-2 px-2 overflow-x-auto">
    <div class="flex items-center gap-2 min-w-max pb-1">
        <a href="{{ route('tenant.submissions.index') }}"
           class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-medium border transition
                  {{ !$activeStatus ? 'bg-slate-900 text-white border-slate-900 dark:bg-white dark:text-slate-900 dark:border-white' : 'bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-800 text-slate-600 dark:text-slate-300 hover:border-slate-400' }}">
            {{ __('All') }}
            <span class="px-1.5 py-0.5 rounded-full text-[10px] {{ !$activeStatus ? 'bg-white/20' : 'bg-slate-100 dark:bg-slate-800' }}">{{ $totalAll }}</span>
        </a>
        @foreach($statusChips as $chip)
            <a href="{{ route('tenant.submissions.index', array_filter(array_merge(request()->query(), ['status' => $chip['value'], 'page' => null]))) }}"
               class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-xs font-medium border transition
                      {{ $activeStatus === $chip['value'] ? 'bg-slate-900 text-white border-slate-900 dark:bg-white dark:text-slate-900 dark:border-white' : 'bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-800 text-slate-600 dark:text-slate-300 hover:border-slate-400' }}">
                {{ $chip['label'] }}
                <span class="px-1.5 py-0.5 rounded-full text-[10px] {{ $activeStatus === $chip['value'] ? 'bg-white/20' : 'bg-slate-100 dark:bg-slate-800' }}">{{ $chip['count'] }}</span>
            </a>
        @endforeach
    </div>
</div>

<div class="card overflow-hidden" x-data="{ adv: {{ request()->hasAny(['extension','uploader_id','evaluation','analysis_type','from','to','has_analysis','sort']) ? 'true' : 'false' }} }">
    <form method="GET" class="px-4 sm:px-6 py-3 border-b border-slate-200/70 dark:border-slate-800 space-y-3">
        @if(request('status'))
            <input type="hidden" name="status" value="{{ request('status') }}">
        @endif

        <div class="flex flex-col sm:flex-row gap-2 sm:items-center">
            <div class="relative flex-1">
                <svg class="absolute start-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-4.35-4.35M11 19a8 8 0 100-16 8 8 0 000 16z"/></svg>
                <input name="q" value="{{ request('q') }}" class="form-input w-full ps-9"
                       placeholder="{{ __('Search title, filename, note, client name or email…') }}">
            </div>
            <div class="flex items-center gap-2 flex-wrap">
                <button class="btn-primary text-sm">{{ __('Search') }}</button>
                <button type="button" x-on:click="adv = !adv"
                        class="btn-secondary text-sm inline-flex items-center gap-1">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4h18M6 12h12M10 20h4"/></svg>
                    <span x-show="!adv">{{ __('More filters') }}</span>
                    <span x-show="adv">{{ __('Hide filters') }}</span>
                </button>
                @if(request()->query())
                    <a href="{{ route('tenant.submissions.index') }}" class="text-xs text-slate-500 hover:text-rose-600">{{ __('Clear all') }}</a>
                @endif
            </div>
        </div>

        <div x-show="adv" x-cloak class="grid sm:grid-cols-2 lg:grid-cols-4 gap-3 pt-1">
            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('File type') }}</label>
                <select name="extension" class="form-input w-full mt-1 text-sm">
                    <option value="">{{ __('Any') }}</option>
                    @foreach($extensions as $ext)
                        <option value="{{ $ext }}" @selected(request('extension') === $ext)>.{{ $ext }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('Client') }}</label>
                <select name="uploader_id" class="form-input w-full mt-1 text-sm">
                    <option value="">{{ __('Anyone') }}</option>
                    @foreach($uploaders as $u)
                        <option value="{{ $u->id }}" @selected((int)request('uploader_id') === $u->id)>{{ $u->name }} — {{ $u->email }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('Analysis type') }}</label>
                <select name="analysis_type" class="form-input w-full mt-1 text-sm">
                    <option value="">{{ __('Any') }}</option>
                    @foreach($types as $key => $type)
                        <option value="{{ $key }}" @selected(request('analysis_type') === $key)>{{ __($type['label']) }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('Has analysis') }}</label>
                <select name="has_analysis" class="form-input w-full mt-1 text-sm">
                    <option value="">{{ __('Any') }}</option>
                    <option value="yes" @selected(request('has_analysis') === 'yes')>{{ __('With analysis') }}</option>
                    <option value="no"  @selected(request('has_analysis') === 'no')>{{ __('Without analysis') }}</option>
                </select>
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('Client evaluation') }}</label>
                <select name="evaluation" class="form-input w-full mt-1 text-sm">
                    <option value="">{{ __('Any') }}</option>
                    <option value="good" @selected(request('evaluation') === 'good')>{{ __('Approved') }}</option>
                    <option value="needs_update" @selected(request('evaluation') === 'needs_update')>{{ __('Update requested') }}</option>
                    <option value="bad" @selected(request('evaluation') === 'bad')>{{ __('Rejected') }}</option>
                </select>
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('From') }}</label>
                <input type="date" name="from" value="{{ request('from') }}" class="form-input w-full mt-1 text-sm">
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('To') }}</label>
                <input type="date" name="to" value="{{ request('to') }}" class="form-input w-full mt-1 text-sm">
            </div>

            <div>
                <label class="text-[11px] uppercase tracking-wide text-slate-500">{{ __('Sort by') }}</label>
                <select name="sort" class="form-input w-full mt-1 text-sm">
                    <option value="recent" @selected(request('sort') === 'recent' || !request('sort'))>{{ __('Most recent') }}</option>
                    <option value="oldest" @selected(request('sort') === 'oldest')>{{ __('Oldest first') }}</option>
                    <option value="name"   @selected(request('sort') === 'name')>{{ __('Title (A→Z)') }}</option>
                    <option value="size_desc" @selected(request('sort') === 'size_desc')>{{ __('Largest first') }}</option>
                    <option value="size_asc"  @selected(request('sort') === 'size_asc')>{{ __('Smallest first') }}</option>
                </select>
            </div>
        </div>
    </form>

    {{-- Active filter pills --}}
    @php
        $activeFilters = collect([
            'q' => request('q') ? __('Search').': "'.request('q').'"' : null,
            'extension' => request('extension') ? __('Type').': .'.request('extension') : null,
            'uploader_id' => request('uploader_id') ? __('Client').': '.optional($uploaders->firstWhere('id', (int) request('uploader_id')))->name : null,
            'analysis_type' => request('analysis_type') ? __('Analysis').': '.(isset($types[request('analysis_type')]) ? __($types[request('analysis_type')]['label']) : request('analysis_type')) : null,
            'has_analysis' => request('has_analysis') ? __('Has analysis').': '.request('has_analysis') : null,
            'evaluation' => request('evaluation') ? __('Eval').': '.request('evaluation') : null,
            'from' => request('from') ? __('From').' '.request('from') : null,
            'to' => request('to') ? __('To').' '.request('to') : null,
        ])->filter();
    @endphp
    @if($activeFilters->isNotEmpty())
        <div class="px-4 sm:px-6 py-2 border-b border-slate-200/70 dark:border-slate-800 flex flex-wrap gap-2">
            @foreach($activeFilters as $k => $label)
                <a href="{{ route('tenant.submissions.index', array_filter(array_merge(request()->query(), [$k => null, 'page' => null]))) }}"
                   class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-200 hover:bg-rose-100 hover:text-rose-700 transition">
                    {{ $label }}
                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M6 18L18 6M6 6l12 12"/></svg>
                </a>
            @endforeach
        </div>
    @endif

    <form method="POST" action="{{ route('tenant.submissions.archive') }}"
          x-data="{
              ids: [],
              all: false,
              pageIds: @js($submissions->pluck('id')->all()),
              toggleAll(v){ this.all = v; this.ids = v ? [...this.pageIds] : []; },
              syncAll(){ this.all = this.pageIds.length && this.ids.length === this.pageIds.length; }
          }">
        @csrf

        {{-- Bulk action bar --}}
        <div x-show="ids.length" x-cloak
             class="px-4 sm:px-6 py-2.5 border-b border-slate-200/70 dark:border-slate-800 bg-brand-50/60 dark:bg-brand-900/20 flex items-center justify-between gap-3 flex-wrap">
            <div class="text-xs font-medium text-slate-700 dark:text-slate-200 flex items-center gap-2">
                <span x-text="ids.length"></span>
                <span>{{ __('selected') }}</span>
                <button type="button" x-on:click="ids = []; all = false" class="text-slate-500 hover:text-rose-600">{{ __('Clear selection') }}</button>
            </div>
            <button type="submit" class="btn-primary !bg-slate-700 hover:!bg-slate-800 text-xs inline-flex items-center gap-1.5"
                    x-on:click="if(!confirm({{ json_encode(__('Archive selected submissions? They will no longer appear in the inbox but stay accessible from “View archived”.')) }})) { $event.preventDefault(); }">
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h14M5 8a2 2 0 110-4h14a2 2 0 110 4M5 8v10a2 2 0 002 2h10a2 2 0 002-2V8m-9 4h4"/></svg>
                {{ __('Archive selected') }}
            </button>
        </div>

        {{-- Mobile cards --}}
        <div class="sm:hidden divide-y divide-slate-100 dark:divide-slate-800">
            @forelse($submissions as $s)
                <div class="px-4 py-3 hover:bg-slate-50/60 dark:hover:bg-slate-800/40 flex gap-3">
                    <input type="checkbox" name="ids[]" value="{{ $s->id }}" x-model.number="ids" x-on:change="syncAll()" class="mt-1 accent-brand-600 w-4 h-4 shrink-0">
                    <a href="{{ route('tenant.submissions.show', $s) }}" class="block min-w-0 flex-1">
                        <div class="flex items-start justify-between gap-2">
                            <div class="min-w-0">
                                <div class="font-medium truncate">{{ $s->title }}</div>
                                <div class="text-xs text-slate-500 font-mono truncate">{{ $s->original_name }}</div>
                            </div>
                            <span class="shrink-0 inline-flex px-2 py-0.5 rounded-full text-[10px] font-medium {{ $s->statusBadgeClass() }}">{{ $s->statusLabel() }}</span>
                        </div>
                        <div class="mt-2 flex items-center justify-between text-xs text-slate-500">
                            <span class="truncate">{{ optional($s->uploader)->name }}</span>
                            <span>{{ $s->created_at?->diffForHumans() }}</span>
                        </div>
                        @if($s->latestAnalysis)
                            <div class="mt-1 text-[11px] text-slate-400">{{ __($s->latestAnalysis->typeLabel()) }}</div>
                        @endif
                        @if(!empty($s->requested_analysis_types))
                            <div class="mt-1.5 flex flex-wrap gap-1">
                                @foreach(array_slice($s->requested_analysis_types, 0, 3) as $rt)
                                    <span class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] bg-brand-50 dark:bg-brand-900/30 text-brand-700 dark:text-brand-200">{{ isset($types[$rt]) ? __($types[$rt]['label']) : $rt }}</span>
                                @endforeach
                                @if(count($s->requested_analysis_types) > 3)
                                    <span class="text-[10px] text-slate-400">+{{ count($s->requested_analysis_types) - 3 }}</span>
                                @endif
                            </div>
                        @endif
                    </a>
                </div>
            @empty
                <div class="px-6 py-12 text-center text-slate-500">{{ __('No submissions match your filters.') }}</div>
            @endforelse
        </div>

        {{-- Desktop table --}}
        <div class="hidden sm:block overflow-x-auto">
            <table class="w-full text-sm">
                <thead class="bg-slate-50 dark:bg-slate-900/60 text-xs uppercase text-slate-500">
                    <tr>
                        <th class="px-4 py-3 w-10">
                            <input type="checkbox" :checked="all" x-on:change="toggleAll($event.target.checked)" class="accent-brand-600 w-4 h-4" aria-label="{{ __('Select all') }}">
                        </th>
                        <th class="text-left px-6 py-3">{{ __('Submission') }}</th>
                        <th class="text-left px-6 py-3">{{ __('Client') }}</th>
                        <th class="text-left px-6 py-3">{{ __('Status') }}</th>
                        <th class="text-left px-6 py-3">{{ __('Latest analysis') }}</th>
                        <th class="text-left px-6 py-3">{{ __('Received') }}</th>
                        <th class="text-right px-6 py-3"></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
                @forelse($submissions as $s)
                    <tr class="hover:bg-slate-50/60 dark:hover:bg-slate-800/40">
                        <td class="px-4 py-3">
                            <input type="checkbox" name="ids[]" value="{{ $s->id }}" x-model.number="ids" x-on:change="syncAll()" class="accent-brand-600 w-4 h-4">
                        </td>
                        <td class="px-6 py-3">
                            <div class="font-medium">{{ $s->title }}</div>
                            <div class="text-xs text-slate-500 font-mono truncate max-w-[16rem]">{{ $s->original_name }}</div>
                            @if(!empty($s->requested_analysis_types))
                                <div class="mt-1 flex flex-wrap gap-1">
                                    @foreach(array_slice($s->requested_analysis_types, 0, 3) as $rt)
                                        <span class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] bg-brand-50 dark:bg-brand-900/30 text-brand-700 dark:text-brand-200">{{ isset($types[$rt]) ? __($types[$rt]['label']) : $rt }}</span>
                                    @endforeach
                                    @if(count($s->requested_analysis_types) > 3)
                                        <span class="text-[10px] text-slate-400">+{{ count($s->requested_analysis_types) - 3 }}</span>
                                    @endif
                                </div>
                            @endif
                        </td>
                        <td class="px-6 py-3">
                            <div class="text-sm">{{ optional($s->uploader)->name }}</div>
                            <div class="text-xs text-slate-500">{{ optional($s->uploader)->email }}</div>
                        </td>
                        <td class="px-6 py-3">
                            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium {{ $s->statusBadgeClass() }}">{{ $s->statusLabel() }}</span>
                        </td>
                        <td class="px-6 py-3 text-xs text-slate-500">
                            @if($s->latestAnalysis)
                                {{ __($s->latestAnalysis->typeLabel()) }}
                            @else
                                —
                            @endif
                        </td>
                        <td class="px-6 py-3 text-xs text-slate-500">{{ $s->created_at?->diffForHumans() }}</td>
                        <td class="px-6 py-3 text-right">
                            <a href="{{ route('tenant.submissions.show', $s) }}" class="btn-secondary text-xs">{{ __('Open') }}</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="px-6 py-12 text-center text-slate-500">{{ __('No submissions match your filters.') }}</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </form>
    <div class="px-4 sm:px-6 py-4">{{ $submissions->links() }}</div>
</div>
@endsection