@extends('layouts.app')
@section('title','GED')
@section('heading','GED — Gestion documentaire')
@section('content')
<div class="grid lg:grid-cols-4 gap-6">
    <div class="space-y-6">
        <x-card title="Importer">
            <form method="POST" action="{{ route('documents.store') }}" enctype="multipart/form-data" class="space-y-2">@csrf
                <input type="file" name="file" required class="block w-full text-sm text-slate-500 cursor-pointer file:mr-4 file:cursor-pointer file:rounded-full file:border-0 file:bg-brand-50 file:px-4 file:py-2.5 file:text-sm file:font-semibold file:text-brand-700 hover:file:bg-brand-100 file:transition">
                <input name="category" placeholder="Catégorie" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                <input name="tags" placeholder="Tags (séparés par ,)" class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm">
                <x-btn type="submit" class="w-full justify-center">📤 Importer</x-btn>
            </form>
            <p class="text-xs text-slate-400 mt-2">OCR & indexation plein texte automatiques.</p>
        </x-card>
        <x-card title="Catégories">
            <a href="{{ route('documents.index') }}" class="block py-1 text-sm {{ !request('category')?'text-brand-600 font-medium':'text-slate-600' }}">Toutes</a>
            @foreach($categories as $c)<a href="{{ route('documents.index',['category'=>$c]) }}" class="block py-1 text-sm {{ request('category')==$c?'text-brand-600 font-medium':'text-slate-600' }}">{{ $c }}</a>@endforeach
        </x-card>
    </div>
    <div class="lg:col-span-3">
        <form method="GET" class="mb-4 flex gap-2"><input name="q" value="{{ request('q') }}" placeholder="Recherche plein texte (OCR)…" class="flex-1 rounded-lg border border-slate-300 px-3 py-2 text-sm"><x-btn type="submit" variant="secondary">Rechercher</x-btn></form>
        <div class="grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4">
            @forelse($documents as $d)
                <x-card>
                    <div class="text-3xl mb-2">{{ str_contains($d->mime,'pdf')?'📕':(str_contains($d->mime,'image')?'🖼️':(str_contains($d->mime,'sheet')?'📊':'📄')) }}</div>
                    <div class="font-medium text-sm truncate" title="{{ $d->name }}">{{ $d->name }}</div>
                    <div class="text-xs text-slate-400">{{ $d->category }} · v{{ $d->version }} · {{ number_format($d->size/1024,0,',',' ') }} Ko</div>
                    @if($d->tags)<div class="flex flex-wrap gap-1 mt-1">@foreach($d->tags as $t)<span class="text-[10px] bg-slate-100 px-1.5 rounded">{{ $t }}</span>@endforeach</div>@endif
                    <div class="flex gap-2 mt-2 text-xs">
                        <a href="{{ route('documents.download',$d) }}" class="text-brand-600 hover:underline">⬇ Télécharger</a>
                        <form method="POST" action="{{ route('documents.destroy',$d) }}" onsubmit="return confirm('Supprimer ?')">@csrf @method('DELETE')<button class="text-rose-500 hover:underline">Suppr.</button></form>
                    </div>
                </x-card>
            @empty <div class="col-span-4"><x-empty message="Aucun document" icon="🗂️" /></div> @endforelse
        </div>
        <div class="mt-4">{{ $documents->links() }}</div>
    </div>
</div>
@endsection