{{-- Une question à choix de la fiche de retour de chantier.

     Des boutons et non une liste déroulante : sur le papier on entoure, et la
     fiche se remplit au doigt dans un camion. Un <select> demande deux gestes
     et cache les autres réponses.

     ⚠️ La troisième case, « — », n'est pas un artifice : elle veut dire « rien
     entouré », et c'est elle qui est cochée par défaut. Sans elle, ouvrir le
     formulaire répondrait « non » à toutes les questions au nom du technicien.

     Paramètres :
       $name      nom de la colonne
       $label     libellé de la question, mot pour mot celui du papier
       $valeur    valeur courante (null, 'oui'/'non', ou un code)
       $options   [valeur => ['label' =>, 'couleur' =>, 'emoji' =>]]
       $precision (optionnel) champ de texte qui s'ouvre sur certaines réponses :
                  ['name' =>, 'label' =>, 'valeur' =>, 'quand' => [valeurs], 'type' =>]
                  `type` : 'texte' (défaut), 'nombre' ou 'date' (jamais après
                  aujourd'hui : « fait le » se constate, il ne se prévoit pas)
--}}

@php
    $precision = $precision ?? null;
    $valeurCourante = $valeur === null ? '' : (string) $valeur;

    // Les réponses qui ouvrent la précision. Comparées en chaînes : les codes
    // arrivent en entiers de la config et en chaînes du formulaire.
    $quand = $precision ? array_map('strval', $precision['quand']) : [];
    $ouvert = $precision && in_array($valeurCourante, $quand, true);
@endphp

<div class="rapport-question mb-4" data-name="{{ $name }}">
    <label class="form-label fw-semibold d-block mb-2">
        {{ __($label) }}
    </label>

    <div class="btn-group flex-wrap rapport-choix" role="group" data-quand="{{ implode(',', $quand) }}">

        @foreach ($options as $code => $option)
            @php
                $id = 'choix_' . $name . '_' . $code;
                $texte = is_array($option) ? $option['label'] : $option;
            @endphp

            <input type="radio" class="btn-check" name="{{ $name }}" id="{{ $id }}"
                value="{{ $code }}" autocomplete="off"
                @checked($valeurCourante === (string) $code)>

            <label class="btn btn-outline-primary" for="{{ $id }}">
                @if (is_array($option) && !empty($option['emoji']))
                    <span class="fs-4 lh-1">{{ $option['emoji'] }}</span>
                @endif

                @if (is_array($option) && !empty($option['couleur']))
                    {{-- La pastille reprend la couleur de la machine : l'équipe
                         reconnaît la mini-pelle sans lire le libellé. --}}
                    <span class="rapport-pastille" style="background: {{ $option['couleur'] }}"></span>
                @endif

                {{ __($texte) }}
            </label>
        @endforeach

        {{-- « Rien entouré ». En dernier et en gris : c'est l'état de départ,
             pas une réponse qu'on cherche. --}}
        @php $idVide = 'choix_' . $name . '_vide'; @endphp

        <input type="radio" class="btn-check" name="{{ $name }}" id="{{ $idVide }}"
            value="" autocomplete="off" @checked($valeurCourante === '')>

        <label class="btn btn-outline-secondary" for="{{ $idVide }}"
            title="{{ __('Pas de réponse') }}">—</label>
    </div>

    @if ($precision)
        <div class="rapport-precision ac-accordeon @if ($ouvert) ac-ouvert @endif">
            <div class="ac-accordeon-corps">
                <div class="mt-2">
                    <label class="form-label" for="{{ $precision['name'] }}">
                        {{ __($precision['label']) }}
                    </label>

                    @if (($precision['type'] ?? 'texte') === 'date')
                        <input type="date" class="form-control" max="{{ now()->toDateString() }}"
                            name="{{ $precision['name'] }}" id="{{ $precision['name'] }}"
                            value="{{ $precision['valeur'] }}">
                    @elseif (($precision['type'] ?? 'texte') === 'nombre')
                        <input type="number" class="form-control" min="0"
                            name="{{ $precision['name'] }}" id="{{ $precision['name'] }}"
                            value="{{ $precision['valeur'] }}">
                    @else
                        <textarea class="form-control" rows="2"
                            name="{{ $precision['name'] }}" id="{{ $precision['name'] }}">{{ $precision['valeur'] }}</textarea>
                    @endif
                </div>
            </div>
        </div>
    @endif
</div>