{% extends "base.html" %}

{% block title %}Register - MV+{% endblock %}

{% block content %}
<div class="auth-container">
    <div class="auth-content">
        <div class="auth-header">
            <h1>Register</h1>
            <p>Create an account to manage your projects</p>
        </div>

        <div class="auth-form-container">
            <form class="auth-form" method="POST">
                <div class="form-group">
                    <label for="username">Username</label>
                    <input type="text" id="username" name="username" required>
                </div>

                <div class="form-group">
                    <label for="email">Email (Optional)</label>
                    <input type="email" id="email" name="email">
                </div>

                <div class="form-group">
                    <label for="password">Password</label>
                    <input type="password" id="password" name="password" required>
                </div>

                <button type="submit" class="btn btn-primary auth-btn">Register</button>
            </form>

            <div class="auth-links">
                <p>Already have an account? <a href="{{ url_for('login') }}">Login here</a></p>
            </div>
        </div>
    </div>
</div>
{% endblock %}