{% extends "attendance/admin/_layout.html" %}
{% block admin %}
<div class="row g-3">
  <div class="col-lg-7"><div class="app-card p-0 table-responsive">
    <table class="table align-middle mb-0">
      <thead><tr><th>{% t "Date" %}</th><th>{% t "Name" %}</th><th></th></tr></thead>
      <tbody>
        {% for h in holidays %}
        <tr><td>{{ h.day|stringformat:"02d" }}/{{ h.month|stringformat:"02d" }}{% if h.year %}/{{ h.year }}{% else %} <span class="badge text-bg-light">{% t "Every year" %}</span>{% endif %}</td><td>{{ h.name }}</td>
          <td class="text-end"><form method="post" action="{% url 'manage_holiday_delete' h.pk %}">{% csrf_token %}<button class="btn btn-sm btn-link text-danger"><i class="bi bi-trash3"></i></button></form></td></tr>
        {% endfor %}
        <tr class="text-body-secondary"><td>{% if easter_monday %}<i class="bi bi-check2"></i>{% else %}<i class="bi bi-x"></i>{% endif %}</td><td colspan="2">Easter Monday ({% t "Settings" %})</td></tr>
      </tbody>
    </table>
  </div></div>
  <div class="col-lg-5"><form method="post" class="app-card d-flex flex-column gap-2">
    {% csrf_token %}
    <input type="text" name="name" class="form-control" placeholder="{% t 'Name' %}" required maxlength="100">
    <input type="date" name="date" class="form-control" required>
    <label class="form-check"><input class="form-check-input" type="checkbox" name="recurring" checked> {% t "Recurring every year" %}</label>
    <button class="btn btn-primary">{% t "Add" %}</button>
  </form></div>
</div>
{% endblock %}