{{-- Le tableau « en plus / en moins » de la fiche : ce qui a été posé en plus
     ou en moins par rapport au devis, à facturer ou offert.

       Digicode : 1   en + // −   à facturer / offert

     Une ligne par article de ce métier (config rapport_chantiers.articles),
     dans l'ordre du papier. Rien n'est obligatoire : une ligne laissée vide
     n'est pas enregistrée (RapportChantierController::enregistrerArticles).

     Les deux choix d'une ligne sont des boutons qui se décochent en les
     retouchant (js/rapports-chantier.js, `.rapport-bascule`) : sans « — »
     par ligne, le tableau tient en largeur de téléphone.

     Paramètres :
       $rapport  le RapportChantier (vierge à la création)
       $label    le titre du bloc
--}}

@php
    $lignes = $rapport->exists ? $rapport->articles->keyBy('article') : collect();
    $sens = config('rapport_chantiers.sens');
    $facturation = config('rapport_chantiers.facturation');

    // `old()` d'abord, comme toute la fiche : un retour de validation
    // retrouve ce qui venait d'être saisi.
    $valeur = fn (string $code, string $champ) => old("articles.{$code}.{$champ}", $lignes->get($code)?->$champ);
@endphp

<div class="rapport-articles mb-4">
    <label class="form-label fw-semibold d-block mb-1">{{ __($label) }}</label>
    <div class="small mb-2">{{ __('Par rapport au devis. Retouchez un choix pour le décocher.') }}</div>

    @foreach ($rapport->articlesProposes() as $code => $article)
        @php
            $quantite = $valeur($code, 'quantite');
            // « 2.00 » en base, « 2 » à l'écran.
            $quantite = $quantite === null || $quantite === '' ? '' : rtrim(rtrim((string) $quantite, '0'), '.');
            $sensCourant = (string) $valeur($code, 'sens');
            $factCourante = (string) $valeur($code, 'facturation');
        @endphp

        <div class="rapport-article border rounded p-2 mb-2">
            <div class="d-flex flex-wrap align-items-center gap-2">

                @if (!empty($article['libre']))
                    <input type="text" class="form-control form-control-sm rapport-article-nom"
                        name="articles[{{ $code }}][libelle]" maxlength="255"
                        value="{{ $valeur($code, 'libelle') }}"
                        placeholder="{{ __('Autre : préciser') }}"
                        aria-label="{{ __('Autre : préciser') }}">
                @else
                    <span class="fw-semibold rapport-article-nom">{{ __($article['label']) }}</span>
                @endif

                @if (empty($article['sans_quantite']))
                    <div class="input-group input-group-sm rapport-article-qte">
                        <input type="number" class="form-control" min="0" step="any" inputmode="decimal"
                            name="articles[{{ $code }}][quantite]" value="{{ $quantite }}"
                            aria-label="{{ __('Quantité') }} — {{ __($article['label']) }}"
                            placeholder="{{ __('Qté') }}">
                        @if (!empty($article['unite']))
                            <span class="input-group-text">{{ $article['unite'] }}</span>
                        @endif
                    </div>
                @endif

                <div class="btn-group btn-group-sm rapport-bascule" role="group" aria-label="{{ __('En plus ou en moins') }}">
                    @foreach ($sens as $cle => $libelle)
                        @php $id = "article_{$code}_sens_{$cle}"; @endphp
                        <input type="radio" class="btn-check" name="articles[{{ $code }}][sens]" id="{{ $id }}"
                            value="{{ $cle }}" autocomplete="off" @checked($sensCourant === (string) $cle)>
                        <label class="btn btn-outline-primary" for="{{ $id }}" title="{{ __($libelle) }}">
                            <i class="bi {{ $cle === 1 ? 'bi-plus-lg' : 'bi-dash-lg' }}"></i>
                            <span class="visually-hidden">{{ __($libelle) }}</span>
                        </label>
                    @endforeach
                </div>

                <div class="btn-group btn-group-sm rapport-bascule" role="group" aria-label="{{ __('À facturer ou offert') }}">
                    @foreach ($facturation as $cle => $option)
                        @php $id = "article_{$code}_fact_{$cle}"; @endphp
                        <input type="radio" class="btn-check" name="articles[{{ $code }}][facturation]" id="{{ $id }}"
                            value="{{ $cle }}" autocomplete="off" @checked($factCourante === (string) $cle)>
                        <label class="btn btn-outline-primary" for="{{ $id }}">{{ __($option['label']) }}</label>
                    @endforeach
                </div>
            </div>
        </div>
    @endforeach
</div>