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

<head>
	<title>Login | POS Buku MTD</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="icon" href="<?= base_url('assets/logo.png'); ?>" type="image/png">

	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/vendor/bootstrap/css/bootstrap.min.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/fonts/iconic/css/material-design-iconic-font.min.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/vendor/animate/animate.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/vendor/css-hamburgers/hamburgers.min.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/vendor/animsition/css/animsition.min.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/vendor/select2/select2.min.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/vendor/daterangepicker/daterangepicker.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/css/util.css'); ?>">
	<link rel="stylesheet" type="text/css" href="<?= base_url('assets/login/css/main.css'); ?>">
</head>

<body>

	<div class="limiter">
		<div class="container-login100">
			<div class="wrap-login100">
				<form class="login100-form validate-form" action="<?= base_url('auth/login'); ?>" method="POST">
					
					<span class="login100-form-title p-b-35">
						<img width="100" src="<?= base_url('assets/logo.png'); ?>" alt="Logo POS Buku MTD">
					</span>

					<span class="login100-form-title p-b-26">
						POS BUKU MTD
					</span>

					<?php $error = $this->session->flashdata('message_name'); ?>
					<?php if (!empty($error)) : ?>
						<p align="center" style="color:red;"><?= html_escape($error); ?></p>
					<?php endif; ?>

					<div class="wrap-input100 validate-input" data-validate="Masukkan username">
						<input class="input100" type="text" name="username" id="username" autocomplete="username">
						<span class="focus-input100" data-placeholder="Username"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="Masukkan password">
						<span class="btn-show-pass">
							<i class="zmdi zmdi-eye"></i>
						</span>
						<input class="input100" type="password" name="password" id="password" autocomplete="current-password">
						<span class="focus-input100" data-placeholder="Password"></span>
					</div>

					<div class="container-login100-form-btn">
						<div class="wrap-login100-form-btn">
							<div class="login100-form-bgbtn"></div>
							<button type="submit" class="login100-form-btn" name="submit">
								Login
							</button>
						</div>
					</div>

					<div class="text-center p-t-25">
						<span class="txt1">
							<strong>KOPERASI DHARMA AL MUHTADIN</strong>
						</span><br>
						<span class="txt1">Jl. Raya Cipayung No. 1 Cipayung</span><br>
						<span class="txt1">Kota Depok</span>
					</div>

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

	<div id="dropDownSelect1"></div>

	<script src="<?= base_url('assets/login/vendor/jquery/jquery-3.2.1.min.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/animsition/js/animsition.min.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/bootstrap/js/popper.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/bootstrap/js/bootstrap.min.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/select2/select2.min.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/daterangepicker/moment.min.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/daterangepicker/daterangepicker.js'); ?>"></script>
	<script src="<?= base_url('assets/login/vendor/countdowntime/countdowntime.js'); ?>"></script>
	<script src="<?= base_url('assets/login/js/main.js'); ?>"></script>

</body>

</html>