{% extends "base.html" %}
{% block title %}Register{% endblock %}
{% set hide_sidebar = True %}
{% block content %}
<article style="max-width: 600px; margin: 4rem auto;">
    <h1>Register</h1>
    {% if error %}
    <p style="color: var(--red)">{{ error }}</p>
    {% endif %}
    <form method="post" action="/register">
        <h3>Account</h3>
        <label>
            Username
            <input type="text" name="username" required autocomplete="username">
        </label>
        <label>
            Password
            <input type="password" name="password" required autocomplete="new-password">
        </label>

        <h3>Profile</h3>
        <label>
            Display Name
            <input type="text" name="display_name" autocomplete="name">
        </label>
        <label>
            Initial Weight (lb)
            <input type="number" name="initial_weight" step="0.1">
        </label>
        <label>
            Vital Stats
            <textarea name="vital_stats" rows="5" placeholder="Birth Date:&#10;Height:&#10;Gender:&#10;Other:"></textarea>
        </label>
        <small>Free-form stats passed to your AI coach. Fill in what you want.</small>

        <h3>Background</h3>
        <label>
            Medical Notes
            <textarea name="medical_notes" rows="3" placeholder="Injuries, conditions, limitations..."></textarea>
        </label>
        <label>
            Goals
            <textarea name="goals" rows="3" placeholder="Weight control, strength, endurance..."></textarea>
        </label>
        <label>
            Equipment
            <textarea name="equipment" rows="3" placeholder="Dumbbells, bench, bands, pull-up bar..."></textarea>
        </label>

        <button type="submit">Register</button>
    </form>
    <p>Already have an account? <a href="/login">Login</a></p>
</article>
{% endblock %}