<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title><?php echo author; ?></title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="" />

  <link rel="shortcut icon" href="<?php echo base_url('assets/user/images/favicon.png'); ?>">
  <link rel="icon" href="<?php echo base_url('assets/user/images/favicon.png'); ?>" type="image/x-icon">

  <link href="<?php echo base_url('assets/admin/dist/css/style.css'); ?>" rel="stylesheet" type="text/css">
</head>

<body>

  <div class="wrapper  pa-0">
    <header class="sp-header">
      <div class="sp-logo-wrap pull-left">
      </div>
      <div class="clearfix"></div>
    </header>

    <!-- Main Content -->
    <div class="page-wrapper pa-0 ma-0 auth-page">
      <div class="container-fluid">
        <!-- Row -->
        <div class="row">
          <div class="alert alert-success alert-dismissible" role="alert" <?php if ($this->session->flashdata('message') == '') { ?> style="display:none" <?php } ?>>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <?php echo $this->session->flashdata('message'); ?>
          </div>
          <div class="alert alert-danger alert-dismissible" role="alert" <?php if ($this->session->flashdata('emessage') == '') { ?> style="display:none" <?php } ?>>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <?php echo $this->session->flashdata('emessage'); ?>
          </div>

        </div>
        <div class="row align-items-center justify-content-center">
          <div class="col-lg-8 col-md-8 bg-secondary full-height text-center align-items-center d-flex justify-content-center m-d-none" style="background: #f3f3f3;min-height:100vh;">
            <img src="<?php echo base_url() ?>/assets/user/images/login-v2.svg" class="w-100">
          </div>
          <div class="col-lg-4 col-md-4">
            <div class="login-box">
              <div class="col-sm-12 col-xs-12">
                <div class="mb-30">
                  <p class="text-center"><img src="<?php echo base_url(admin_logo); ?>" alt="logo" width="250"></p>
                </div>
                <div class="form-wrap">
                  <form id="superadminLoginForm" action="<?php echo base_url('adminlogin'); ?>" method="post">
                    <div class="form-group">
                      <label class="control-label mb-10" for="exampleInputEmail_2">Login Id</label>
                      <input type="email" class="form-control" name="email" placeholder="Enter Login Id">
                    </div>
                    <div class="form-group">
                      <label class="pull-left control-label mb-10" for="exampleInputpwd_2" style="width:100%">Password <a href="javascript:void(0);" class="openATcModal" style=" float: right;">Forgot Password</a></label>
                      <div class="clearfix"></div>
                      <input type="password" name="password" class="form-control" placeholder="Enter Password">
                    </div>

                    <div class="form-group text-center">
                      <button type="submit" class="btn btn-warning" style="width:100%;padding: 7.5px;border-radius: 8px; background: #000;border-color: #000;">Login</button>
                    </div>
                    <div class="form-group text-center">

                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- /Row -->
      </div>

    </div>
    <!-- /Main Content -->

  </div>
  <!-- /#wrapper -->

  <div class="alertbox">
    <div class="row">
      <div class="col-md-12">
        <a href="javascript:void(0);" class="closeATcModal" style="position:absolute;top: -56px;right: -43px;font-size: 24px;background: #ed1c24;border: 1px solid #ed1c24;border-radius: 50px;color: #fff;width: 30px;height: 30px;line-height: 30px;text-align: center;">×</a>
        <h6>Your password will be reset, click OK to continue</h6>
        <p class="text-center mt-10">
          <a href="<?php echo base_url('admin_login/forgotAdminPassword'); ?>" class="btn btn-primary" style="border-radius: 8px; background: #000;border-color: #000;">OK</a>
        </p>
      </div>
    </div>
  </div>

  <style type="text/css">
    .alertbox {
      display: none;
      box-shadow: 1px 2px 8px 2px #ddd;
      border-radius: 10px;
      background: #fff;
      border: 2px solid #000;
      text-align: center;
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 999;
      width: 90%;
      max-width: 450px;
      padding: 50px;
    }

    .auth-page {
      /*background: url(<?php echo base_url() ?>/assets/user/images/unnamed.png)!important;*/
      background-position: center bottom !important;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      height: 100vh;
    }

    .login-box {
      /*background-color: #3a36344d;*/
      padding: 15px;
      border-radius: 15px;
      backdrop-filter: blur(10px) contrast(1.5) hue-rotate(20deg);
      float: left;
      width: 100%;
    }

    .login-box input {
      border: 2px solid #f3f3f3;
      /*box-shadow: 0 0 5px #c7c7c7;*/
      border-radius: 8px;
    }

    .text-white {
      color: #fff;
    }

    .login-box label {
      color: #737373;
    }

    .auth-form-wrap {
      padding: 0;
    }

    .d-flex {
      display: flex;
    }

    .align-items-center {
      align-items: center;
    }

    .justify-content-center {
      justify-content: center;
    }

    @media only screen and (max-width: 991px) {
      .m-d-none {
        display: none !important;
      }
    }
  </style>

  <!-- JavaScript -->

  <!-- jQuery -->
  <script src="<?php echo base_url('assets/admin/vendors/bower_components/jquery/dist/jquery.min.js'); ?>"></script>

  <!-- Bootstrap Core JavaScript -->
  <script src="<?php echo base_url('assets/admin/vendors/bower_components/bootstrap/dist/js/bootstrap.min.js'); ?>"></script>

  <!-- Slimscroll JavaScript -->
  <script src="<?php echo base_url('assets/admin/dist/js/jquery.slimscroll.js'); ?>"></script>
  <script>
    $('.openATcModal').on('click', function() {
      $('.alertbox').css('display', 'block');
    });
    $('.closeATcModal').on('click', function() {
      $('.alertbox').css('display', 'none');
    });
  </script>
</body>

</html>