{%include "../fcommon/auth-header.html"%}
{% load static %}

 
    <!-- =============  courses start =============   -->

    <section class="courses p-md-5" id="courses">
        <div class="container">
            
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8 col-sm-12 mt-3 mb-3">
                    <!-- <div class="mb-4">
                        <img src=" {% static 'website/assets/img/logo/crack-every-test-logo-1.png'%}" alt="" class="img-fluid">
                    </div> -->
                    <div class="card card-body shadow p-5">
                        <form id="loginForm" class="bg-white">
                           
                            <h4 class="text-center"><strong>Login to your account</strong></h4>
                            <p class="line"></p>
                            <br>
                            <div class="mb-3">
                                {% csrf_token %}
                                <label for="Email1" class="form-label">Email Address</label>
                                <input type="email" class="form-control" id="email" aria-describedby="emailHelp"
                                    placeholder="">
                            </div>
                            <div class="mb-3">
                                <label for="Password" class="form-label">Password</label>
                                <input type="password" class="form-control" id="password" placeholder="**********">
                            </div>
                            <div class="">
                                <!-- <div class="mb-3 form-check">
                                    <input type="checkbox" class="form-check-input" id="exampleCheck1">
                                    <label class="form-check-label" for="exampleCheck1">Remember Me</label>
                                </div> -->
                                <div class="ms-auto">
                                    <a href="/forget-password">Forgot Password ?</a>
                                </div>
                            </div>
                            <br>
                            <div id="login-msg"></div>
                            <button type="submit" class="login-btn">Sign In</button>
                            <!-- <p class="signup mt-3">Don't have an account? <a href="/register" class="text-primary">Sign
                                    up</a></p> -->
                        </form>
                        <!-- <form method="POST">
                            {% csrf_token %}<br>
                            <a class="btn login-with-google-btn" id="google-login-button">Sign In with Google</a>
                        </form> -->
                    </div>
                </div>
            </div>


        </div>
    </section>
    <!-- <script>
         document.getElementById('google-login-button').addEventListener('click', function() {
    window.location.href = '/google-login/';
  });
    </script> -->
    <!-- =============  courses start =============   -->
<!-- =============== footer start =============== -->
{%include "../fcommon/footer.html"%} 
<!-- =============== footer start =============== -->
 
</body>

</html>