<?php
	include('views/_header_app.tpl.php');
?>

<?php

if (isset($_GET['reg_ok'])) {
	$msg = 'Registration Successful';
}

if (isset($_GET['msg'])) {
	$msg = htmlentities(strip_tags($_GET['msg']));
}

?>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="/3rdparty/keypad/pad.js?ver=<?php echo uniqid(); ?>"></script>
<link href="/3rdparty/keypad/style.css?ver=<?php echo uniqid();?>" rel="stylesheet">

 <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet"
id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"> </script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"> </script>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
  

<style type="text/css">
	.spacer {
		padding-top: 0px; 
	}
	html {
		background: #FFF;
		background-size: 500px !important;
		background-color: #FFF !important;
		/*overflow: hidden !important;*/
	}
	body {
		height: 100%;
		/*overflow: hidden;*/
		background:#fff;
	}
	header {
		display: none; 
	}
	h2 {
		margin:5px;
	}
	input[type="text"], input[type="password"] {
		border: 1px solid rgba(255,255,255,.3) !important;
	}
	#errordiv a {
		background: #fff; padding:3px 15px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		font-weight:500;
	}
</style>

<!-- ##################################### -->
<!-- #######   KEYPAD STARTS HERE  ####### -->
<!-- ##################################### -->

<div class="container">
	<div class="row">
		<div class="col-md-12">
			<!--<div class="col-md-4 col-md-offset-4 phone">-->
			<div class="row1">
			
			<?php
			if (isset($msg)) {
				echo "<div id='errordiv' style='line-height:25px; background:#cd0000; color:#fff; padding:11px 15px; margin:5px 5px 15px 5px; text-align:center;
border:1px solid #fff; font-weight:600; font-size:15px;'>$msg &nbsp;<a href='/auth/keypad'>Ok!</a></div>";
			}
			?>	
				<!--<form action="login.php" id="form1">-->
				<form method="post" id="form1" autocomplete="on">
					<div class="col-md-12">
						<input type="hidden" id="pin_code" name="pin_code" class="form-control tel" value="" />

						<div class="txt">
							<h2>ENTER PIN</h2>
						</div>

						<div class="pin_box">
							<input type="button" class="pin_cir" id="pin1" name="pin1">
							<input type="button" class="pin_cir" id="pin2">
							<input type="button" class="pin_cir" id="pin3">
							<input type="button" class="pin_cir" id="pin4">
						</div>

						<div class="clearfix"></div>

						<div class="num-pad">
						
						<div class="span4">
							<div class="num">
								<div class="txt">
									1
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									2
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									3
								</div>
							</div>
						</div>
						<div class="clear" style="clear:both;"></div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									4
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									5
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									6
								</div>
							</div>
						</div>
						<div class="clear" style="clear:both;"></div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									7
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									8
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									9
								</div>
							</div>
						</div>
						<div class="clear" style="clear:both;"></div>
						<div class="span4" style="padding-top:0px;">
							<div class="txt clearpin deleteicons" style="margin-top:0px;">
								<img src="/3rdparty/keypad/delete_icon_circle.png"
								alt="X" style="width:100%; text-align:center; margin-bottom:10px" />
							</div>
						</div>
						<div class="span4">
							<div class="num">
								<div class="txt">
									0
								</div>
							</div>
						</div>
						<div class="span4">
							<div class="txt back deleteicons" style="margin-top:0px;">
								<img src="/3rdparty/keypad/backspace_icon_circle.png"
								alt="Del" style="width:100%; text-align:center; margin-bottom:10px" />
							</div>
						</div>
						<input type="hidden" name="redirect_me" value="<?= $redirect_url ?>" />
						<br /><br />
						<center>
							<a href="/">&laquo; Back to Home</a> &nbsp; | &nbsp;
							<a href="/auth/login">Manager Login &raquo;</a> &nbsp; | &nbsp;
							<a href="/auth/keypad"><i class="fa fa-refresh"></i></a>
						</center>
						<!--<center><input type="submit" class="btn-o" value="Login"
						style="width:80%; padding-left:10px; padding-right:10px;
						margin-bottom:10px; background:red" /></center>-->						
						
						</div>
					</div><!-- DIV COL MD 12 -->
				</form>					

				<div class="clearfix">
			</div><!-- ROW1 ENDS -->
		</div><!-- COL MD 12 ENDS -->
	</div><!-- ROW ENDS -->
	<br />
	<center>
		<a href="javascript:top.frames.location.reload();" 
			class="refresh" style="color:#fff; font-size:12px;">Hard+Refresh</a>
	</center>
	<br />
</div><!-- CONTAINER ENDS -->

<?php

include('views/_footer_m.tpl.php');

?>
