first commit
This commit is contained in:
@@ -0,0 +1,144 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user