{{-- Une colonne oui/non d'une liste, reglable d'un clic (js/interrupteurs.js,
     trait BasculeUnBooleen) — le meme geste que l'acces d'un utilisateur.
     Qui n'a pas le droit de modifier garde la pastille Oui / Non.

     `$confirmerRetrait` : la question posee avant de passer a Non, pour une
     colonne dont le clic a un effet hors de l'ecran (Vitrine retire du site
     public). Sans elle, le clic est immediat dans les deux sens.

     Attendus : `$action` (adresse de bascule), `$champ` (colonne), `$actif`,
     `$peut` (droit de modifier), `$libelle` (ce que la case regle, pour les
     lecteurs d'ecran), `$confirmerRetrait` (facultatif). --}}
@if ($peut)
    <form action="{{ $action }}" method="post" class="interrupteur-form"
        @if (!empty($confirmerRetrait)) data-confirmer-retrait="{{ $confirmerRetrait }}" @endif>
        @csrf
        <input type="hidden" name="champ" value="{{ $champ }}">
        <input type="hidden" name="valeur" value="0">
        <div class="form-check form-switch mb-0">
            <input class="form-check-input" type="checkbox" role="switch" name="valeur" value="1"
                aria-label="{{ $libelle }}" @checked($actif)>
            <label class="form-check-label small" data-oui="Oui" data-non="Non">{{ $actif ? 'Oui' : 'Non' }}</label>
        </div>
    </form>
@else
    <span class="badge {{ $actif ? 'bg-success' : 'bg-secondary' }}">{{ $actif ? 'Oui' : 'Non' }}</span>
@endif