- var sidebar               = false
doctype html
html(lang='en')
  include ../../components/header-files
  body
    // login page start
    .container-fluid
      .row
        .col-xl-5
          img.bg-img-cover.bg-center(src="../assets/images/login/3.jpg" alt="looginpage" )
        .col-xl-7.p-0
          .login-card.login-dark
            div
              div
                a.logo.text-start(href="dashboard-01.html")
                  img.img-fluid.for-light(src="../assets/images/logo/logo.png" alt="looginpage" )
                  img.img-fluid.for-dark(src="../assets/images/logo/logo_dark.png" alt="looginpage" )
              .login-main 
                form.theme-form
                  h4 Sign in to account
                  p Enter your email & password to login

                  .form-group
                    label.col-form-label Email Address
                    input.form-control(type='email', required='' placeholder='Test@gmail.com')
                  .form-group
                    label.col-form-label Password
                    .form-input.position-relative
                      input.form-control(type='password', name='login[password]', required='' placeholder="*********")
                      .show-hide
                        span.show                          

                  .form-group.mb-0
                    .checkbox.p-0
                      input#checkbox1(type='checkbox')
                      label.text-muted(for='checkbox1') Remember password
                    a.link(href='forget-password.html') Forgot password?
                    .text-end.mt-3
                      button.btn.btn-primary.btn-block.w-100(type='submit') Sign in
                  h6.text-muted.mt-4.or Or Sign in with
                  .social.mt-4
                    .btn-showcase
                      a.btn.btn-light(href='https://www.linkedin.com/login' target='_blank')
                        i.txt-linkedin(data-feather="linkedin")
                        |  LinkedIn 

                      a.btn.btn-light(href='https://twitter.com/login?lang=en' target='_blank')
                        i.txt-twitter(data-feather="twitter")
                        | twitter

                      a.btn.btn-light(href='https://www.facebook.com/' target='_blank')

                        i.txt-fb(data-feather="facebook")
                        | facebook
                  p.mt-4.mb-0.text-center Don't have account?
                    a.ms-2(href="sign-up.html") Create Account


                  script.
                    (function() {
                    'use strict';
                    window.addEventListener('load', function() {
                    // Fetch all the forms we want to apply custom Bootstrap validation styles to
                    var forms = document.getElementsByClassName('needs-validation');
                    // Loop over them and prevent submission
                    var validation = Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                    if (form.checkValidity() === false) {
                    event.preventDefault();
                    event.stopPropagation();
                    }
                    form.classList.add('was-validated');
                    }, false);
                    });
                    }, false);
                    })();

      include ../../components/footer-files