{% extends "base.html" %}
{% block content %}
    <section class="panel">
        <h2>Gym</h2>
        <p class="muted">Each session costs 5 energy, grants 5 xp, and gives a random stat gain from +1 to +3.</p>
    </section>

    <section class="grid-2">
        {% for stat in ["strength", "speed", "defense", "dexterity"] %}
            <article class="panel">
                <h3>{{ stat|capitalize }}</h3>
                <p class="muted">Current: {{ current_user[stat] }}</p>
                <form method="post" class="inline-form">
                    <input type="hidden" name="stat" value="{{ stat }}">
                    <button type="submit" class="primary">Train {{ stat|capitalize }}</button>
                </form>
            </article>
        {% endfor %}
    </section>
{% endblock %}