<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="icon" type="image/png" sizes="16x16" href="<?=base_url();?>favicon.ico">
	<title>cmod</title>
	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
	<link href="<?=base_url();?>assets/css/styles.css" rel="stylesheet">
	<link href="<?=base_url();?>assets/css/login.css" rel="stylesheet">
	<style>
		.bg-primary-luxury{ background-color: #1C2B19; }
		.font-primary-luxury{ color: #E9E3C9;}
		.login-form {width:490px;}
		.bg-login { background-color:#1c1c1c; }
	</style>
</head>
<body>

	<section id="wrapper" class="login-register login-sidebar bg-login">
		<div class="login-box card rounded-0">
			<div class="card-body">
				<form class="form-horizontal form-material text-center" id="loginform" method='POST'>
					<img class='img-fluid mt-5' src="<?=base_url();?>assets/img/login-logo.png" /></a>
					<div class="form-group mt-3 mb-1">
						<div class="col-xs-12">
							<input class="form-control" type="text" id='userid' name='userid' placeholder="UserID" value='' required oninput="this.value = this.value.toUpperCase()" />
						</div>
					</div>
					<div class="form-group mb-1">
						<div class="col-xs-12">
							<input class="form-control" type="password" name='password' placeholder="Password" value='' />
						</div>
					</div>
					<div class="form-group text-center m-t-20">
						<div class="col-xs-12">
							<button class="btn bg-primary-luxury btn-block w-100" type="submit">
								<span class="font-primary-luxury"> Login </span>
							</button>
						</div>
					</div>
				</form>

				<?php if (session()->getFlashdata('error')): ?>
					<div class="alert alert-danger mt-5">
						<?= session()->getFlashdata('error') ?>
					</div>
				<?php endif; ?>
			</div>
			<div class='card-footer'>
				<p class='ms-auto'>&copy; 4SKA1 2024 - 2025</p>
			</div>
		</div>
	</section>
	<script src="<?=base_url();?>assets/jquery-3.7.1.min.js"></script>
	<script src="<?=base_url();?>assets/js/bootstrap.bundle.min.js"></script>
	<script>
	window.onload = function() {
		document.getElementById("userid").focus();
	}
	</script>
</body>
</html>