{% extends "attendance/admin/_layout.html" %}
{% block admin %}
<form method="post" class="d-flex flex-column gap-3">
  {% csrf_token %}
  {% if error %}<div class="alert alert-danger py-2 small">{{ error }}</div>{% endif %}
  <div class="app-card row g-2 mx-0 align-items-end">
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "Year" %}</label>
      <select name="year" class="form-select">{% for y in years %}<option value="{{ y }}">{{ y }}</option>{% endfor %}</select></div>
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "From month" %} <span class="text-body-secondary">({% t "optional" %})</span></label><input type="month" name="from_month" class="form-control"></div>
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "To month" %} <span class="text-body-secondary">({% t "optional" %})</span></label><input type="month" name="to_month" class="form-control"></div>
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "Language" %}</label>
      <select name="lang" class="form-select"><option value="">—</option><option value="en">English</option><option value="it">Italiano</option></select></div>
    <div class="col-12 small text-body-secondary">{% t "Annual report help" %}</div>
    <div class="col-sm-3 d-grid"><button class="btn btn-primary"><i class="bi bi-download"></i> {% t "Download" %}</button></div>
  </div>
  {% include "attendance/admin/_people_picker.html" %}
</form>
{% endblock %}