{% set isTurbo = turbo|default(false) %}
{% set eventName = event is defined and event ? event.nom : "cet événement" %}
{% set inscriptionId = userIsInscrit is defined and userIsInscrit ? userIsInscrit.idtoken : null %}

{% if isTurbo %}
  <turbo-frame id="modal-frame" data-action="turbo:frame-load->turbo-modal#frameLoaded">
    <div data-modal-size="md">
      <div class="modal-header">
        <h5 class="modal-title" id="desinscriptionConfirmationModalLabel">Confirmer votre désinscription à l'événement</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <form
        class="form-horizontal"
        method="post"
        action="{{ inscriptionId ? path('portail_evenement_desinscription', { id: inscriptionId }) : '#' }}"
        data-controller="form"
        data-action="turbo:submit-start->form#submitStart turbo:submit-end->form#submitEnd turbo:submit-error->form#submitError"
        data-turbo-frame="modal-frame"
        novalidate
      >
        <div class="modal-body">
          Êtes-vous sûr de vouloir vous désinscrire de l'événement {{ eventName }} ?
        </div>
        <div class="modal-footer">
          <button
            type="submit"
            class="btn btn-danger"
            id="confirmDesinscriptionButton"
            data-id="{{ inscriptionId }}"
            {% if not inscriptionId %}disabled{% endif %}
          >
            Je confirme ma désinscription
          </button>
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
        </div>
      </form>
    </div>
  </turbo-frame>
{% else %}
  <!-- Modal de suppression -->
  <div class="modal fade" id="desinscriptionConfirmationModal" tabindex="-1" role="dialog" aria-labelledby="desinscriptionConfirmationModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="desinscriptionConfirmationModalLabel">Confirmer votre désinscription à l'événement</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          Êtes-vous sûr de vouloir vous désinscrire de l'événements {{ eventName }} ?
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" id="confirmDesinscriptionButton" data-id="{{ inscriptionId }}">Je confirme ma désinscription</button>
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
        </div>
      </div>
    </div>
  </div>
{% endif %}