{% extends "base.html" %}
{% block title %}Goals & Settings{% endblock %}
{% block content %}
<h1 class="text-3xl font-bold mb-6">Goals & Settings</h1>
<form method="POST" class="glass rounded-xl p-6 max-w-2xl">
<div class="grid grid-cols-2 gap-4 mb-4">
<div>
<label class="block text-sm font-medium mb-2">Age</label>
<input type="number" name="age" value="{{ user.age or 25 }}" class="w-full px-4 py-2 border rounded" required>
</div>
<div>
<label class="block text-sm font-medium mb-2">Gender</label>
<select name="gender" class="w-full px-4 py-2 border rounded" required>
<option value="male" {% if user.gender == 'male' %}selected{% endif %}>Male</option>
<option value="female" {% if user.gender == 'female' %}selected{% endif %}>Female</option>
</select>
</div>
</div>
<button type="submit" class="bg-primary text-white px-6 py-3 rounded hover:bg-red-700">Save</button>
</form>
{% endblock %}