<?php require_once "atp.header.php" ?>

<section class="content-wrapper" data-heading="home" id="alarms">
	<!--Heading-->
	<div class="page-title">
		<h1>
			Alarms
		</h1>
		<p>
			Configure parameters for alarms and view alarm history.
		</p>
		<a class="button button-gray button-medium" id="alarm-reset">Acknowledge<br> Alarm</a>
	</div>

	<!--Alarm Grid-->
	<div class="top-wrapper box box-top alarm-grid" id="alarm-grid">
		<div><h2>Alarm</h2></div>
		<div><h2>Condition</h2></div>
		<div class="tooltip-wrapper">
			<h2>Relay</h2>
			<div class="tooltip">
				<p>
					If checked this alarm will cause the alarm relay on the ATP to close.
				</p>
			</div>
		</div>
		<div class="tooltip-wrapper">
			<h2>Latch</h2>
			<div class="tooltip">
				<p>
					If checked this alarm will remain until acknowledged, even if the trigger condition is no longer met.
				</p>
			</div>
		</div>
		<div><h2>Enable</h2></div>
		<div></div>
		<a class="button button-gray button-medium" id="alarm-test">Test</a>
	</div>
	
	<!--Buttons-->
	<div class="button-box button-box-stack" id="button-container">
		<div class="box box-bottom">
			<a id="ok-button" class="button button-gray button-medium">OK</a>
			<a id="cancel-button" class="button button-gray button-medium">Cancel</a>
			<a id="apply-button" class="button button-gray button-medium">Apply</a>
		</div>
	</div>
	
	<!--Alarm History-->
	<div class="box bottom-wrapper top-wrapper">
		<table id="alarm-history">
			<tr>
				<th>Date/Time (UT)</th>
				<th>Alarm</th>
			</tr>
		</table>
	</div>
	
</section>

<script type="text/javascript" src="js/inputmask.min.js"></script>
<script type="text/javascript" src="js/jquery.inputmask.min.js"></script>
<script type="text/javascript" src="/js/utils.lat-long.js" defer></script>
<script type="text/javascript" src="/js/atp.alarms.js" defer></script>
<script>
$(document).ready(function() {
	var model = new AlarmModel();
	var controller = new AlarmController(model);
	var view = new AlarmView(controller);	
});
</script>

<?php require_once "footer.php";?>
