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

<section data-heading="speed" class="content-wrapper" id="trip-log">

    <!-- Heading -->
    <div class="page-title">
        <h1>
            Trip/Stored Logs
        </h1>
    </div>

    <!-- Logs -->
    <div class="top-wrapper box">
        <div class="flex-row">
            <div class="flex-heading">
                <h2>Stored Log</h2>
            </div>
            <div class="flex-field">
                <div class="field-container" id="storedLogField" 
                    data-field="<?php echo fieldEnum::Calc_Water_Log_nm_Total;?>"
                    data-sender="<?php echo PROCESSOR_ID;?>" 
                    data-instance="<?php echo PROCESSOR_INSTANCE;?>">
                    &nbsp;
                </div>
            </div>
        </div>
        <div class="flex-row" id="trip-log-row">
            <div>
                <div class="flex-heading">
                    <h2>Trip Log</h2>
                </div>
                <div class="flex-field">
                    <div class="field-container" id="tripLog" 
                        data-field="<?php echo fieldEnum::Calc_Water_Log_nm;?>"
                        data-sender="<?php echo PROCESSOR_ID;?>" 
                        data-instance="<?php echo PROCESSOR_INSTANCE;?>">
                        &nbsp;
                    </div>
                </div>
            </div>
            <a id="trip-log-button" class="button button-gray button-medium">Reset Trip Log</a>
        </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.triplogs.js" defer></script>
<script>
$(document).ready(function(){
    var model = new ObservableModel();
    var controller = new BasicController(model);
    var view = new TriplogView(controller);
});
</script>

<?php require_once "footer.php"?>
