doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader       

        // page-wrapper 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
                form.theme-form.login-form.needs-validation(novalidate='')
                  h4 Login
                  h6 Welcome back! Log in to your account.
                  .form-group
                    label Email Address
                    .input-group
                      span(class="input-group-text")
                        i.icon-email
                      input.form-control(type='email', required='' placeholder='Test@gmail.com')
                      .invalid-tooltip
                        | Please enter proper email.
                  .form-group
                    label Password
                    .input-group
                      span(class="input-group-text")
                        i.icon-lock
                      input.form-control(type='password', name='login[password]', required='' placeholder="*********")
                      .invalid-tooltip
                       | Please enter password.
                      .show-hide
                        span.show                          
                  .form-group
                    .checkbox
                      input#checkbox1(type='checkbox')
                      label.text-muted(for='checkbox1') Remember password
                    a.link(href='forget-password.html') Forgot password?
                  .form-group
                    button.btn.btn-primary.btn-block(type='submit') Sign in
                  .login-social-title                 
                    h5 Sign in with
                  .form-group
                    ul.login-social
                      li
                        a(href='https://www.linkedin.com/login' target='_blank')
                          i(data-feather="linkedin")
                      li
                        a(href='https://www.linkedin.com/login' target='_blank')
                          i(data-feather="twitter")
                      li
                        a(href='https://www.linkedin.com/login' target='_blank')
                          i(data-feather="facebook")
                      li
                        a(href='https://www.instagram.com/login' target='_blank')
                          i(data-feather="instagram")                   
                  p 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