<!doctype html>
<html lang="en">
  <!-- [Head] start -->

  <head>
<?php include 'layout/head.php'; ?>
<?php include 'layout/head-css.php'; ?>
  </head>
  <!-- [Head] end -->
  <!-- [Body] Start -->

  <body data-pc-preset="preset-1" data-pc-sidebar-theme="dark" data-pc-sidebar-caption="true" data-pc-direction="ltr" data-pc-theme="light">
    <!-- [ Pre-loader ] start -->
    <div class="loader-bg">
      <div class="pc-loader">
        <div class="loader-fill"></div>
      </div>
    </div>
    <!-- [ Pre-loader ] End -->

    <div class="auth-main v2 " style="    background: url(<?= base_url('uploads/settings/' . $settings->login_background) ?>); repeat: no-repeat;background-repeat: no-repeat;background-size: cover;">
      <div class="bg-overlay bg-dark"></div>
      <div class="auth-wrapper">
        <div class="auth-sidecontent">
          <div class="text-start px-3 px-md-5">
            <a href="<?php echo base_url(); ?>" class="d-block mt-5"><img src="<?= base_url('uploads/settings/' . $settings->logo_login) ?>" alt="Logo" style="width: 300px;"/></a>
            <p class="text-white mt-2 mt-md-4">The Managemen System for <?php echo $settings->org_name ?></p>
          </div>
        </div>
        <div class="auth-form">
          <div class="card my-5 mx-3">
            <div class="card-header bg-dark">
              <h4 class="text-center text-white mb-0 f-w-500">Login with your email</h4>
            </div>
            <div class="card-body">
                <?php
                        $attributes = ['name' => 'formLogin', 'id' => 'formLogin', 'class' => 'animated fadeIn' ];
                        echo form_open('/admin/home/validate', $attributes);
                        ?>

                        <?php if (isset($error)) : ?>
                            <div class="alert alert-danger"><?php echo $error; ?></div>
                            <?php endif ?>

              <div class="mb-3">
                <input type="text" name="email" class="form-control" id="floatingInput" placeholder="Email Or Username" />
              </div>
              <div class="mb-3">
                <input type="password" name="password"  class="form-control" id="floatingInput1" placeholder="Password" />
              </div>
              <div class="d-flex mt-1 justify-content-between align-items-center">
                <div class="form-check">
                  <input class="form-check-input input-primary" name="remember_me" type="checkbox" id="customCheckc1" checked="" />
                  <label type="checkbox" name="remember_me" id="checkbox1" value="1" class="form-check-label text-muted" for="customCheckc1">Remember me?</label>
                </div>
              </div>
              <div class="d-grid mt-4">
                <button type="submit" class="btn btn-primary">Login</button>
              </div>
              <div class="saprator my-3">
                    
              </div>
              <?php echo form_close(); ?>
            </div>
            
          </div>
        </div>
      </div>
    </div>
    <!-- [ Main Content ] end -->
    <?php include 'layout/footer-js.php'; ?>
  </body>
  <!-- [Body] end -->
</html>