{% extends "base.html" %}

{% block title %}Мои отсутствия{% endblock %}

{% block content %}
<div class="container">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="mb-0">Мои отсутствия</h3>
    <a href="{% url 'employees:absence_add' %}" class="btn btn-primary">
      <i class="bi-plus-circle"></i> Новая запись
    </a>
  </div>

  {% if absences %}
    <div class="list-group shadow-sm">
      {% for a in absences %}
        <div class="list-group-item">
          <div class="d-flex justify-content-between align-items-center">
            <div>
              <div class="fw-semibold">
                {{ a.get_type_display|default:"Отсутствие" }}
              </div>
              <div class="text-muted small">
                {{ a.date_from }} — {{ a.date_to }}
                {% if a.status %}&nbsp;•&nbsp;{{ a.get_status_display }}{% endif %}
              </div>
              {% if a.comment %}
                <div class="mt-1">{{ a.comment }}</div>
              {% endif %}
            </div>
            <div class="d-flex gap-2">
              <a href="{% url 'employees:absence_edit' a.pk %}" class="btn btn-sm btn-outline-secondary">Править</a>
              <a href="{% url 'employees:absence_delete' a.pk %}" class="btn btn-sm btn-outline-danger">Удалить</a>
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  {% else %}
    <div class="alert alert-info">Пока нет записей об отсутствии.</div>
  {% endif %}
</div>
{% endblock %}