-
Notifications
You must be signed in to change notification settings - Fork 1
/
booking.php
151 lines (124 loc) · 6.07 KB
/
booking.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.ico?1" type="image/x-icon">
<title>BK Parking - Booking</title>
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<!-- Custom styles for this page -->
<link href="vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
<script src="js/control/booking.js">
</script>
<script src="model/var.js">
</script>
</head>
<body id="page-top" onload="getBookingList()">
<!-- Page Wrapper -->
<div id="wrapper">
<!-- Sidebar -->
<?php include 'nav.php'; ?>
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<!-- Topbar -->
<?php include 'main_nav.php'; ?>
<!-- End of Topbar -->
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Bookings</h1>
<p class="mb-4">View and Manage Bookings using the table below or download our mobile app at<a target="_blank" href="apk/BKPark.apk"> BK Parking</a>.</p>
<!-- DataTales Example -->
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">Booking Table</h6>
</div>
<div class="card-body">
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<a onClick="location.reload()" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i class="fas fa-plus fa-sm text-white-50"></i>Refresh</a>
</div>
<div class="table-responsive">
<table class="table table-striped table-hover table-bordered" id="dataTable" width="100%" cellspacing="0">
<thead class = "thead-dark">
<tr>
<th>ID</th>
<th>User</th>
<th>Parking lot</th>
<th>Area name</th>
<th>Slot ID</th>
<th>Status</th>
<th>Date</th>
<th>Price(VNĐ)</th>
<th>Action</th>
</tr>
</thead>
<tfoot class = "thead-dark">
<tr>
<th>ID</th>
<th>User</th>
<th>Parking lot</th>
<th>Area name</th>
<th>Slot ID</th>
<th>Status</th>
<th>Date</th>
<th>Price(VNĐ)</th>
<th>Action</th>
</tr>
</tr>
</tfoot>
<tbody id='tableBody'>
<!-- <tr>
<td>Tiger Nixon</td>
<td>System Architect</td>
<td>Edinburgh</td>
<td>61</td>
<td>2011/04/25</td>
<td>$320,800</td>
</tr> -->
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->
<!-- Footer -->
<?php include 'footer.php'; ?>
<!-- End of Footer -->
</div>
<!-- End of Content Wrapper -->
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Logout Modal-->
<?php include 'logout.php'; ?>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<!-- Page level plugins -->
<script src="vendor/datatables/jquery.dataTables.min.js"></script>
<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
<!-- Page level custom scripts
<script src="js/demo/datatables-demo.js"></script> -->
<!-- <script src="js/control/dashboard.js"></script> -->
</body>
</html>