{% extends "nav.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <h3 class="title is-3">
      Veranstaltungen nach Excel (.xlsx) exportieren
    </h3>
    <form action="/export/eventsdata" target="_blank">

      <div class="field">
        <label class="label">Zeitraum Start</label>
        <div class="control">
          <input class="input" type="date" name="start" id="start" required value="{{ daterange.0 }}" />
        </div>
        <div class="tags help">
          <span class="tag is-link is-light is-clickable"
                _='on click set the value of #start to "{{ current_month.0 }}" then set the value of #end to "{{ current_month.1 }}"'>
            aktueller Monat</span>
          <span class="tag is-link is-light is-clickable"
                _='on click set the value of #start to "{{ next_month.0 }}" then set the value of #end to "{{ next_month.1 }}"'>
            nächster Monat</span>
          <span class="tag is-link is-light is-clickable"
                _='on click set the value of #start to "{{ current_quarter.0 }}" then set the value of #end to "{{ current_quarter.1 }}"'>
            aktuelles Quartal</span>
          <span class="tag is-link is-light is-clickable"
                _='on click set the value of #start to "{{ next_quarter.0 }}" then set the value of #end to "{{ next_quarter.1 }}"'>
            nächstes Quartal</span>
        </div>
      </div>

      <div class="field">
        <label class="label">Zeitraum Ende</label>
        <div class="control">
          <input class="input" type="date" name="end" id="end" required value="{{ daterange.1 }}" />
        </div>
      </div>

      {% if user.role == Role::Admin %}
      <div class="field">
        <label class="label">Bereich</label>
        <div class="control">
          <div class="select is-fullwidth">
            <select name="area">
              {% for area in areas.as_ref().unwrap() %}
              <option value="{{ area.id }}">{{ area.name }}</option>
              {% endfor %}
            </select>
          </div>
        </div>
      </div>
      {% endif %}
      <input class="button is-primary" type="submit" value="Exportieren" />
    </form>
  </div>
</section>
{% endblock %}