{% extends "base.html" %}
{% block title %}Register — Meal Tracker{% endblock %}
{% block content %}
<div class="form-card">
    <h2>Create Account</h2>
    <form method="POST">
        <label for="username">Username</label>
        <input type="text" id="username" name="username" required autofocus>

        <label for="password">Password</label>
        <input type="password" id="password" name="password" required>

        <label for="confirm">Confirm Password</label>
        <input type="password" id="confirm" name="confirm" required>

        <button type="submit" class="btn btn-primary">Register</button>
    </form>
    <p class="form-footer">
        Already have an account? <a href="{{ url_for('auth.login') }}">Log in</a>
    </p>
</div>
{% endblock %}