
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>RUCHITA GEMS | Log in</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.7 -->
  <link rel="stylesheet" href="<?php echo assets('bower_components/bootstrap/dist/css/bootstrap.min.css')?>">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="<?php echo assets('bower_components/font-awesome/css/font-awesome.min.css')?>">
  <!-- Ionicons -->
  <!-- <link rel="stylesheet" href="<?php echo assets('bower_components/Ionicons/css/ionicons.min.css')?>"> -->
  <!-- Theme style -->
  <link rel="stylesheet" href="<?php echo assets('dist/css/AdminLTE.min.css')?>">
  <!-- iCheck -->
  <link rel="stylesheet" href="<?php echo assets('plugins/iCheck/square/blue.css')?>">

  <!-- Offline css -->
  <link rel="stylesheet" href="<?php echo assets('dist/css/offline.css')?>">  
  <link rel="stylesheet" href="<?php echo assets('dist/css/offline-english-language.css')?>"> 

  <!-- Google Font -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">

  <link rel="stylesheet" href="<?php echo assets('dist/css/login.css')?>">  
</head>
<body class="unblur" style="background: linear-gradient(135deg, #3c5fa6, #101828) !important;">
<div class="login-box">
      <div class="glassmorphism d-flex flex-column justify-content-center align-items-center py-4 px-2">
  <div class="login-logo" style="margin-bottom: -20px;">
      <div class="d-flex justify-content-center">
        <img
          class="img-fluid"
          style="max-width: 50% !important;"
          src="<?php echo assets('img/logo_new.png') ?>"
        />
      </div>
  </div>
  <!-- /.login-logo -->
  <div style="padding: 8px; border-top: 0; color: #666;">

    <p class="login-box-msg" style="color: #ffffffff; font-size: 21px;">LOGIN</p>

    <!-- <?php if(isset($error)):?><div class="alert alert-danger" role="alert"><?php echo $error; ?></div><?php endif;?> -->
    <div class="alert_msg"></div>
    <form id="login_form">
    	 <div class="form-group has-feedback">
            <select name="year" type="text" id="year" class="form-control">
              <?php
                foreach ($year_range as $key => $value):
              ?>
                <option value="<?php echo $value?>"><?php echo $value?></option>
              <?php
                endforeach;
              ?>
            </select>
        </div>
      <div class="form-group has-feedback">
        <input type="text" class="form-control" placeholder="User Name" id="user_name" name="user_name">
        <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
        <input type="password" class="form-control" placeholder="Password" id="user_password" name="user_password">
        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
      </div>

      <button type="button" class="btn btn-login btn-block" onclick="login_btn()">LOGIN</button>

      <div class="text-center" style="margin-top: 24px;">
        <small class="text-muted mt-5 d-block">
          <b>Powered by</b> Interlink Consultant<br>
        </small>
        <small class="d-none d-sm-block text-muted d-block">
          <strong>&copy; <?php echo date('Y')?>-<?php echo date('Y')+1?>.</strong> All rights reserved.
        </small>
      </div>


    </form>
  </div>
  </div>
  <!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<!-- jQuery 3 -->
<script src="<?php echo assets('bower_components/jquery/dist/jquery.min.js')?>"></script>
<!-- Bootstrap 3.3.7 -->
<script src="<?php echo assets('bower_components/bootstrap/dist/js/bootstrap.min.js')?>"></script>
<!-- iCheck -->
<script src="<?php echo assets('plugins/iCheck/icheck.min.js')?>"></script>

<!-- Offline -->
<script src="<?php echo assets('dist/js/offline.js')?>"></script>
<!-- <script src="<?php echo assets('dist/js/offline-simulate-ui.min.js')?>"></script> -->

<script src="<?php echo assets('js/login.js')?>"></script>
<script>
  $(function () {
    $('input').iCheck({
      checkboxClass: 'icheckbox_square-blue',
      radioClass: 'iradio_square-blue',
      increaseArea: '20%' /* optional */
    });
  });
</script>
</body>
</html>