{% extends "base.html" %}
{% block title %}Dashboard — Mornings{% endblock %}
{% block content %}
<div class="page-header animate-in">
    <h2>Dashboard</h2>
    <p>{{ today.strftime("%A, %B %d, %Y") }}</p>
</div>

{% if exceptions %}
<div class="alert-card animate-in">
    <strong>Exception day:</strong>
    {% for e in exceptions %}
        {{ e.label }} ({{ e.schedule_override }}){% if not loop.last %}, {% endif %}
    {% endfor %}
</div>
{% endif %}

<h3 class="mb-4">Today's Announcements</h3>
{% if schedules %}
<div class="table-wrap mb-8 animate-in">
<table>
    <thead>
        <tr><th>Time</th><th>Name</th><th>Content</th></tr>
    </thead>
    <tbody>
    {% for s in schedules %}
        <tr>
            <td class="text-mono">{{ s.time }}</td>
            <td>{{ s.name }}</td>
            <td>
                {% if s.sound %}<small>{{ s.sound }}</small>{% endif %}
                {% if s.sound and s.content %}<br>{% endif %}
                {% if s.content %}{{ s.content[:60] }}{{ "..." if s.content|length > 60 else "" }}{% endif %}
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<div class="empty-state animate-in">
    <p>No announcements scheduled for today.</p>
</div>
{% endif %}

{% if reminders %}
<h3 class="mb-4">Birthday Reminders Today</h3>
<div class="table-wrap mb-8 animate-in">
<table>
    <thead>
        <tr><th>Time</th><th>Message</th></tr>
    </thead>
    <tbody>
    {% for r in reminders %}
        <tr>
            <td class="text-mono">{{ r.reminder_time }}</td>
            <td>{{ r.message }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% endif %}

<h3 class="mb-4">Tomorrow — {{ tomorrow.strftime("%A, %B %d") }}</h3>
{% if tomorrow_exceptions %}
<div class="alert-card animate-in">
    <strong>Exception day:</strong>
    {% for e in tomorrow_exceptions %}
        {{ e.label }} ({{ e.schedule_override }}){% if not loop.last %}, {% endif %}
    {% endfor %}
</div>
{% endif %}
{% if tomorrows_schedules %}
<div class="table-wrap mb-8 animate-in">
<table>
    <thead>
        <tr><th>Time</th><th>Name</th><th>Content</th></tr>
    </thead>
    <tbody>
    {% for s in tomorrows_schedules %}
        <tr>
            <td class="text-mono">{{ s.time }}</td>
            <td>{{ s.name }}</td>
            <td>
                {% if s.sound %}<small>{{ s.sound }}</small>{% endif %}
                {% if s.sound and s.content %}<br>{% endif %}
                {% if s.content %}{{ s.content[:60] }}{{ "..." if s.content|length > 60 else "" }}{% endif %}
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<div class="empty-state animate-in">
    <p>No announcements scheduled for tomorrow.</p>
</div>
{% endif %}

{% if next_birthday %}
<h3 class="mb-4">Next Birthday Reminder</h3>
<div class="table-wrap animate-in">
<table>
    <thead>
        <tr><th>Date</th><th>Time</th><th>Message</th></tr>
    </thead>
    <tbody>
        <tr>
            <td>{{ next_birthday.date.strftime("%A, %B %d") }}</td>
            <td class="text-mono">{{ next_birthday.reminder_time }}</td>
            <td>{{ next_birthday.message }}</td>
        </tr>
    </tbody>
</table>
</div>
{% endif %}
{% endblock %}