{% extends "base.html" %}

{% block title %}4-Week Schedule -- SneakySwole{% endblock %}

{% block content %}
<hgroup>
    <h1>4-Week Schedule</h1>
    {% if active_profile %}
    <p>Schedule for: <strong>{{ active_profile.display_name }}</strong></p>
    {% else %}
    <p>No profile selected -- <a href="/profiles">select one</a></p>
    {% endif %}
</hgroup>

{% for week in weeks %}
<article>
    <header>
        <h3>Week {{ week.week_number }}</h3>
    </header>
    <div class="grid">
        {% for day in week.days %}
        <div style="text-align:center;
                    padding:1rem;
                    border-radius:0.5rem;
                    {% if day.is_today %}
                    border: 2px solid var(--pico-primary);
                    {% endif %}
                    {% if day.is_completed %}
                    background: rgba(99, 102, 241, 0.15);
                    {% endif %}">
            <strong>{{ day.workout_day.name }}</strong>
            <br>
            <small>{{ day.date.strftime('%b %d') }}</small>
            {% if day.is_completed %}
            <br><mark>Done</mark>
            {% endif %}
            {% if day.is_today %}
            <br><small><strong>Today</strong></small>
            {% endif %}
            <br>
            <a href="/workouts/{{ day.workout_day.name|lower|replace(' ', '-') }}"
               style="font-size:0.8rem;">
                Start
            </a>
        </div>
        {% endfor %}
    </div>
</article>
{% endfor %}
{% endblock %}