{% extends "base.html" %}
{% block title %}Exception Days — Mornings{% endblock %}
{% block content %}
<div class="page-header animate-in">
    <h2>Exception Days</h2>
    <p>Override the normal schedule on specific dates</p>
</div>

<div class="mb-6 animate-in">
    <a href="{{ root_path }}/exceptions/new" class="btn btn-primary">Add Exception Day</a>
</div>

{% if exceptions %}
<div class="table-wrap animate-in">
<table>
    <thead>
        <tr>
            <th>Date</th>
            <th>Label</th>
            <th>Override</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
    {% for e in exceptions %}
        <tr>
            <td class="text-mono">{{ e.date }}</td>
            <td>{{ e.label }}</td>
            <td><span class="badge badge-info">{{ e.schedule_override }}</span></td>
            <td>
                <form method="post" action="{{ root_path }}/exceptions/{{ e.id }}/delete" class="inline-form">
                    <button type="submit" class="btn btn-danger btn-sm"
                            hx-confirm="Delete this exception?">Delete</button>
                </form>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<div class="empty-state animate-in">
    <p>No exception days. <a href="{{ root_path }}/exceptions/new">Add one</a>.</p>
</div>
{% endif %}
{% endblock %}