@extends('layouts.exat')
@section('title', 'Demande '.$demande->reference)
@section('subtitle', $demande->planteur->nom ?? '')

@section('actions')
    <div class="flex items-center gap-2">
        @if($demande->peutEtreModifieePar(auth()->user()))
            <a href="{{ route('demandes.edit', $demande) }}" 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">Modifier</a>
        @endif
        @if($demande->statut === 'EN_VALIDATION')
            <a href="{{ route('validation.index') }}" class="inline-flex h-9 items-center gap-2 rounded-lg border border-emerald-200 px-3 text-sm text-emerald-700 hover:bg-emerald-50">Traiter la validation</a>
        @endif
        @if($demande->statut === 'VALIDEE' && app(\App\Services\PermissionModuleService::class)->peut(auth()->user(), 'A_DECAISSER', 2))
            @if($demande->contrat && $demande->contrat->date_signature)
                <form method="POST" action="{{ route('remboursements.decaisser', $demande) }}" onsubmit="return confirm('Décaisser cette avance et générer l\'échéancier ?')">@csrf
                    <button 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">Décaisser</button>
                </form>
            @else
                <span class="inline-flex h-9 items-center gap-2 rounded-lg border border-amber-200 bg-amber-50 px-3 text-sm font-medium text-amber-700">{{ $demande->contrat ? 'Contrat non signé' : "Générez d'abord le contrat" }}</span>
            @endif
        @endif
        @if(in_array($demande->statut, ['DECAISSEE','EN_REMBOURSEMENT','EN_DEFAUT','SOLDEE']))
            <a href="{{ route('remboursements.show', $demande) }}" class="inline-flex h-9 items-center gap-2 rounded-lg border border-emerald-200 px-3 text-sm text-emerald-700 hover:bg-emerald-50">Suivi remboursement</a>
        @endif
        @if($demande->peutEtreAnnuleePar(auth()->user()))
            <form method="POST" action="{{ route('demandes.annuler', $demande) }}" onsubmit="return confirm('Annuler cette demande ?')">
                @csrf @method('PATCH')
                <button class="inline-flex h-9 items-center gap-2 rounded-lg border border-red-200 px-3 text-sm text-red-700 hover:bg-red-50">Annuler</button>
            </form>
        @endif
        @if($demande->peutEtreSupprimeePar(auth()->user()))
            <form method="POST" action="{{ route('demandes.destroy', $demande) }}" onsubmit="return confirm('Supprimer définitivement ce brouillon ?')">
                @csrf @method('DELETE')
                <button class="inline-flex h-9 items-center gap-2 rounded-lg border border-red-200 px-3 text-sm text-red-700 hover:bg-red-50">Supprimer</button>
            </form>
        @endif
    </div>
@endsection

