{{--
    Choisir un MOIS (v2.1 §5).

    Une date ne se donne pas à la voix. Douze cases, les noms en toutes lettres, aucun calendrier
    déroulant — un sélecteur de date natif sur un Android d'entrée de gamme est une épreuve.
--}}
@php
    $moisNoms = app()->getLocale() === 'ar'
        ? ['يناير','فبراير','مارس','أبريل','ماي','يونيو','يوليوز','غشت','شتنبر','أكتوبر','نونبر','دجنبر']
        : ['janvier','février','mars','avril','mai','juin','juillet','août','septembre','octobre','novembre','décembre'];
@endphp

<div class="mt-4 grid grid-cols-2 gap-2">
    @foreach ($moisNoms as $rang => $nom)
        <button type="button" wire:click="$set('saisieNombre', '{{ $rang + 1 }}')"
                @class([
                    'cible-tactile rounded-2xl border-2 px-3 py-3 text-base font-bold',
                    'border-primaire bg-primaire/15' => (string) $saisieNombre === (string) ($rang + 1),
                    'border-bordure bg-surface-haute' => (string) $saisieNombre !== (string) ($rang + 1),
                ])>
            {{ $nom }}
        </button>
    @endforeach
</div>