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

<section class="content-wrapper" data-heading="other-data" id="canbus">
	<!--Heading-->
	<div class="page-title">
		<h1>
			CANbus Tx Filter
		</h1>
		<p>

		</p>
	</div>
	
	<!--CANbus state field-->
	<div class="field-container" id="can-state" data-field="0x2801" data-sender="Canbus" data-instance="0" hidden></div>

	<!--CANbus Filter-->
	<div class="top-wrapper box canbus-grid">
		<h2 class="grid-item">Data Type</h2>
		<!-- <h2 class="grid-item"></h2> -->
		<h2 class="grid-item">Transmit</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.canbus.js" defer></script>
<script>
$(document).ready(function() {
	let model = new CANbusModel();
	let controller = new CANbusController(model);
	let view = new CANbusView(controller);
});
</script>
	
<?php require_once "footer.php"?>