@extends('layouts.exat')
@section('title', "Demandes d'avance")
@section('subtitle', $stats['total'].' demandes')

@section('actions')
    <a href="{{ route('demandes.create') }}"
       class="inline-flex h-9 items-center gap-2 rounded-lg bg-emerald-600 px-3 text-sm font-medium text-white hover:bg-emerald-700">
        <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg>
        Nouvelle demande
    </a>
@endsection

@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">
    {{-- Tuiles --}}
    <div class="mb-4 grid grid-cols-2 gap-3 lg:grid-cols-4">
        <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
            <div class="text-xs text-slate-500">Total</div>
            <div class="text-2xl font-medium text-slate-900">{{ number_format($stats['total'], 0, ',', ' ') }}</div>
        </div>
        <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
            <div class="text-xs text-slate-500">En attente</div>
            <div class="text-2xl font-medium text-amber-600">{{ number_format($stats['en_attente'], 0, ',', ' ') }}</div>
        </div>
        <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
            <div class="text-xs text-slate-500">Validées</div>
            <div class="text-2xl font-medium text-emerald-600">{{ number_format($stats['validees'], 0, ',', ' ') }}</div>
        </div>
        <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
            <div class="text-xs text-slate-500">Montant total</div>
            <div class="text-2xl font-medium text-slate-900">{{ number_format($stats['montant'], 0, ',', ' ') }}<span class="ml-1 text-sm text-slate-400">FCFA</span></div>
        </div>
    </div>

    {{-- Filtres --}}
    <form method="GET" class="flex flex-wrap items-end gap-2 rounded-xl bg-white p-3 ring-1 ring-slate-200">
        @include('partials._filtre-date')
        <div>
            <label class="mb-1 block text-[11px] text-slate-400">Statut</label>
            <select name="statut" class="h-9 rounded-lg border-slate-200 text-sm">
                <option value="">Tous</option>
                @foreach(\App\Models\DemandePret::STATUTS as $s)
                    <option value="{{ $s }}" @selected(request('statut') === $s)>{{ ucfirst(strtolower(str_replace('_', ' ', $s))) }}</option>
                @endforeach
            </select>
        </div>
        <div class="min-w-[180px] 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érence, planteur ou code" class="h-9 w-full rounded-lg border-slate-200 text-sm">
        </div>
        <button class="inline-flex h-9 items-center gap-2 rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">
            <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="M3.75 3h16.5v2.66a1.5 1.5 0 0 1-.44 1.06l-5.62 5.62a1.5 1.5 0 0 0-.44 1.06v4.19l-3.75 2.25v-6.44a1.5 1.5 0 0 0-.44-1.06L4.19 6.72a1.5 1.5 0 0 1-.44-1.06Z"/></svg>
            Filtrer
        </button>
        @if(request()->hasAny(['periode', 'date', 'date_debut', 'date_fin', 'semaine', 'mois', 'annee', 'statut', 'q']))
            <a href="{{ route('demandes.index') }}" class="inline-flex h-9 items-center rounded-lg 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.demandes', 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.demandes', 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>

    {{-- Tableau --}}
    </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' => 'reference', 'label' => 'Réf. Int / Ext'])
                        @include('partials.th-tri', ['col' => 'date', 'label' => 'Date'])
                        @include('partials.th-tri', ['col' => 'planteur', 'label' => 'Planteur'])
                        @include('partials.th-tri', ['col' => 'objet', 'label' => 'Objet'])
                        @include('partials.th-tri', ['col' => 'montant', 'label' => 'Montant', 'align' => 'right'])
                        @include('partials.th-tri', ['col' => 'mois', 'label' => 'Mois', 'align' => 'center'])
                        @include('partials.th-tri', ['col' => 'statut', 'label' => 'Statut'])
                        @include('partials.th-tri', ['col' => 'createur', 'label' => 'Créée par'])
                        <th class="px-4 py-3"></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($demandes as $d)
                        <tr class="border-t border-slate-100 hover:bg-slate-50/60">
                            <td class="whitespace-nowrap px-4 py-3"><div class="font-medium tabular-nums text-slate-800">{{ $d->reference }}</div>@if($d->numero_pret)<div class="text-[11px] text-slate-400">{{ $d->numero_pret }}</div>@endif</td>
                            <td class="whitespace-nowrap px-4 py-3 text-slate-500">{{ $d->created_at?->format('d/m/Y') }}</td>
                            <td class="px-4 py-3">
                                <div class="text-slate-800">{{ $d->planteur->nom ?? '—' }}</div>
                                <div class="text-[11px] text-slate-400">{{ $d->planteur->code ?? '' }}</div>
                            </td>
                            <td class="px-4 py-3 text-slate-600">{{ $d->objet ?? '—' }}</td>
                            <td class="whitespace-nowrap px-4 py-3 text-right tabular-nums text-slate-800">{{ number_format((float) $d->montant, 0, ',', ' ') }}</td>
                            <td class="px-4 py-3 text-center tabular-nums text-slate-600">{{ $d->duree_mois ?? '—' }}</td>
                            <td class="px-4 py-3"><x-statut-badge :statut="$d->statut" /></td>
                            <td class="whitespace-nowrap px-4 py-3 text-slate-600">{{ $d->createur?->name ?? '—' }}</td>
                            <td class="whitespace-nowrap px-4 py-3 text-right text-slate-400">
                                <a href="{{ route('demandes.show', $d) }}" class="inline-block p-1 hover:text-slate-700" title="Voir">
                                    <svg class="h-[18px] w-[18px]" fill="none" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.01 1.01 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></svg>
                                </a>
                                @if($d->peutEtreModifieePar(auth()->user()))
                                    <a href="{{ route('demandes.edit', $d) }}" class="inline-block p-1 hover:text-slate-700" title="Modifier">
                                        <svg class="h-[18px] w-[18px]" fill="none" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897z"/></svg>
                                    </a>
                                @endif
                                @role('SUPERADMIN')
                                    <form method="POST" action="{{ route('demandes.purge', $d) }}" class="inline"
                                          onsubmit="return confirm('SUPPRESSION DÉFINITIVE de la demande {{ $d->reference }} et de TOUT ce qui lui est lié (validations, contrat, remboursements, échéancier, notifications…). Cette action est irréversible. Confirmer ?')">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="inline-block p-1 text-red-500 hover:text-red-700" title="Supprimer définitivement (dev)">
                                            <svg class="h-[18px] w-[18px]" fill="none" viewBox="0 0 24 24" stroke-width="1.6" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.1 48.1 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.1 48.1 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"/></svg>
                                        </button>
                                    </form>
                                @endrole
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="px-4 py-12 text-center text-slate-400">
                                <p class="text-sm">Aucune demande pour ces critères.</p>
                                <a href="{{ route('demandes.create') }}" class="mt-2 inline-block text-sm font-medium text-emerald-600 hover:text-emerald-700">Créer une demande</a>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if($demandes->total() > 0)
            <div class="border-t border-slate-100 px-4 py-3">
                @include('partials.pagination', ['paginator' => $demandes])
            </div>
        @endif
    </div>
@endsection