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

<section class="content-wrapper" data-heading="other-data" id="serial-type">
	<!-- Heading -->
	<div class="page-title">
		<h1>
			NMEA Settings
		</h1>
		<p>
			NMEA input ports can be configured to receive generic serial data (RS232 data with packet
            separator '#'), MIP data (the protocol used by Lord sensors) or DCELL data (numerical strings sent by Mantracourt DCells)
            instead of NMEA0183 data.<br>
            For most installations these settings do not need to be changed.
		</p>
	</div>
	
	<!-- NMEA Type -->
	<div class="box top-wrapper" id="serial-type-container">
        
	</div>

	<div class="box top-wrapper" id="mwv-output-container">
		<div class="flex-row">
			<div class="tooltip-wrapper">
				<h2>MWV Output Type</h2>
				<div class="tooltip">
					<p>
						The MWV sentence can contain either True or Relative (apparent) wind.
						If 'Both' is selected then the MWV sentence will be sent twice.
					</p>
				</div>
			</div>
			<div class="flex-row" id="mwv-select-row">
				<div><input type="radio" name="mwv-mode" id="both" checked><label for="both">Both</label></div>
				<div><input type="radio" name="mwv-mode" id="relative"><label for="relative">Relative</label></div>
				<div><input type="radio" name="mwv-mode" id="true"><label for="true">True</label></div>
			</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/atp.serial-type.js" defer></script>
<script>
$(document).ready(function() {
	let model = new SerialTypeModel();
	let controller = new SerialTypeController(model);
	let view = new SerialTypeView(controller);
});
</script>

<?php require_once "footer.php"?>
