{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% load static %}

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

{% block content %}
<div class="row justify-content-center mt-5">
    <div class="col-md-4">
        <div class="card shadow">
            <div class="card-header text-center bg-primary text-white">
                <h4 class="mb-0"><img src="{% static 'images/logo.jpg' %}" alt="Bcbooks and Stationers" height="30" class="me-2">Bcbooks and Stationers</h4>
            </div>
            <div class="card-body">
                <form method="post">
                    {% csrf_token %}
                    {{ form|crispy }}
                    <button type="submit" class="btn btn-primary w-100 mt-3">Login</button>
                </form>
                <script>document.addEventListener('DOMContentLoaded', function() {
                    var rm = document.getElementById('id_remember_me');
                    if (rm) { rm.checked = true; }
                });</script>
                <div class="mt-3 text-center">
                    <a href="{% url 'password_reset' %}">Forgot password?</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}