{# Modale de saisie de la composition du foyer (nombre de personnes) #}
<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="householdSizeModal" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="householdSizeModalTitle">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header bg-secondary">
        <h5 class="modal-title text-primary" id="householdSizeModalTitle">Complétez votre profil</h5>
      </div>
      <div class="modal-body">
        <p class="mb-3">Afin de valider votre participation à la Sécurité Social Alimentaire, merci d'indiquer le nombre de personnes dans votre foyer.</p>
        <form method="post" action="{{ path('adherent_set_household_size') }}" class="form-inline" id="household-size-form">
          <input type="hidden" name="_token" value="{{ csrf_token('household_size') }}">
          <div class="form-group mb-2" style="width:100%">
            <label for="household_size_input" class="me-2">Nombre de personnes dans le foyer</label>
            <input id="household_size_input" name="householdSize" type="number" class="form-control" min="1" step="0.01" required style="max-width: 140px;">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-dismiss="modal" aria-label="Reporter la saisie à plus tard">Plus tard</button>
        <button type="submit" form="household-size-form" class="btn btn-primary" aria-label="Enregistrer le nombre de personnes dans le foyer">Enregistrer</button>
      </div>
    </div>
  </div>
</div>