<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title><?php echo $title ?></title>  
  <link rel="icon" type="image/x-icon" href="<?php echo base_url() ?>assets/file/favicon.ico" />
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Font Awesome -->
  <link rel="stylesheet" href="<?php echo base_url()?>assets/admin/plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- icheck bootstrap -->
  <link rel="stylesheet" href="<?php echo base_url()?>assets/admin/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="<?php echo base_url()?>assets/admin/dist/css/adminlte.min.css">
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
  <!--atur css-->
  <style type="text/css" media="screen">
    .login-box{
      min-width: 30%;
      border-radius: 5px !important;
    }
    
  </style>
</head>
<body class="hold-transition login-page" style="background: #a0ced9;background-size:cover;background-position: center;background-repeat: no-repeat;">

<div class="login-box">
  
  <!--<span class="animated infinite pulse delay-5s login100-form-title p-b-40">
  <img src="assets/img/logo_mtd.png" style="max-height:100px" align="center" class="img-responsive" alt="Responsive image" >
  </span>-->
   <?php
    $tp = $this->dashboard_model->tp();
  ?>
  <!-- /.login-logo -->
  <div class="card">
    <br>
      <center><img src="assets/img/logo_mtd.png" width=80px /></center><br>
    <div class="login-logo">
      <a href="<?php echo base_url('login')?>"><b>LOGIN SISTEM</b> | PPDB MTD<br>
      <small>TP. <?php echo $tp->tp ?></small>
      </a>
    </div>
    <div class="card-body login-card-body">
      <p class="login-box-msg">Masukkan Userid dan Password Anda</p>

      <?php 
       if($this->session->flashdata('sukses'))  {
       ?>

       <div class="alert alert-success alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
          <i class="icon fas fa-check"></i><?php echo $this->session->flashdata('sukses'); ?>
        </div>

       <?php } ?>

        <?php 
       if($this->session->flashdata('warning'))  {
       ?>

       <div class="alert alert-warning alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
          <i class="icon fas fa-check"></i><?php echo $this->session->flashdata('warning'); ?>
        </div>

       <?php } ?>

      <?php
      echo validation_errors('<div class="alert alert-warning alert-dismissible">
              <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
              <i class="icon fas fa-check"></i>','</div>');

      //form open login
      echo form_open(base_url('login'));
      ?>


        <div class="input-group mb-3">
          <input type="text" name="userid" class="form-control" placeholder="Userid">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-user"></span>
            </div>
          </div>
        </div>
        <div class="input-group mb-3">
          <input type="password" name="password" class="form-control" placeholder="Password">
          <div class="input-group-append">
            <div class="input-group-text">
              <span class="fas fa-lock"></span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-8">
            <div class="icheck-primary">
              <input type="checkbox" id="remember">
              <label for="remember">
                Ingatkan saya
              </label>
            </div>
          </div>
          <!-- /.col -->
          <div class="col-4">
            <button type="submit" class="btn btn-primary btn-block">Login</button>
          </div>
          <!-- /.col -->
		   <div class="card-body login-card-body">
            <p class="login-box-msg"><small>Copyright@Divisi SIM MTD 2024</small></p>
          </div>
        </div>
        </div>
      <?php echo form_close(); ?>

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

<!-- jQuery -->
<script src="<?php echo base_url()?>assets/admin<?php echo base_url()?>assets/admin<?php echo base_url()?>assets/admin/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="<?php echo base_url()?>assets/admin<?php echo base_url()?>assets/admin/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- AdminLTE App -->
<script src="<?php echo base_url()?>assets/admin/dist/js/adminlte.min.js"></script>

</body>
</html>
