{% extends "base.html" %}

{% block title %}Workout Now — SneakySwole{% endblock %}

{% block content %}
<h1>Workout Now</h1>

<p>
    {% if last_workout_name %}
    Last workout: <strong>{{ last_workout_name }}</strong> on {{ last_workout_date.strftime('%b %-d') }}
    {% else %}
    No workouts yet — start with Push!
    {% endif %}
</p>

<div class="grid">
    {% for day in days %}
    <article>
        <header>
            <h3>Day {{ day.day_number }}: {{ day.name }}</h3>
            {% if day.id == recommended_day_id %}
            <mark>Recommended Next</mark>
            {% endif %}
        </header>
        <p>{{ day.description }}</p>
        <footer>
            {% if day.id == recommended_day_id %}
            <a href="/workouts/{{ day.name|lower|replace(' ', '-') }}"
               role="button">Start Workout</a>
            {% else %}
            <a href="/workouts/{{ day.name|lower|replace(' ', '-') }}"
               role="button" class="outline">Start Workout</a>
            {% endif %}
        </footer>
    </article>
    {% endfor %}
</div>
{% endblock %}