dev-chiefworks
133 lines
6.0 KiB
PHP
133 lines
6.0 KiB
PHP
<div class="panel panel-flat" style="background-color: aliceblue;">
|
|
<div class="panel-body">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<!-- Current server load -->
|
|
<div class="alert alert-danger mt-20" id="print-saved-trips-error-msg" style="display:none">
|
|
<a href="#" class="close">×</a>
|
|
<p id="saved-trips-error-msg"></p>
|
|
</div>
|
|
|
|
<div class="table-responsive mt-20">
|
|
<div class="col-lg-12">
|
|
<div>
|
|
<form name="saved_trips_form" id="saved-trips-form" autocomplete="off">
|
|
<div class="form-group">
|
|
<div class="date">
|
|
<label for="start_date" class="font-weight-bold col-lg-1 col-form-label">
|
|
Date
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<input type="search" name="start_date" id="start_date" value="<?= $start_date ?>" class="form-control" />
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<input type="search" name="end_date" id="end_date" value="<?= $end_date ?>" class="form-control" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="address">
|
|
<label for="start_address" class="font-weight-bold col-lg-1 col-form-label">
|
|
Address
|
|
</label>
|
|
<div class="search-by-range">
|
|
<div class="col-lg-6">
|
|
<select type="text" class="form-control" id="start-address" />
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<select type="text" class="form-control" id="end-address" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="country">
|
|
<label for="country" class="font-weight-bold col-lg-1 col-form-label">
|
|
Country
|
|
</label>
|
|
<div class="col-lg-12">
|
|
<?= $country_card ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="btn-group">
|
|
<input type="button" name="search_saved_trips" id="search-saved-trips" value="Search" class="btn btn-info" />
|
|
<input type="button" name="reset_saved_trips" id="reset-saved-trips" value="Reset" class="btn btn-warning" />
|
|
</div>
|
|
</div>
|
|
|
|
<input type="hidden" name="start_address" />
|
|
<input type="hidden" name="end_address" />
|
|
<input type="hidden" name="member_id" id="member_id" value=<?= $member_id ?> />
|
|
</form>
|
|
</div>
|
|
<div class="panel-heading mb-10 mt-15">
|
|
<div class="heading-elements">
|
|
<div id="pagination-saved-trips"></div>
|
|
</div>
|
|
</div>
|
|
<table id="saved-trips-list" class="table-bordered table-condensed table-hover table-striped table-condensed col-lg-12" style="padding:0px; background-color:aliceblue;">
|
|
<thead class="bg-indigo">
|
|
<th>ID</th>
|
|
<th>Member ID</th>
|
|
<th>Trip Name</th>
|
|
<th>Trip From</th>
|
|
<th>Trip To</th>
|
|
<th>Country</th>
|
|
<th>Trip Date</th>
|
|
<th>Status</th>
|
|
<th>Added</th>
|
|
<th>Color</th>
|
|
</thead>
|
|
<tbody></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- /current server load -->
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<!-- Current server load -->
|
|
<div class="panel">
|
|
<div class="panel-body">
|
|
<div id="carpool_send"></div>
|
|
|
|
<div id="carpool_sel">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /current server load -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/assets/js/plugins/forms/selects/select2.min.js"></script>
|
|
<script src="/assets/js/plugins/pickers/datepicker.js"></script>
|
|
<script src="/assets/js/pages/saved_trips/list.js"></script>
|
|
|
|
<style>
|
|
#saved-trips-form .form-group {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.date,
|
|
.address {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.btn-group {
|
|
display: flex;
|
|
}
|
|
|
|
.search-by-range {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.search-by-range div {
|
|
padding: 1px;
|
|
}
|
|
</style>
|