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

<section class="content-wrapper" data-heading="other-data" id="expedition-export">
	<!--Heading-->
	<div class="page-title">
		<h1>
            Expedition Export
            <div class="slider-container">
                <label class="switch" for="checkbox">
                    <input type="checkbox" id="checkbox">
                    <div class="slider round"></div>
                </label>
            </div>
        </h1>
		<p>
			Map internal data channels to Expedition user input.
			Make sure the corresponding User channel is enabled in Expedition's Rx filter.
		</p>
	</div>
	
	<!--Export Grid-->
	<div class="box top-wrapper" id="export-grid">
		<h2>Expedition Channel</h2>
		<h2>ATP Field</h2>
        <h2>Source</h2>
        <h2>Instance</h2>
		<h2>Enable</h2>
	</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.expedition-export.js" defer></script>
<script>
$(document).ready(function() {
	let model = new ExpeditionExportModel();
	let controller = new ExpeditionExportController(model);
	let view = new ExpeditionExportView(controller);	
});
</script>

<?php require_once "footer.php"?>