{% extends "base.html" %}

{% block title %}SneakySwole — Home{% endblock %}

{% block content %}
<hgroup>
    <h1>SneakySwole</h1>
    <p>Your open-source workout tracker</p>
</hgroup>

{% if profiles %}
<h2>Select Profile</h2>
<div class="grid">
    {% for profile in profiles %}
    <article>
        <header>
            <strong>{{ profile.display_name }}</strong>
        </header>
        {% if profile.height or profile.weight %}
        <p>
            {% if profile.height %}Height: {{ profile.height }}{% endif %}
            {% if profile.height and profile.weight %} &middot; {% endif %}
            {% if profile.weight %}Weight: {{ profile.weight }}{% endif %}
        </p>
        {% endif %}
        <footer>
            <form method="POST" action="/profiles/switch">
                <input type="hidden" name="profile_id" value="{{ profile.id }}">
                <button type="submit" class="contrast">Select</button>
            </form>
        </footer>
    </article>
    {% endfor %}
</div>
{% else %}
<p>No profiles yet. Create one to get started.</p>
{% endif %}

<a href="/profiles/create" role="button" class="secondary">Create New Profile</a>
{% endblock %}