{% extends "mobile/coach/base.html" %}
{% load i18n %}

{% comment %}
    Bottom-tab "Schedule" -- every upcoming event for the active team (not
    just the next one, that's Today's job), grouped into This week/Next
    week/by-month dividers -- see CoachScheduleView's own docstring for the
    shared agenda_groups grouping behind this (also mobile.views.CalendarView
    and management.views.EventListView's "List" mode). Each row links
    straight into the coach-relevant action for its kind rather than
    mobile:event_detail (the Member-shell RSVP page).
{% endcomment %}

{% block content %}
    {% if not active_team %}
        <div class="m-card p-6 text-center">
            <p class="font-display text-lg font-extrabold text-ink uppercase">{% trans "Not staffing a team yet" %}</p>
        </div>
    {% elif not this_week and not next_week and not later_months %}
        <div class="m-card p-6 text-center">
            <p class="text-sm text-muted">{% trans "Nothing scheduled." %}</p>
        </div>
    {% else %}
        <div class="flex flex-col gap-4">
            {% if this_week %}
                <div>
                    <div class="mb-2 font-display text-xs font-extrabold tracking-wide text-muted uppercase">{% trans "This week" %}</div>
                    <div class="m-card flex flex-col overflow-hidden">
                        {% for event in this_week %}
                            {% if not forloop.first %}<div class="h-px bg-rule"></div>{% endif %}
                            {% include "mobile/coach/_schedule_row.html" %}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}

            {% if next_week %}
                <div>
                    <div class="mb-2 font-display text-xs font-extrabold tracking-wide text-muted uppercase">{% trans "Next week" %}</div>
                    <div class="m-card flex flex-col overflow-hidden">
                        {% for event in next_week %}
                            {% if not forloop.first %}<div class="h-px bg-rule"></div>{% endif %}
                            {% include "mobile/coach/_schedule_row.html" %}
                        {% endfor %}
                    </div>
                </div>
            {% endif %}

            {% for month in later_months %}
                <div>
                    <div class="mb-2 font-display text-xs font-extrabold tracking-wide text-muted uppercase">{{ month.month_start|date:"F Y" }}</div>
                    <div class="m-card flex flex-col overflow-hidden">
                        {% for event in month.items %}
                            {% if not forloop.first %}<div class="h-px bg-rule"></div>{% endif %}
                            {% include "mobile/coach/_schedule_row.html" %}
                        {% endfor %}
                    </div>
                </div>
            {% endfor %}
        </div>
    {% endif %}
{% endblock content %}