<!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">
	<title>Panel Temporarily Unavailable</title>
	<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
	<meta name="msapplication-TileColor" content="#206bc4"/>
	<meta name="theme-color" content="#206bc4"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="mobile-web-app-capable" content="yes"/>
	<meta name="HandheldFriendly" content="True"/>
	<meta name="MobileOptimized" content="320"/>
	<link rel="canonical" href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
	<link rel="stylesheet" href="<?=public_url("system/css/alertify.css");?>">
	<script src="https://www.google.com/recaptcha/api.js" async defer></script>

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  	<![endif]-->

  	<?= htmlspecialchars_decode($settings['header_code']); ?>

  	<script type="text/javascript">
  		var _url = "<?=site("request/")?>";
  	</script>

</head>

<body>

	<div class="container">
		<div class="row">
			<div class="col-md-4 col-md-offset-4">
				<div class="page-header">
				  	<h4>Panel Temporarily Unavailable</h4>
				</div>
				<div class="well">
					<?php if(session('user_id')): ?>
					The panel is currently in maintenance mode, please try again later. If you are an authorized person, you can login to the admin area.
					<?php else: ?>
					<form id="login" onsubmit="return false;">
						<div class="form-group">
							<label for="username" class="control-label">Username</label>
							<input type="text" class="form-control" name="username">
						</div>
						<div class="form-group">
							<label for="password" class="control-label">Password</label>
							<input type="password" class="form-control" name="password">
						</div>
						
						<button type="submit" class="btn btn-primary btn-block">Staff Login</button>
					</form>
					<?php endif; ?>
				</div>
			</div>
		</div>
	</div>

</body>

	<script type="text/javascript">
	    var messages = {UNKNOWN_ERROR:"Unknown Error", PROCESS_ERROR:"Your process continues, please wait."};
	  </script>
	</body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/jquery.inputmask.bundle.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
	<script src="<?=public_url("system/js/bootstrap-datepicker.min.js");?>"></script>
	<script src="<?=public_url("system/js/alertify.js");?>"></script>
	<script src="<?=public_url("system/js/main.js");?>"></script>
</html>