{% load i18n %}

<div class="modal" id="modal-{{ modal_id }}">
  <div class="modal-background" data-closes="modal-{{ modal_id }}"></div>
  <div class="modal-card">
    <form method="post" action="{{ post_url }}">
      {% csrf_token %}

      <header class="modal-card-head">
        <p class="modal-card-title">{{ modal_title }}</p>
        <a class="delete" aria-label="close" data-closes="modal-{{ modal_id }}"></a>
      </header>

      <section class="modal-card-body">
        {% include "forms/form.html" %}
      </section>

      <footer class="modal-card-foot">
        <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
          <span class="icon">
            <i class="fas fa-check"></i>
          </span>
          <span>{% trans "Enregistrer" %}</span>
        </button>

        <a class="button is-primary button-close" data-closes="modal-{{ modal_id }}">
          <span class="icon">
            <i class="fas fa-times"></i>
          </span>
          <span>{% trans "Annuler" %}</span>
        </a>
      </footer>
    </form>
  </div>
</div>