Files
dev-chiefworks f76abffdcd first commit
2022-05-31 16:21:53 -04:00

144 lines
6.1 KiB
PHP

<style>
.ui-timepicker-standard{
z-index: 10 !important;
}
</style>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css">
<div class="row">
<div class="col-lg-8">
<!-- Media library -->
<div class="panel panel-white">
<div class="panel-heading">
<h6 class="panel-title text-semibold"> Grab Pricing Simulator</h6>
<div class="heading-elements">
<div class="form-group">
</div>
</div>
</div>
<div class="block" style="margin-top: 10px">
<form method="get" action="/bkoreport/grabpricing">
<div class="form-group col-md-3">
<label for="TravelDate">Travel date</label>
<input type="text" class="form-control"
id="TravelDate"
name="TravelDate"
autocomplete="off"
placeholder="Date"
value="<?= $TravelDate ?? '' ?>">
</div>
<div class="form-group col-md-3">
<label for="date_range">Travel Date Variance</label>
<select class="form-control" id="TravelDateVariance" name="TravelDateVariance">
<?php for ($i = 0; $i <= 15; $i += 0.5) {
$check_selected = isset($TravelDateVariance) && $TravelDateVariance == $i;
$plural = $i <= 1 ? '' : 's';
echo '<option value="' . $i . '" ' . ($check_selected ? "selected" : "") . '>' . $i . ' day' . $plural . '</option>';
} ?>
</select>
</div>
<div class="form-group col-md-3">
<label for="TravelTime">Travel time</label>
<input type="text" class="form-control"
id="TravelTime"
name="TravelTime"
autocomplete="off"
placeholder="Time"
value="<?= $TravelTime ?? '' ?>">
</div>
<div class="form-group col-md-3">
<label for="TravelTime">Travel Time Variance</label>
<select class="form-control" id="TravelTimeVariance" name="TravelTimeVariance">
<?php for ($i = 0; $i <= 300; $i += 15) {
$check_selected = isset($TravelTimeVariance) && $TravelTimeVariance == $i;
$plural = $i <= 1 ? '' : 's';
echo '<option value="' . $i . '" ' . ($check_selected ? "selected" : "") . '>' . $i . ' min' . $plural . '</option>';
} ?>
</select>
</div>
<div class="form-group col-md-3">
<label for="TravelDistance">Travel Distance</label>
<input type="number" step="any" class="form-control"
id="TravelDistance"
name="TravelDistance"
autocomplete="off"
placeholder="Distance"
value="<?= $TravelDistance ?? '' ?>">
</div>
<div class="form-group col-md-3">
<label for="TravelTime">Travel Distance Variance</label>
<select class="form-control" id="TravelDistanceVariance" name="TravelDistanceVariance">
<?php for ($i = 0; $i <= 20; $i += 1) {
$check_selected = isset($TravelDistanceVariance) && $TravelDistanceVariance == $i;
echo '<option value="' . $i . '" ' . ($check_selected ? "selected" : "") . '>' . $i . '</option>';
} ?>
</select>
</div>
<div class="col-md-3" style="padding-top: 26px;">
<button type="submit" class="btn btn-primary">Filter</button>
<a class="btn btn-default" href="/bkoreport/grabpricing">Reset</a>
</div>
</form>
</div>
<div class="clearfix"></div>
<div style="padding: 0 10px;">
<?= !empty($final_date_range)?'date range: <code>'.$final_date_range.'</code>':''?>
<?= !empty($final_time_range)?' time range: <code>'.$final_time_range.'</code>':''?>
</div>
<div class="m-y-sm text-right"><?= $links ?></div>
<div class="clearfix"></div>
<?=$grap_history?>
</div>
<!-- /media library -->
</div>
<div class="col-lg-4">
<div class="panel panel-flat" style="background-color:#D8EAE7;">
<div id="upload_form" >
<legend id="top_image_legend" class="text-bold">Test Pricing</legend>
<div class="form-group">
<br><br><br><br><br><br><br><br><br><br>LEAVE THIS BOX HERE <br> ANOTHER TOOLS HERE
<br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</div>
</div>
</div>
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script>
<script>
const $travel_date = $('#TravelDate');
const $travel_time = $('#TravelTime');
$travel_date.datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 3,
format: 'yyyy-mm-dd',
});
$(document).ready(function(){
$travel_time.timepicker({
timeFormat: 'HH:mm',
//defaultTime: '00',
});
});
</script>