@extends('layouts.exat')
@section('title', 'Contrats')
@section('subtitle', $contrats->total().' contrat(s)')

@section('content')
<div class="sm:sticky sm:top-16 sm:z-20 -mx-4 border-b border-slate-200 bg-slate-50/95 px-4 pb-3 pt-4 backdrop-blur sm:-mx-6 sm:px-6">

    <form method="GET" class="flex flex-wrap items-end gap-2 rounded-xl bg-white p-3 ring-1 ring-slate-200">
        <div>
            <label class="mb-1 block text-[11px] text-slate-400">Signature</label>
            <select name="signature" class="h-9 rounded-lg border-slate-200 text-sm">
                <option value="">Toutes</option>
                <option value="signe" @selected(request('signature')==='signe')>Signé</option>
                <option value="non" @selected(request('signature')==='non')>Non signé</option>
            </select>
        </div>
        <div class="min-w-[220px] flex-1">
            <label class="mb-1 block text-[11px] text-slate-400">Recherche</label>
            <input type="text" name="q" value="{{ request('q') }}" placeholder="Réf. int/ext, planteur, n° contrat" class="h-9 w-full rounded-lg border-slate-200 text-sm">
        </div>
        @include('partials._filtre-date')
        <button class="inline-flex h-9 items-center rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">Filtrer</button>
        @if(request()->hasAny(['periode', 'date', 'date_debut', 'date_fin', 'semaine', 'mois', 'annee']))
            <a href="{{ route('contrats.index') }}" class="inline-flex h-9 items-center px-2 text-sm text-slate-500 hover:text-slate-700">Réinitialiser</a>
        @endif
                    <div class="ml-auto flex items-end gap-2">
                    <a href="{{ route('export.contrats', array_merge(['format' => 'xlsx'], request()->query())) }}" title="Exporter en Excel"
                       class="inline-flex h-9 items-center gap-1.5 rounded-lg border border-emerald-200 bg-emerald-50 px-3 text-sm font-medium text-emerald-700 hover:bg-emerald-100">
                        <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/></svg>Excel
                    </a>
                    <a href="{{ route('export.contrats', array_merge(['format' => 'pdf'], request()->query())) }}" title="Exporter en PDF"
                       class="inline-flex h-9 items-center gap-1.5 rounded-lg border border-red-200 bg-red-50 px-3 text-sm font-medium text-red-700 hover:bg-red-100">
                        <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="1.7" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/></svg>PDF
                    </a>
                </div>
            </form>

</div>

    <div class="mt-3 overflow-hidden rounded-xl bg-white ring-1 ring-slate-200">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead>
                <tr class="bg-slate-50 text-left text-xs text-slate-500">
                    @include('partials.th-tri', ['col' => 'numero', 'label' => 'Numéro'])
                    @include('partials.th-tri', ['col' => 'demande', 'label' => 'Demande'])
                    @include('partials.th-tri', ['col' => 'planteur', 'label' => 'Planteur'])
                    @include('partials.th-tri', ['col' => 'code', 'label' => 'Code planteur'])
                    @include('partials.th-tri', ['col' => 'montant', 'label' => 'Montant du prêt', 'align' => 'right'])
                    @include('partials.th-tri', ['col' => 'genere', 'label' => 'Généré le'])
                    @include('partials.th-tri', ['col' => 'signature', 'label' => 'Signature'])
                    <th class="px-4 py-3 text-right font-medium">Documents</th>
                </tr>
            </thead>
            <tbody>
                @forelse($contrats as $c)
                    <tr class="border-t border-slate-100 hover:bg-slate-50/60">
                        <td class="px-4 py-3 font-medium tabular-nums text-slate-800">{{ $c->numero }}</td>
                        <td class="px-4 py-3">
                            <a href="{{ route('demandes.show', $c->demande_id) }}" class="text-emerald-600 hover:text-emerald-700">{{ $c->demande->reference ?? '—' }}</a>@if($c->demande?->numero_pret)<div class="text-[11px] text-slate-400">{{ $c->demande->numero_pret }}</div>@endif
                        </td>
                        <td class="px-4 py-3 text-slate-700">{{ $c->demande->planteur->nom ?? '—' }}</td>
                        <td class="px-4 py-3 text-slate-500">{{ $c->demande->planteur->code ?? '—' }}</td>
                        <td class="px-4 py-3 text-right tabular-nums text-slate-800">{{ $c->demande ? number_format((float) $c->demande->montant, 0, ',', ' ').' FCFA' : '—' }}</td>
                        <td class="px-4 py-3 text-slate-500">{{ $c->date_generation?->format('d/m/Y à H:i') }}</td>
                        <td class="px-4 py-3">
                            @if($c->date_signature)
                                <span class="inline-flex items-center gap-1 rounded-full bg-emerald-50 px-2 py-0.5 text-[11px] font-medium text-emerald-700">Signé le {{ $c->date_signature->format('d/m/Y') }}</span>
                            @else
                                <span class="inline-flex items-center rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700">Non signé</span>
                            @endif
                        </td>
                        <td class="whitespace-nowrap px-4 py-3 text-right">
                            <a href="{{ route('contrats.word', $c) }}" class="inline-flex items-center gap-1 rounded-lg border border-slate-200 px-2.5 py-1 text-xs text-slate-700 hover:bg-slate-50">Word</a>
                            <a href="{{ route('contrats.pdf', $c) }}" class="ml-1 inline-flex items-center gap-1 rounded-lg border border-slate-200 px-2.5 py-1 text-xs text-slate-700 hover:bg-slate-50">PDF</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="px-4 py-12 text-center text-sm text-slate-400">Aucun contrat généré. Les contrats se créent depuis une demande validée.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($contrats->total() > 0)
        <div class="border-t border-slate-100 px-4 py-3">
            @include('partials.pagination', ['paginator' => $contrats])
        </div>
    @endif
</div>
@endsection