{% extends "base.html" %}

{% block title %}Login{% endblock %}

{% block content %}
<div class="wrapper" style="max-width:360px; padding:20px; margin:auto;">
    <h2>Login</h2>
    <p>Please fill in your credentials to login.</p>

    {% if login_err %}
        <div class="alert alert-danger">{{ login_err }}</div>
    {% endif %}

    <form method="post" action="{{ url_for('login.login') }}">
        <div class="form-group">
            <label>Username</label>
            <input type="text" name="username" 
                   class="form-control {% if username_err %}is-invalid{% endif %}" 
                   value="{{ username }}">
            {% if username_err %}
                <div class="invalid-feedback">{{ username_err }}</div>
            {% endif %}
        </div>

        <div class="form-group">
            <label>Password</label>
            <input type="password" name="password" 
                   class="form-control {% if password_err %}is-invalid{% endif %}">
            {% if password_err %}
                <div class="invalid-feedback">{{ password_err }}</div>
            {% endif %}
        </div>

        <div class="form-group">
            <input type="submit" class="btn btn-primary" value="Login">
        </div>

        <p>Don't have an account? <a href="{{ url_for('register.register') }}">Sign up now</a>.</p>
    </form>
</div>
{% endblock %}