144 lines
6.1 KiB
PHP
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>
|