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

<section class="content-wrapper" data-heading="settings" id="udp">
	<div class="page-title">
		<h1>
			Network I/O
		</h1>
		<p>
			Manage data input and output over ethernet for connection with third party software packages.
		</p>
	</div>
	
	<div class="box top-wrapper flex-row" id="output-freq-row">
		<h2>Output Frequency</h2>
		<div class="input-unit">
			<input id="output-frequency" type="number">
			<span>Hz</span>
		</div>
	</div>

	<div id="network-container">
	</div>
	
	<div class="flex-row">
		<a class="button button-medium button-white" id="add-network"><i class="fa fa-plus fa-2x"></i></a>
	</div>
	
    <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>

<script type="text/javascript" src="/js/atp.data-output-view.js?v=<?php echo VERSION_NUMBER?>" defer></script>
<script type="text/javascript" src="/js/atp.data-output-model.js?v=<?php echo VERSION_NUMBER?>" defer></script>
<script type="text/javascript" src="/js/atp.data-output-controller.js?v=<?php echo VERSION_NUMBER?>" defer></script>
<script>
$(document).ready(function(){
    var model = new DataOutputModel();
    var controller = new DataOutputController(model);
    var view = new DataOutputView(controller);
});
</script>

<?php require_once "footer.php"?>
