{% extends 'base.html' %}

{% block head %}
{% endblock %}

{% block header %}
<h1 class="display-4">{{ station.name }}</h1>
{% endblock %}

{% block content %}
<section>
  {% if e == "empty" %}
  <div class="alert alert-danger" role="alert">
    Ein oder mehrere Eingabefelder sind leer oder haben das falsche Format.
  </div>
  {% endif %}
  <h2>
    Export
    <small class="text-muted">Zeitraum wählen</small>
  </h2>
  <form action="/station/{{ station.dwd_id }}/export/target/">
  <div class="row">
      <div class="col-sm-6">
          <div class="form-group">
              <label for="datetimepicker-from">von</label>
              <input type="date" value="{{ fr }}" name="from" class="form-control" id="datetimepicker-from" required>
          </div>
      </div>
      <div class="col-sm-6">
          <div class="form-group">
              <label for="datetimepicker-to">bis</label>
              <input type="date" value="{{ to }}" name="to" class="form-control" id="datetimepicker-to" required>
          </div>
      </div>
  </div>
  <button type="submit" class="btn btn-primary">Weiter</button>
  </form>
<section>
{% endblock %}

{% block foot %}
{% endblock %}