{% extends "attendance/admin/_layout.html" %}
{% block admin %}
{% if results %}
<div class="app-card mb-3">
  {% for person, created, busy, calendar_error in results %}
  <div>{{ person.name }}: {% t "Created" %} <strong>{{ created }}</strong>{% if busy %} · {% t "Skipped" %} ({% t "already has a leave" %}): {% for s in busy %}{{ s.day|date:"d/m" }}{% if not forloop.last %}, {% endif %}{% endfor %}{% endif %}{% if calendar_error %} · <span class="text-warning-emphasis"><i class="bi bi-calendar-x"></i> {% t "Calendar event not created" %}: {{ calendar_error }}</span>{% endif %}</div>
  {% endfor %}
</div>
{% endif %}
<form method="post" class="d-flex flex-column gap-3">
  {% csrf_token %}
  <div class="app-card row g-2 mx-0">
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "From" %}</label><input type="date" name="start" class="form-control" required></div>
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "To" %}</label><input type="date" name="end" class="form-control" required></div>
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "Leave class" %}</label>
      <select name="class_id" class="form-select">{% for c in class_list %}<option value="{{ c.id }}">{{ c.name }}</option>{% endfor %}</select></div>
    <div class="col-sm-3"><label class="form-label small mb-0">{% t "Reason" %}</label><input type="text" name="reason" maxlength="200" class="form-control"></div>
  </div>
  {% include "attendance/admin/_people_picker.html" %}
  <div><button class="btn btn-primary">{% t "Add leave" %}</button></div>
</form>
{% endblock %}