{% extends "base.html" %}
{% from "ui/card.html" import card %}
{% from "ui/button.html" import button, link_button %}
{% from "ui/form_field.html" import input_field, select_field %}
{% from "ui/page_header.html" import page_header %}
{% block title %}Export{% endblock %}
{% block content %}
  {{ page_header('Export', 'Zeitraum auf den Tag genau wählen und als Excel oder PDF herunterladen.') }}
  {% call card('form-card') %}
    <form method="post" action="/export" class="stack">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
      <div class="inline-grid">
        {{ input_field('Von', 'from_date', type='date', value=from_date, required=true) }}
        {{ input_field('Bis', 'to_date', type='date', value=to_date, required=true) }}
      </div>
      {{ select_field('Format', 'format', [
            {'value': 'xlsx', 'label': 'Excel (.xlsx)'},
            {'value': 'pdf', 'label': 'PDF (.pdf)'}
            ], 'xlsx', required=true) }}
      <div class="nav-row">
        {{ button('Export starten', type='submit') }}
        {{ link_button('Zurück', '/dashboard', 'ghost') }}
      </div>
    </form>
  {% endcall %}
{% endblock %}