{% extends "base.html" %}

{% block title %}Edit Profile — {{ profile.display_name }}{% endblock %}

{% block content %}
<article>
    <header>
        <h2>Edit Profile: {{ profile.display_name }}</h2>
    </header>

    <form method="POST" action="/profiles/{{ profile.id }}/edit">
        <label for="display_name">Display Name</label>
        <input type="text" id="display_name" name="display_name"
               value="{{ profile.display_name }}" required>

        <label for="height">Height</label>
        <input type="text" id="height" name="height"
               value="{{ profile.height or '' }}" placeholder="e.g., 6'0&quot;">

        <label for="weight">Weight</label>
        <input type="text" id="weight" name="weight"
               value="{{ profile.weight or '' }}" placeholder="e.g., 260 lbs">

        <label for="goals">Goals</label>
        <textarea id="goals" name="goals"
                  placeholder="Training goals...">{{ profile.goals or '' }}</textarea>

        <div class="grid">
            <a href="/profiles" role="button" class="outline secondary">Cancel</a>
            <button type="submit">Save Changes</button>
        </div>
    </form>
</article>
{% endblock %}