@php
    /** @var \Illuminate\Support\Collection $items */
    $isSuperAdmin = auth()->user()?->is_super_admin;
@endphp
<x-admin-layout title="Corbeille">
    <a href="{{ route('admin.media.index') }}" class="text-sm text-ink-500 hover:text-congo-800">&larr; Retour à la médiathèque</a>
    <h1 class="h-display mt-2 text-2xl font-semibold text-ink-900">Corbeille</h1>
    <p class="mt-1 text-sm text-ink-500">
        Les images ici conservent leur fichier original et leurs variantes. Elles sont conservées au
        moins 30 jours avant toute purge (aucune purge automatique n'est activée pour le moment).
    </p>

    <form method="GET" class="mt-4 flex gap-3">
        <input type="search" name="q" value="{{ request('q') }}" placeholder="Rechercher un fichier..." class="rounded-lg border border-ink-900/15 px-3 py-2 text-sm">
        <button type="submit" class="btn-secondary !px-4 !py-2 text-xs">Filtrer</button>
    </form>

    <div class="mt-6 overflow-x-auto rounded-xl border border-ink-900/10 bg-white">
        <table class="w-full min-w-[800px] text-left text-sm">
            <thead class="border-b border-ink-900/10 text-xs uppercase tracking-wide text-ink-400">
                <tr>
                    <th class="p-3">Aperçu</th>
                    <th class="p-3">Fichier</th>
                    <th class="p-3">Motif</th>
                    <th class="p-3">Supprimée par</th>
                    <th class="p-3">Date</th>
                    <th class="p-3"></th>
                </tr>
            </thead>
            <tbody class="divide-y divide-ink-900/5">
                @forelse ($items as $item)
                    <tr>
                        <td class="p-3">
                            <div class="h-12 w-12 overflow-hidden rounded-lg bg-ink-900/5">
                                @if (file_exists($item->variantPath('thumb', 'jpg')))
                                    <img src="{{ $item->variant('thumb', 'jpg') }}" class="h-full w-full object-cover" alt="">
                                @endif
                            </div>
                        </td>
                        <td class="p-3">
                            <p class="font-medium text-ink-800">{{ $item->title ?: $item->original_file }}</p>
                            <p class="text-xs text-ink-400">{{ $item->manifest_id }}</p>
                        </td>
                        <td class="p-3 text-ink-600">{{ $item->deletion_reason ?: '—' }}</td>
                        <td class="p-3 text-ink-600">{{ $item->deletedBy?->name ?? '—' }}</td>
                        <td class="p-3 text-ink-500">{{ $item->deleted_at?->format('d/m/Y H:i') }}</td>
                        <td class="p-3 text-right">
                            <form method="POST" action="{{ route('admin.media.trash.restore', $item->manifest_id) }}" class="inline">
                                @csrf
                                <button type="submit" class="text-xs font-semibold text-congo-800 hover:underline">Restaurer</button>
                            </form>
                            @if ($isSuperAdmin)
                                <button type="button" class="ml-3 text-xs font-semibold text-accent-red-dark hover:underline" onclick="document.getElementById('force-delete-{{ $item->manifest_id }}').showModal()">Supprimer définitivement</button>
                                <dialog id="force-delete-{{ $item->manifest_id }}" class="rounded-2xl p-0 backdrop:bg-ink-900/60">
                                    <form method="POST" action="{{ route('admin.media.trash.force-delete', $item->manifest_id) }}" class="w-[420px] max-w-full space-y-4 p-6">
                                        @csrf @method('DELETE')
                                        <p class="h-display text-lg font-semibold text-accent-red-dark">Suppression définitive</p>
                                        <p class="text-sm text-ink-600">Cette action supprimera la ligne en base et toutes les variantes générées pour <strong>{{ $item->original_file }}</strong>. Cette action est irréversible.</p>
                                        @if ($item->isUsed())
                                            <div class="rounded-lg bg-accent-red/10 p-3 text-xs text-accent-red-dark">
                                                Cette image est encore référencée ailleurs sur le site.
                                                <label class="mt-2 flex items-center gap-2"><input type="checkbox" name="detach_dependencies" value="1"> Retirer toutes les associations et continuer</label>
                                            </div>
                                        @endif
                                        <label class="flex items-center gap-2 text-sm">
                                            <input type="checkbox" name="delete_original" value="1"> Supprimer aussi le fichier original (irréversible)
                                        </label>
                                        <div>
                                            <label class="block text-xs font-medium text-ink-500">Tapez SUPPRIMER pour confirmer</label>
                                            <input type="text" name="confirmation" required class="mt-1 w-full rounded-lg border border-ink-900/15 px-3 py-2 text-sm">
                                        </div>
                                        <div class="flex justify-end gap-3">
                                            <button type="button" onclick="this.closest('dialog').close()" class="btn-secondary !px-4 !py-2 text-xs">Annuler</button>
                                            <button type="submit" class="rounded-full bg-accent-red-dark px-4 py-2 text-xs font-semibold text-paper">Supprimer définitivement</button>
                                        </div>
                                    </form>
                                </dialog>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="p-6 text-center text-ink-400">La corbeille est vide.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-6">{{ $items->links() }}</div>
</x-admin-layout>