{% set wrap_frame = wrap_frame|default(true) %}
{% if wrap_frame %}
<turbo-frame id="evenement-details" loading="lazy" data-prefetch-frame>
{% endif %}
  <div class="card col-md-12">
    <div class="card-body">
      <div class="border-bottom">
        <h5>{{ event.nom }}</h5>
        {% if event.canceled %}
          <span class="badge bg-danger-subtle text-danger">Annulé</span>
        {% endif %}
        <h6>Date : {{ event.date | date_fr }}</h6>
        <h6>Heure : {{ event.heure | date('H:i') }}</h6>
      </div>

      {% if event.dateFin is not null %}
        <div class="border-bottom mt-4">
          <h5>Jusqu'au</h5>

          <h6>Date : {{ event.dateFin | date_fr }}</h6>
          <h6>Heure : {{ event.heureFin | date('H:i') }}</h6>
        </div>
      {% endif %}
      <div class="mt-4 border-bottom">
        <h5>Lieu</h5>

        <h6> {{ event.lieu }}</h6>
        <h6> {{ event.adresse }}</h6>
        <h6> {{ event.codepostal }} {{ event.ville }}</h6>
      </div>

      {% if event.autorise %}
        <div class="mt-4">
          <h5>Participants : Inscriptions autorisées</h5>

          <h6>Nombre de participants : {{ event.nombrePlace }}</h6>
          <h6>Participants / inscription : {{ event.nbMaxParticipant }}</h6>
          <h6>Nombres d'inscrits : {{ event.nbInscrits }} / {{ event.nombrePlace }}</h6>
          {% if event.dateLimite is not null %}
            <h6>Date limite d'inscription : {{ event.dateLimite | date_fr }}</h6>
          {% endif %}
        </div>
      {% endif %}
    </div>
  </div>
{% if wrap_frame %}
</turbo-frame>
{% endif %}