{#
  Template per modal Bootstrap v2.

  Utilizzo:
    {% include "agesci_theme/components/modal.html" with modal_id="myModal" title="Titolo" body=my_safe_html size="lg" %}

  Parametri:
    modal_id (str, obbligatorio): ID univoco del modal
    title    (str): titolo nella testata
    body     (safe HTML str): contenuto — usare mark_safe() nella view
    size     (str): "" | "sm" | "lg" | "xl" | "fullscreen"
    centered (bool): True per centratura verticale
#}
<div class="modal fade"
     id="{{ modal_id }}"
     tabindex="-1"
     aria-labelledby="{{ modal_id }}Label"
     aria-hidden="true">
  <div class="modal-dialog{% if size %} modal-{{ size }}{% endif %}{% if centered %} modal-dialog-centered{% endif %} modal-dialog-scrollable">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="{{ modal_id }}Label">{{ title }}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Chiudi"></button>
      </div>
      <div class="modal-body">
        {{ body }}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
      </div>
    </div>
  </div>
</div>