@section('content')
<div class="mx-auto max-w-4xl space-y-5">
    <div class="mb-1 flex items-center gap-3">
        <a href="{{ route('demandes.index') }}" class="rounded-lg p-2 text-slate-500 hover:bg-slate-100" aria-label="Retour">
            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/></svg>
        </a>
        <span class="font-medium tabular-nums text-slate-800">{{ $demande->reference }}</span>
        @if($demande->numero_pret)<span class="rounded-full bg-slate-100 px-2 py-0.5 text-[11px] font-medium text-slate-500">Réf. Ext : {{ $demande->numero_pret }}</span>@endif
        <x-statut-badge :statut="$demande->statut" />
        @if(($demande->source ?? 'APPLICATION') === 'EXTERNE')
            <span class="rounded-full bg-sky-50 px-2 py-0.5 text-[11px] font-medium text-sky-700" title="Dossier importé depuis le référentiel externe">Importé</span>
        @endif
        @if($demande->statut === 'EN_VALIDATION' && $demande->etapeCourante)
            <span class="rounded-full bg-amber-50 px-2 py-0.5 text-[11px] font-medium text-amber-700">{{ $demande->circuit->libelle ?? 'Circuit —' }} · Étape : {{ $demande->etapeCourante->libelle }}</span>
        @endif
    </div>

    @if($demande->statut === 'EN_VALIDATION')
        @php
            $prochains = app(\App\Services\WorkflowService::class)->prochainsValidateurs($demande);
            $seq = ($demande->etapeCourante->mode ?? '') === 'SEQUENTIEL';
        @endphp
        @if(!empty($prochains))
            <p class="mt-1 text-xs text-slate-500">
                <span class="text-slate-400">{{ $seq ? 'Prochain approbateur' : 'Approbateurs' }} :</span>
                <span class="font-medium text-slate-600">{{ implode(', ', $prochains) }}</span>
            </p>
        @endif
    @endif

    <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
        <h2 class="mb-4 text-sm font-medium text-slate-900">Planteur</h2>
        <dl class="grid grid-cols-2 gap-x-6 gap-y-3 text-sm sm:grid-cols-3">
            @php $p = $demande->planteur; @endphp
            <div><dt class="text-[11px] text-slate-400">Nom</dt><dd class="text-slate-800">{{ $p->nom ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Code</dt><dd class="text-slate-800">{{ $p->code ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">N° CNI</dt><dd class="text-slate-800">{{ $p->numero_cni ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Date de naissance</dt><dd class="text-slate-800">{{ optional($p->date_naissance)->format('d/m/Y') ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Lieu de naissance</dt><dd class="text-slate-800">{{ $p->lieu_naissance ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Localité</dt><dd class="text-slate-800">{{ $p->localite ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Localisation plantation</dt><dd class="text-slate-800">{{ $p->localisation_plantation ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Superficie saignée</dt><dd class="text-slate-800">{{ $p->superficie_saignee_ha ? $p->superficie_saignee_ha.' ha' : '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">N° Tél principal</dt><dd class="text-slate-800">{{ $p->telephone_principal ?? $p->telephone ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">N° Tél secondaire</dt><dd class="text-slate-800">{{ $p->telephone_secondaire ?? '—' }}</dd></div>
        </dl>
    </section>

    <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
        <h2 class="mb-4 text-sm font-medium text-slate-900">Avance</h2>
        <dl class="grid grid-cols-2 gap-x-6 gap-y-3 text-sm sm:grid-cols-3">
            <div><dt class="text-[11px] text-slate-400">Montant demandé</dt><dd class="text-slate-800">{{ number_format((float) $demande->montant, 0, ',', ' ') }} FCFA</dd></div>
            <div><dt class="text-[11px] text-slate-400">Objet</dt><dd class="text-slate-800">{{ $demande->objet ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Mode de paiement</dt><dd class="text-slate-800">{{ $demande->mode_paiement ? ucfirst(strtolower($demande->mode_paiement)) : '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Usine de réception</dt><dd class="text-slate-800">{{ \App\Models\DemandePret::USINES_LIB[$demande->usine_reception] ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">N° Wave</dt><dd class="text-slate-800">{{ $demande->numero_wave ?? '—' }}</dd></div>
            <div><dt class="text-[11px] text-slate-400">Réf. Ext (acompte)</dt><dd class="text-slate-800">{{ $demande->numero_pret ?? '—' }}</dd></div>
            @if($demande->date_debut_prelevement)<div><dt class="text-[11px] text-slate-400">Début de prélèvement</dt><dd class="text-slate-800">{{ \Illuminate\Support\Carbon::parse($demande->date_debut_prelevement)->format('d/m/Y') }}</dd></div>@endif
            @if($demande->site_code)<div><dt class="text-[11px] text-slate-400">Site</dt><dd class="text-slate-800">{{ $demande->site_code }}</dd></div>@endif
            @if($demande->ref_paiement)<div><dt class="text-[11px] text-slate-400">Réf. paiement</dt><dd class="text-slate-800">{{ $demande->ref_paiement }}</dd></div>@endif
            <div><dt class="text-[11px] text-slate-400">Durée</dt><dd class="text-slate-800">{{ $demande->duree_mois }} mois</dd></div>
            <div><dt class="text-[11px] text-slate-400">Remboursement</dt><dd class="font-medium text-emerald-700">{{ $demande->remboursement_personnalise ? 'Personnalisé (par échéance)' : ($demande->remboursable_mensuel ? number_format($demande->remboursable_mensuel, 0, ',', ' ').' FCFA / mois' : '—') }}</dd></div>
            @if($demande->date_octroi)<div><dt class="text-[11px] text-slate-400">Date d'octroi</dt><dd class="text-slate-800">{{ \Illuminate\Support\Carbon::parse($demande->date_octroi)->format('d/m/Y') }}</dd></div>@endif
            @if($demande->date_echeance)<div><dt class="text-[11px] text-slate-400">Échéance</dt><dd class="text-slate-800">{{ \Illuminate\Support\Carbon::parse($demande->date_echeance)->format('d/m/Y') }}</dd></div>@endif
            <div><dt class="text-[11px] text-slate-400">Créée par</dt><dd class="text-slate-800">{{ $demande->createur?->name ?? '—' }}</dd></div>
            <div class="col-span-2 sm:col-span-3"><dt class="text-[11px] text-slate-400">Ponts bascules rattachés</dt>
                <dd class="mt-1 flex flex-wrap gap-1.5">
                    @forelse($demande->pontsBascules as $pb)
                        <span class="inline-flex items-center rounded-full bg-emerald-50 px-2.5 py-0.5 text-xs font-medium text-emerald-700">{{ $pb->nom }}@if($pb->localite) — {{ $pb->localite }}@endif</span>
                    @empty
                        <span class="text-slate-800">—</span>
                    @endforelse
                </dd>
            </div>
            <div class="col-span-2 sm:col-span-3"><dt class="text-[11px] text-slate-400">Commentaire</dt><dd class="text-slate-800">{{ $demande->commentaire ?? '—' }}</dd></div>
        </dl>
    </section>

    {{-- Échéancier prévu (remboursement personnalisé, avant décaissement) --}}
    @if($demande->remboursement_personnalise && !empty($demande->echeancier_json))
        <section class="rounded-xl bg-white ring-1 ring-slate-200">
            <h2 class="border-b border-slate-100 px-5 py-3 text-sm font-medium text-slate-900">Échéancier prévu (personnalisé)</h2>
            <table class="w-full text-sm">
                <thead><tr class="bg-slate-50 text-left text-xs text-slate-500">
                    <th class="px-5 py-2.5 font-medium">N°</th>
                    <th class="px-5 py-2.5 font-medium">Date d'échéance</th>
                    <th class="px-5 py-2.5 text-right font-medium">Montant</th>
                </tr></thead>
                <tbody>
                    @php $i = 1; $totalPrev = 0; @endphp
                    @foreach(collect($demande->echeancier_json)->sortBy('date') as $l)
                        @php $totalPrev += (float) ($l['montant'] ?? 0); @endphp
                        <tr class="border-t border-slate-100">
                            <td class="px-5 py-2.5 text-slate-500">{{ $i++ }}</td>
                            <td class="px-5 py-2.5 text-slate-700">{{ !empty($l['date']) ? \Illuminate\Support\Carbon::parse($l['date'])->format('d/m/Y') : '—' }}</td>
                            <td class="px-5 py-2.5 text-right tabular-nums text-slate-800">{{ number_format((float) ($l['montant'] ?? 0), 0, ',', ' ') }} FCFA</td>
                        </tr>
                    @endforeach
                    <tr class="border-t border-slate-200 bg-slate-50">
                        <td class="px-5 py-2.5" colspan="2"><span class="text-xs font-medium text-slate-500">Total</span></td>
                        <td class="px-5 py-2.5 text-right font-medium tabular-nums text-emerald-700">{{ number_format($totalPrev, 0, ',', ' ') }} FCFA</td>
                    </tr>
                </tbody>
            </table>
            <p class="px-5 py-2 text-[11px] text-slate-400">Cet échéancier sera appliqué tel quel au décaissement.</p>
        </section>
    @endif

    {{-- Signature du planteur --}}
    <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
        <h2 class="mb-4 text-sm font-medium text-slate-900">Signature du planteur</h2>
        <div class="flex flex-wrap items-center gap-5">
            <div class="flex h-24 w-44 items-center justify-center rounded-lg border border-dashed border-slate-300 bg-slate-50">
                @if($demande->signature_planteur_path)
                    <img src="{{ route('demandes.signature.afficher', $demande) }}" alt="Signature planteur" class="max-h-20 max-w-40">
                @else
                    <span class="text-xs text-slate-400">Aucune signature</span>
                @endif
            </div>
            <form method="POST" action="{{ route('demandes.signature', $demande) }}" enctype="multipart/form-data" class="flex items-center gap-2">
                @csrf
                <input type="file" name="signature_planteur" accept="image/png,image/jpeg" required class="block text-sm text-slate-600 file:mr-3 file:rounded-lg file:border-0 file:bg-slate-100 file:px-3 file:py-2 file:text-sm file:text-slate-700 hover:file:bg-slate-200">
                <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">Enregistrer</button>
            </form>
        </div>
        @error('signature_planteur')<p class="mt-2 text-xs text-red-600">{{ $message }}</p>@enderror
    </section>

    {{-- Contrat --}}
    @if(in_array($demande->statut, ['VALIDEE','DECAISSEE','EN_REMBOURSEMENT','SOLDEE']))
        @php $peutGenererContrat = app(\App\Services\PermissionModuleService::class)->peut(auth()->user(), 'CONTRATS', 2); @endphp
        <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
            <h2 class="mb-4 text-sm font-medium text-slate-900">Contrat</h2>
            @if($demande->contrat)
                <div class="flex flex-wrap items-center gap-3">
                    <div>
                        <div class="font-medium tabular-nums text-slate-800">{{ $demande->contrat->numero }}</div>
                        <div class="text-[11px] text-slate-400">Généré le {{ $demande->contrat->date_generation?->format('d/m/Y à H:i') }}</div>
                        @if($demande->contrat->date_signature)
                            <div class="mt-0.5 inline-flex items-center gap-1 text-[11px] font-medium text-emerald-600"><svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2.2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>Signé le {{ $demande->contrat->date_signature->format('d/m/Y') }}</div>
                        @else
                            <div class="mt-0.5 text-[11px] font-medium text-amber-600">Non signé</div>
                        @endif
                    </div>
                    <div class="ml-auto flex items-center gap-2">
                        @if($peutGenererContrat)
                            @if($demande->contrat->date_signature)
                                <form method="POST" action="{{ route('contrats.annuler-signature', $demande->contrat) }}" onsubmit="return confirm('Annuler la signature de ce contrat ?')">@csrf
                                    <button class="inline-flex h-9 items-center gap-1.5 rounded-lg border border-slate-200 px-3 text-sm text-slate-600 hover:bg-slate-50">Annuler la signature</button>
                                </form>
                            @else
                                <form method="POST" action="{{ route('contrats.signer', $demande->contrat) }}" onsubmit="return confirm('Marquer ce contrat comme signé ?')">@csrf
                                    <button 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">Marquer comme signé</button>
                                </form>
                            @endif
                        @endif
                        <a href="{{ route('contrats.word', $demande->contrat) }}" class="inline-flex h-9 items-center gap-1.5 rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">Word</a>
                        <a href="{{ route('contrats.pdf', $demande->contrat) }}" class="inline-flex h-9 items-center gap-1.5 rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">PDF</a>
                        @if($peutGenererContrat)
                        <form method="POST" action="{{ route('contrats.generer', $demande) }}">@csrf
                            <button class="inline-flex h-9 items-center gap-1.5 rounded-lg border border-slate-200 px-3 text-sm text-slate-700 hover:bg-slate-50">Régénérer</button>
                        </form>
                        @endif
                    </div>
                </div>
                @if($demande->contrat->empreinte)
                    <p class="mt-3 break-all text-[11px] text-slate-400">Empreinte SHA-256 : {{ $demande->contrat->empreinte }}</p>
                @endif
            @else
                <div class="flex items-center justify-between gap-3">
                    <p class="text-sm text-slate-500">Aucun contrat généré pour cette demande.</p>
                    @if($peutGenererContrat)
                    <form method="POST" action="{{ route('contrats.generer', $demande) }}">@csrf
                        <button 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="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.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.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>
                            Générer le contrat
                        </button>
                    </form>
                    @else
                        <span class="text-xs text-slate-400">Génération non autorisée.</span>
                    @endif
                </div>
            @endif
        </section>
    @endif

    {{-- Historique de validation --}}
    @if($demande->validations->isNotEmpty())
        <section class="rounded-xl bg-white p-5 ring-1 ring-slate-200">
            <h2 class="mb-4 text-sm font-medium text-slate-900">Historique de validation</h2>
            <ol class="space-y-3">
                @foreach($demande->validations->sortBy('date_decision') as $v)
                    <li class="flex gap-3">
                        <span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full {{ $v->decision === 'APPROUVE' ? 'bg-emerald-50 text-emerald-600' : 'bg-red-50 text-red-600' }}">
                            @if($v->decision === 'APPROUVE')
                                <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>
                            @else
                                <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>
                            @endif
                        </span>
                        <div class="min-w-0">
                            <div class="text-sm text-slate-800">{{ $v->validateur->name ?? '—' }} <span class="text-slate-400">a {{ $v->decision === 'APPROUVE' ? 'approuvé' : 'rejeté' }} · {{ $v->etape->libelle ?? '' }}</span></div>
                            <div class="text-[11px] text-slate-400">{{ $v->date_decision?->format('d/m/Y à H:i') }}</div>
                            @if($v->commentaire)<div class="mt-0.5 text-xs text-slate-600">« {{ $v->commentaire }} »</div>@endif
                        </div>
                    </li>
                @endforeach
            </ol>
        </section>
    @endif

    <div class="text-xs text-slate-400">Créée le {{ $demande->created_at?->format('d/m/Y à H:i') }} par {{ $demande->createur->name ?? '—' }}.</div>
</div>
@endsection