{% extends "layouts/base.html" %}

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

{% block content %}
<section class="form-container">
    <h2>Login to your Account</h2>
    {% if error %}
        <p class="error">{{ error }}</p>
    {% endif %}
    <form action="/login" method="post">
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" required>
            {% if errors.email %}
                <p class="error">{{ errors.email }}</p>
            {% endif %}
        </div>
        <div class="form-group">
            <label for="password">Password</.label>
            <input type="password" id="password" name="password" required>
            {% if errors.password %}
                <p class="error">{{ errors.password }}</p>
            {% endif %}
        </div>
        <button type="submit" class="btn-primary">Login</button>
    </form>
</section>
{% endblock %}