{% extends 'partials/base.html' %}
{% load static %}
{% block content %}
      <!-- Login Reg start -->
      <section class="login-reg">
        <div class="overlay pt-120">
            <div class="container">
                <div class="row align-items-center justify-content-center">
                    <div class="col-xl-6 order-xl-0 order-1">
                        <div class="sec-img d-rtl">
                            <img src="{% static 'assets/images/login-reg-bg.png' %}" class="max-un" alt="image">
                        </div>
                    </div>
                    <div class="col-xl-5">
                        <div class="section-text text-center">
                            <h5 class="sub-title">Welcome to 10X-Grantfundsbank</h5>
                            <h2 class="title">Sign In</h2>
                            <p class="dont-acc">Don't have an account yet? <a href="{% url 'userauths:sign-up' %}">Sign Up</a></p>
                            <!-- <div class="reg-google">
                                <a href="javascript:void(0)"><i class="fab fa-google"></i>Sign up with Google</a>
                            </div>
                            <span class="or">Or Continue With</span> -->
                        </div>
                        
                        {% if messages %}
                            {% for message in messages %}
                                <strong>{{ message }}</strong>
                            {% endfor %}
                        {% endif %}
                            
                        <form method="POST">
                     {% csrf_token %}
                     {% if messages %}
                    <div class="alert-section">
                     {% for message in messages %}
                  <div class="alert {% if message.tags %}alert-{{ message.tags }}{% else %}alert-info{% endif %}">
                    <p>{{ message }}</p>
                </div>
                  {% endfor %}
                </div>
             {% endif %}
    
              <div class="row">
                <div class="col-12">
                 <div class="single-input">
                  <label for="logemail" class="form-label text-dark"><b>Email address</b></label>
                <input type="email" class="form-control border-success" id="logemail" name="email" placeholder="name@example.com" required>
            </div>
            <div class="single-input">
                <label for="logpassword" class="form-label text-dark">Password</label>
                <input type="password" name="password" id="logpassword" placeholder="Enter Your Password" required>
            </div>
            <button class="cmn-btn bg-primary text-light w-100 rounded-2 mt-3 p-2" type="submit">Login</button>
           </div>
          </div>
     </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Login Reg end -->
 {% endblock content %}