{% extends 'base.html' %}
{% load static %}
{% block body %}
     <div class="loginColumns animated fadeInDown">
        <div class="row">
            <div class="col-md-3"></div>
            <div class="col-md-6">
                <div class="ibox-content">
                    <!-- <div class="justify-content-center d-flex text-align-center">
                        <img alt="image" style="width: 100px; height:100px;" class="rounded-circle" src="{% static 'admin/logo.png' %}" />
                    </div> -->
                    <div class="py-2 w-100">
                        {% if error %}
                            <small style="width:100%; color:red; display: block; text-align: center;">{{error}}</small>
                        {% endif %}
                    </div>
                    <form class="m-t" role="form" method="POST" action="/demo/authentication/login">
                        {% csrf_token %}
                        <div class="form-group">
                            <label>Email</label>
                            {{form.email}}
                            {% if form.email.errors|length > 0 %}
                                <small class="my-1" style="color:red; text-align: left;">{{form.email.errors.0}}</small>
                            {% endif %}
                            <!-- <input type="email" class="form-control" placeholder="Username" required=""> -->
                        </div>
                        <div class="form-group">
                            <label>Password</label>
                            {{form.password}}
                            {% if form.password.errors|length > 0 %}
                                <small class="my-1" style="color:red; text-align: left;">{{form.password.errors.0}}</small>
                            {% endif %}
                        </div>
                        <button type="submit" class="btn btn-primary block full-width m-b">Login</button>

                        <div class="justify-content-end d-flex align-items-end">
                            <a href="/demo/authentication/forgot-password">
                                <small>Forgot password?</small>
                            </a>
                        </div>
                        
                    </form>
                    <p class="m-t text-align-center justify-content-center d-flex">
                        <small>MIS PORTAL &copy; 2025</small>
                    </p>
                </div>
            </div>
            <!-- <div class="col-md-3"></div> -->
        </div>
        <hr/>
    </div>
{% for message in messages %}
	<script>
		showNotification('{{message}}', '{{message.tags}}')
	</script>
{% endfor %}

{% endblock %}