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

<section data-heading="other-data" class="content-wrapper" id="rudder">
	<!--Heading-->
	<div class="page-title">
		<h1>Rudder Input</h1>
		<p>Rudder input for distribution only.</p>
	</div>

	<!--Source Selection-->
	<div id="source-selection-container">
		<div class="box box-top">
			<div class="flex-row">
				<div class="flex-heading">
					<h2>Input Source:</h2>
				</div>
				<select id="sensor-source-select">
				</select>
			</div>
		</div>
	</div>

	<div class="box box-stack" id="source-config-container" hidden>
		<!--Source Configuration-->
	</div>

    <div class="box box-bottom" id="rudder-data-container">
        <div class="flex-row">
            <div class="flex-heading">
                <h2>Rudder:</h2>
            </div>
            <div class="field-container" id="rudder-data" title="Rudder"
                data-field="<?php echo fieldEnum::Rudder_Ang_Stbd_Deg;?>"
                data-sender=""
                data-instance="">
                &nbsp;
            </div>
        </div>
    </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>

<script type="text/javascript" src="js/utils.string.js?v=<?php echo VERSION_NUMBER;?>" defer></script>
<script type="text/javascript" src="js/atp.data-sources.js?v=<?php echo VERSION_NUMBER;?>" defer></script>
<script type="text/javascript" src="js/atp.rudder.js?v=<?php echo VERSION_NUMBER;?>" defer></script>
<script>
$(document).ready(function() {
	var model = new RudderInputModel();
	var controller = new RudderInputController(model);
	var view = new RudderInputView(controller);
});
</script>

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