{{--
    Première étape de l'assistant : le type de dossier, en deux grandes cartes
    cliquables plutôt qu'en liste déroulante.

    Ce choix commande tout ce qui suit — les pièces demandées, les champs à
    vérifier, ce que l'IA lit, la rédaction des documents. Il mérite l'écran
    entier, et un clic qui enchaîne directement sur le dépôt.
--}}
@php
    // v1.17.0 — trois cartes : l'association est une personne morale de forme
    // « association », mais elle ne se domicilie pas comme une société.
    $choisi = $this->estAssociation() ? 'association' : ($this->data['type'] ?? null);

    $cartes = [
        'personne_morale' => [
            'titre' => 'Société',
            'sous_titre' => 'SARL, SA, SNC, GIE…',
            'detail' => 'Certificat négatif, ICE, RC et représentant légal. Le dossier classique.',
            'icone' => 'heroicon-o-building-office-2',
        ],
        'association' => [
            'titre' => 'Association',
            'sous_titre' => 'Dahir n° 1-58-376 du 15 novembre 1958',
            'detail' => 'Statuts, récépissé de déclaration et président. Ni certificat négatif, ni registre du commerce.',
            'icone' => 'heroicon-o-user-group',
        ],
        'personne_physique' => [
            'titre' => 'Personne physique',
            'sous_titre' => 'Entrepreneur individuel, profession libérale…',
            'detail' => "Une pièce d'identité suffit. Ni certificat négatif, ni ICE, ni registre du commerce.",
            'icone' => 'heroicon-o-user',
        ],
    ];
@endphp

<div class="space-y-4">
    <p class="text-sm text-gray-600 dark:text-gray-400">
        Qui domiciliez-vous ? Ce choix détermine les pièces demandées et la rédaction du contrat.
    </p>

    <div class="grid gap-4 sm:grid-cols-3">
        @foreach ($cartes as $cle => $carte)
            <button
                type="button"
                wire:click="choisirType('{{ $cle }}')"
                wire:loading.attr="disabled"
                @class([
                    'group flex w-full flex-col items-start gap-3 rounded-2xl border-2 p-6 text-left transition',
                    'border-primary-600 bg-primary-50 ring-2 ring-primary-600/20 dark:border-primary-500 dark:bg-primary-500/10' => $choisi === $cle,
                    'border-gray-200 bg-white hover:border-primary-400 hover:bg-primary-50/50 dark:border-white/10 dark:bg-white/5 dark:hover:border-primary-500/60' => $choisi !== $cle,
                ])
            >
                <span @class([
                    'flex h-12 w-12 items-center justify-center rounded-xl',
                    'bg-primary-600 text-white' => $choisi === $cle,
                    'bg-gray-100 text-gray-500 group-hover:bg-primary-100 group-hover:text-primary-700 dark:bg-white/10 dark:text-gray-300' => $choisi !== $cle,
                ])>
                    <x-filament::icon :icon="$carte['icone']" class="h-6 w-6" />
                </span>

                <span class="block">
                    <span class="block text-lg font-bold text-gray-950 dark:text-white">{{ $carte['titre'] }}</span>
                    <span class="mt-0.5 block text-xs font-medium uppercase tracking-wide text-primary-600 dark:text-primary-400">
                        {{ $carte['sous_titre'] }}
                    </span>
                    <span class="mt-2 block text-sm text-gray-600 dark:text-gray-400">{{ $carte['detail'] }}</span>
                </span>
            </button>
        @endforeach
    </div>
</div>