{% extends "@Contao/frontend_module/_base.html.twig" %}

{% block content %}
  <h2>Kommende Veranstaltungen</h2>
  {% if upcomingEvents is empty %}
    <p>Keine kommenden Veranstaltungen gefunden.</p>
  {% else %}
    <ul class="member-events member-events-upcoming" aria-label="Liste kommender Veranstaltungen">
      {% for item in upcomingEvents %}
        <li>
          <span>{{ item.title }}</span>
          <span>
            {% if item.startDate %}
              <time datetime="{{ item.startDate|date('Y-m-d') }}">{{ item.startDate|date('d.m.Y') }}</time>
            {% endif %}
          </span>

          {% if isEditor %}
            <div class="member-events-actions">
              <form method="post" class="member-events-action-form" aria-label="Sichtbarkeit für {{ item.title }} ändern">
                <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                <input type="hidden" name="action" value="toggle_published">
                <input type="hidden" name="event_id" value="{{ item.id }}">
                <button type="submit" aria-label="{{ item.published ? 'Auf inaktiv setzen' : 'Auf aktiv setzen' }} für {{ item.title }}">{{ item.published ? 'aktiv' : 'inaktiv' }}</button>
              </form>

              {% if item.editUrl %}
                <a href="{{ item.editUrl }}" aria-label="{{ item.title }} bearbeiten">Bearbeiten</a>
              {% endif %}

              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich duplizieren?')|e('html_attr') }}" aria-label="{{ item.title }} duplizieren">
                <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                <input type="hidden" name="action" value="duplicate">
                <input type="hidden" name="event_id" value="{{ item.id }}">
                <button type="submit" aria-label="{{ item.title }} duplizieren">Duplizieren</button>
              </form>

              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich löschen?')|e('html_attr') }}" aria-label="{{ item.title }} löschen">
                <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                <input type="hidden" name="action" value="delete">
                <input type="hidden" name="event_id" value="{{ item.id }}">
                <button type="submit" aria-label="{{ item.title }} löschen">Löschen</button>
              </form>
            </div>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
  {% endif %}

  {% if canCreateEvent is defined and canCreateEvent %}
    <form method="post" aria-label="Neue Veranstaltung erstellen">
      <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
      <input type="hidden" name="action" value="create">
      <button type="submit" aria-label="Neue Veranstaltung erstellen">Neue Veranstaltung erstellen</button>
    </form>
  {% endif %}

  <script src="/bundles/eventmanager/assets/member-events-confirm.js?v=20260301a"></script>

  <h2>Vergangene Veranstaltungen</h2>
  {% if pastEvents is empty %}
    <p>Keine vergangenen Veranstaltungen gefunden.</p>
  {% else %}
    <ul class="member-events member-events-past" aria-label="Liste vergangener Veranstaltungen">
      {% for item in pastEvents %}
        <li>
          <span>{{ item.title }}</span>
          <span>
            {% if item.startDate %}
              <time datetime="{{ item.startDate|date('Y-m-d') }}">{{ item.startDate|date('d.m.Y') }}</time>
            {% endif %}
          </span>

          {% if isEditor %}
            <div class="member-events-actions">
              <form method="post" class="member-events-action-form" aria-label="Sichtbarkeit für {{ item.title }} ändern">
                <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                <input type="hidden" name="action" value="toggle_published">
                <input type="hidden" name="event_id" value="{{ item.id }}">
                <button type="submit" aria-label="{{ item.published ? 'Auf inaktiv setzen' : 'Auf aktiv setzen' }} für {{ item.title }}">{{ item.published ? 'aktiv' : 'inaktiv' }}</button>
              </form>

              {% if item.editUrl %}
                <a href="{{ item.editUrl }}" aria-label="{{ item.title }} bearbeiten">Bearbeiten</a>
              {% endif %}

              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich duplizieren?')|e('html_attr') }}" aria-label="{{ item.title }} duplizieren">
                <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                <input type="hidden" name="action" value="duplicate">
                <input type="hidden" name="event_id" value="{{ item.id }}">
                <button type="submit" aria-label="{{ item.title }} duplizieren">Duplizieren</button>
              </form>

              <form method="post" class="member-events-action-form" data-confirm-message="{{ ('Möchten Sie das Event \"' ~ item.title ~ '\" wirklich löschen?')|e('html_attr') }}" aria-label="{{ item.title }} löschen">
                <input type="hidden" name="REQUEST_TOKEN" value="{{ requestToken }}">
                <input type="hidden" name="action" value="delete">
                <input type="hidden" name="event_id" value="{{ item.id }}">
                <button type="submit" aria-label="{{ item.title }} löschen">Löschen</button>
              </form>
            </div>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
  {% endif %}
{% endblock %}