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

{% block content %}
<div class="columns is-centered">
    <div class="column is-4-desktop is-6-tablet">
        <div class="box mt-6">
            <h1 class="title has-text-centered mb-5">Login</h1>
            
            {% if messages %}
                {% for message in messages %}
                    <div class="notification is-danger is-light">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}

            <form method="post">
                {% csrf_token %}
                <div class="field">
                    <label class="label">Username</label>
                    <div class="control">
                        <input class="input" type="text" name="username" placeholder="Enter your username" required>
                    </div>
                </div>

                <div class="field">
                    <label class="label">Password</label>
                    <div class="control">
                        <input class="input" type="password" name="password" placeholder="Enter your password" required>
                    </div>
                </div>

                <div class="field mt-5">
                    <div class="control">
                        <button type="submit" class="button is-primary is-fullwidth"><strong>Sign In</strong></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}