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

<section class="content-wrapper" data-heading="other-data" id="analogue">
	<!--Heading-->
	<div class="page-title">
		<h1>Analogue Inputs</h1>
		<p>
			Configure analogue inputs. All ATPs have, by default, four analogue inputs on the Main Interface Board.
			Further Analogue Interface Boards can be fitted to the system, with 4 standard analogue inputs each as well as a dedicated 20mA input.
		</p>
	</div>

	<!--Analogues-->
	<div id="analogue-container">

	</div>
	
	<!--Buttons-->
	<div class="button-box" id="button-container">
		<div class="box">
			<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>
</section>

<!--Configuration Modal-->
<section class="modal" id="analogue-modal">	
	<div class="modal-content" id="modal-container">
		<div class="modal-title-container">
			<div class="modal-title">
				<h1>Example</h1>
			</div>
			<span class="modal-close">&times;</span>
		</div>
		
		<form action="" method="post" class="modal-body" onkeypress="return event.keyCode!= 13;">

		</form>

		<div class="button-box">
			<div class="box">
				<a class="button button-gray button-medium modal-submit" id="modal-OK">OK</a>
				<a class="button button-gray button-medium modal-submit" id="modal-Cancel">Cancel</a>
				<a class="button button-gray button-medium modal-submit" id="modal-Apply">Apply</a>
			</div>
		</div>
	</div>
</section>

<script type="text/javascript" src="js/modalHandler.js?v=<?php echo VERSION_NUMBER;?>" defer></script>
<script type="text/javascript" src="js/atp.analogue.js?v=<?php echo VERSION_NUMBER;?>" defer></script>
<script>
$(document).ready(function() {
	let model = new AnalogueModel();
	let controller = new AnalogueController(model);
	let view = new AnalogueView(controller);	
});
</script>

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