@extends('layouts.exat')
@section('title', 'À décaisser')
@section('subtitle', $demandes->total().' avance(s) validée(s) en attente')

@section('content')
<div class="mb-4 grid gap-3 sm:grid-cols-2">
    <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
        <div class="text-[11px] text-slate-400">En attente de décaissement</div>
        <div class="mt-1 text-2xl font-semibold text-slate-900">{{ $demandes->total() }}</div>
    </div>
    <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
        <div class="text-[11px] text-slate-400">Montant total</div>
        <div class="mt-1 text-2xl font-semibold text-slate-900">{{ number_format($montantAttente, 0, ',', ' ') }} <span class="text-xs font-normal text-slate-400">FCFA</span></div>
    </div>
</div>

<form method="GET" class="mb-4 flex flex-wrap items-end gap-2 rounded-xl bg-white p-3 ring-1 ring-slate-200">
    @include('partials._filtre-date')
    <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é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 rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">Filtrer</button>
</form>

<div class="overflow-hidden rounded-xl bg-white ring-1 ring-slate-200">
    <table class="w-full text-sm">
        <thead><tr class="bg-slate-50 text-left text-xs text-slate-500">
            <th class="px-4 py-3 font-medium">Référence</th>
            <th class="px-4 py-3 font-medium">Planteur</th>
            <th class="px-4 py-3 font-medium">Objet</th>
            <th class="px-4 py-3 text-right font-medium">Montant</th>
            <th class="px-4 py-3 font-medium">Validée le</th>
            <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 font-medium tabular-nums text-slate-800">{{ $d->reference }}</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="whitespace-nowrap px-4 py-3 text-slate-500">{{ $d->date_decision ? \Illuminate\Support\Carbon::parse($d->date_decision)->format('d/m/Y') : '—' }}</td>
                    <td class="whitespace-nowrap px-4 py-3 text-right">
                        <div class="flex items-center justify-end gap-3">
                            <a href="{{ route('demandes.show', $d) }}" class="text-xs font-medium text-emerald-600 hover:text-emerald-700">Détail</a>
                            @if($peutDecaisser)
                                <form method="POST" action="{{ route('remboursements.decaisser', $d) }}" onsubmit="return confirm('Décaisser l\'avance {{ $d->reference }} et générer l\'échéancier ?')">
                                    @csrf
                                    <button class="inline-flex h-8 items-center rounded-lg bg-emerald-600 px-3 text-xs font-medium text-white hover:bg-emerald-700">Décaisser</button>
                                </form>
                            @endif
                        </div>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="px-4 py-12 text-center text-sm text-slate-400">Aucune avance validée en attente de décaissement.</td></tr>
            @endforelse
        </tbody>
    </table>
    @if($demandes->hasPages())<div class="border-t border-slate-100 px-4 py-3">{{ $demandes->links() }}</div>@endif
</div>
@if(!$peutDecaisser)
    <p class="mt-3 text-xs text-slate-400">Vous consultez cette liste en lecture seule. Le décaissement nécessite un accès en écriture au module « À décaisser ».</p>
@endif
@endsection