{{-- resources/views/pages/adherent/dashboard.blade.php --}}
<x-layouts.app title="Mon Espace Adhérent — CGA_MaFiscalite">
<div class="max-w-6xl mx-auto px-4 py-10">

    {{-- En-tête --}}
    <div class="flex items-center justify-between mb-8">
        <div>
            <h1 class="text-2xl font-black text-gray-900">Bonjour, {{ $adherent->prenom_dirigeant }} 👋</h1>
            <p class="text-gray-500 text-sm mt-1">{{ $adherent->raison_sociale }} — {{ $adherent->regime_label }}</p>
        </div>
        <div class="text-right">
            <span class="px-3 py-1 rounded-full text-xs font-bold
                {{ $adherent->statut === 'valide' ? 'bg-green-100 text-green-700' : 'bg-orange-100 text-orange-700' }}">
                {{ ucfirst(str_replace('_', ' ', $adherent->statut)) }}
            </span>
            @if($adherent->date_expiration)
            <p class="text-xs text-gray-400 mt-1">Expire le {{ $adherent->date_expiration->format('d/m/Y') }}</p>
            @endif
        </div>
    </div>

    {{-- Alerte reclassement --}}
    @if($adherent->risque_reclassement)
    <div class="bg-orange-50 border border-orange-300 rounded-2xl p-4 mb-6 flex items-start gap-3">
        <span class="text-2xl">⚠️</span>
        <div class="flex-1">
            <p class="font-bold text-orange-800">Attention : votre CA approche du seuil de reclassement IGS → Réel</p>
            <p class="text-sm text-orange-700 mt-1">
                Votre CA ({{ number_format($adherent->ca_annuel_ht, 0, ',', ' ') }} FCFA) dépasse 80% du seuil IGS (50M FCFA).
                Un reclassement en Réel Simplifié pourrait être nécessaire.
            </p>
        </div>
        <a href="{{ route('simulateurs.reclassement') }}"
           class="bg-orange-500 text-white text-xs font-bold px-4 py-2 rounded-xl whitespace-nowrap">
            Simuler →
        </a>
    </div>
    @endif

    {{-- Cards principales --}}
    @if($adherent->regime_fiscal === 'IGS')
    {{-- ─── Dashboard IGS ─── --}}
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
        <div class="bg-white rounded-2xl border border-gray-100 p-5">
            <p class="text-xs font-bold text-gray-500 uppercase tracking-wide mb-2">Classe IGS</p>
            <div class="text-4xl font-black text-blue-700">{{ $adherent->classe_igs }}</div>
            <p class="text-xs text-gray-400 mt-1">Art. C40 CGI 2026</p>
        </div>
        <div class="bg-white rounded-2xl border border-gray-100 p-5">
            <p class="text-xs font-bold text-gray-500 uppercase tracking-wide mb-2">IGS Annuel</p>
            <div class="text-2xl font-black text-gray-900">{{ number_format($adherent->igs_annuel, 0, ',', ' ') }}</div>
            <p class="text-xs text-gray-400 mt-1">FCFA / an</p>
        </div>
        <div class="bg-green-50 rounded-2xl border border-green-200 p-5">
            <p class="text-xs font-bold text-green-700 uppercase tracking-wide mb-2">Avec CGA (−50%)</p>
            <div class="text-2xl font-black text-green-700">{{ number_format($adherent->igs_annuel_cga, 0, ',', ' ') }}</div>
            <p class="text-xs text-green-600 mt-1">FCFA / an</p>
        </div>
        <div class="bg-blue-50 rounded-2xl border border-blue-200 p-5">
            <p class="text-xs font-bold text-blue-700 uppercase tracking-wide mb-2">Économies CGA</p>
            <div class="text-2xl font-black text-blue-700">{{ number_format($adherent->economies_cga, 0, ',', ' ') }}</div>
            <p class="text-xs text-blue-600 mt-1">FCFA économisés/an</p>
        </div>
    </div>

    {{-- Timeline échéances IGS --}}
    <div class="bg-white rounded-2xl border border-gray-100 p-6 mb-6">
        <h2 class="font-bold text-gray-900 mb-4">📅 Échéances IGS 2026</h2>
        <div class="grid grid-cols-2 sm:grid-cols-5 gap-3">
            @foreach([
                ['T1', '15 Avril', 'Acompte T1'],
                ['Ann.', '30 Avril', 'IGS Annuel'],
                ['T2', '15 Juil.', 'Acompte T2'],
                ['T3', '15 Oct.', 'Acompte T3'],
                ['T4', '15 Jan. 27', 'Acompte T4'],
            ] as [$code, $date, $label])
            @php $isPast = now() > \Carbon\Carbon::parse($date.' 2026') ?? false; @endphp
            <div class="text-center rounded-xl p-3 {{ $isPast ? 'bg-gray-50 opacity-60' : 'bg-blue-50' }}">
                <div class="text-xs font-bold {{ $isPast ? 'text-gray-400' : 'text-blue-700' }}">{{ $code }}</div>
                <div class="text-sm font-black {{ $isPast ? 'text-gray-500' : 'text-gray-900' }} my-0.5">{{ $date }}</div>
                <div class="text-xs {{ $isPast ? 'text-gray-400' : 'text-blue-600' }}">{{ $label }}</div>
                @if($adherent->classe_igs >= 1)
                <div class="text-xs font-bold {{ $isPast ? 'text-gray-400' : 'text-blue-800' }} mt-1">
                    {{ $code !== 'Ann.' ? number_format($adherent->igs_annuel_cga / 4, 0, ',', ' ').' F' : number_format($adherent->igs_annuel_cga, 0, ',', ' ').' F' }}
                </div>
                @endif
            </div>
            @endforeach
        </div>
        @if($adherent->dsf_obligatoire)
        <div class="mt-3 bg-orange-50 border border-orange-200 rounded-xl px-4 py-2 text-sm text-orange-700">
            ⚠️ <strong>DSF obligatoire</strong> — À déposer avant le <strong>15 mai 2026</strong>
        </div>
        @endif
    </div>

    @else
    {{-- ─── Dashboard Réel ─── --}}
    <div class="grid sm:grid-cols-3 gap-4 mb-8">
        <div class="bg-white rounded-2xl border border-gray-100 p-5">
            <p class="text-xs font-bold text-gray-500 uppercase tracking-wide mb-2">Régime</p>
            <div class="text-lg font-black text-gray-900">{{ $adherent->regime_label }}</div>
        </div>
        <div class="bg-white rounded-2xl border border-gray-100 p-5">
            <p class="text-xs font-bold text-gray-500 uppercase tracking-wide mb-2">Abattement CGA</p>
            <div class="text-2xl font-black text-green-700">50%</div>
            <p class="text-xs text-green-600">Sur IS et IRPP</p>
        </div>
        <div class="bg-white rounded-2xl border border-gray-100 p-5">
            <p class="text-xs font-bold text-gray-500 uppercase tracking-wide mb-2">Patente</p>
            <div class="text-2xl font-black text-green-700">Exonéré</div>
            <p class="text-xs text-green-600">Art. 119 CGI 2026</p>
        </div>
    </div>
    @endif

    {{-- Navigation rapide --}}
    <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4">
        @foreach([
            [route('adherent.documents'), '📄', 'Mes documents', 'Attestation CGA, reçus, guides'],
            [route('adherent.messages'), '💬', 'Messagerie', $messagesNonLus > 0 ? $messagesNonLus.' message(s) non lu(s)' : 'Contacter CGA_MaFiscalite'],
            [route('adherent.paiements'), '💳', 'Paiements', 'Historique cotisations'],
            [route('adherent.simulateur-igs'), '🧮', 'Simulateur IGS', 'Recalculer mon IGS'],
        ] as [$url, $icon, $titre, $desc])
        <a href="{{ $url }}" class="bg-white rounded-2xl border border-gray-100 p-5 hover:shadow-md transition-all group">
            <div class="text-2xl mb-3">{{ $icon }}</div>
            <div class="font-bold text-gray-900 group-hover:text-blue-700 transition-colors">{{ $titre }}</div>
            <div class="text-xs text-gray-500 mt-1">{{ $desc }}</div>
        </a>
        @endforeach
    </div>

</div>
</x-layouts.app>