{% extends 'admin_layout.html' %}
{% load static %}
{% block content %}
<style>
    @media(min-width: 2400px)
    {
    label {
        font-size: 18px !important;
    }
    .login-form-bg::before {
      height: 45%;
    }
    .login-input .form-group .form-control {
      padding: 19px;
      height: auto;
      font-size: 18px;
    }
    .loginlogo img {
      height: 90px;
    }
    .login-form__btn.submit , a.text-primary {
      font-size: 19px;
    }
    }
</style>
<title>Beni | Admin Login</title>
<div class="login-form-bg h-100">
    <div class="login-img-cnt">
        <img src="{% static 'admin/images/bglogin.png' %}">
    </div>
    <div class="container h-100">
        <div class="row justify-content-center h-100">
            <div class="col-xl-6">
                <div class="form-input-content">
                    <div class="card login-form mb-0">
                        <div class="card-body pt-5">
                            
                            <div class="loginlogo text-center">
                                <a class="text-center" href="/admin-signin"> 
                                    <img src="{% static 'admin/images/beniLogo.png' %}">
                                </a>
                            </div>

                            <form class="mt-3 mb-3 login-input" id ="admin-signin" action="/admin-signin" method="post">
                                {% csrf_token %}
                                <h3 class="text-center">Admin Signin!</h3>
                                <div class="form-group">
                                    <label>Email</label>
                                    <input type="email" name="email" id="email" class="form-control" placeholder="Email">
                                </div>
                                <div class="form-group">
                                    <label>Password</label>
                                    <input type="password" name="password" id="password" class="form-control" placeholder="Password">
                                </div>
                                <button class="btn login-form__btn submit w-100">Sign In</button>
                            </form>
                            <p class="mt-5 login-form__footer text-center"><a href="/admin-forget-password" class="text-primary underline">Forgot Password?</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}