-
Notifications
You must be signed in to change notification settings - Fork 1
/
driver_main.html
124 lines (122 loc) · 7.35 KB
/
driver_main.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order Status</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/adminmain.css" rel ="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="container-fluid">
<div class = "row">
<div class = "col-md-2" >
<div class ="sidebar" style="width: 350px; " >
<div class="row">
<div class="col">
<div class="d-flex flex-column flex-shrink-0 p-3 sidebar custom-bg">
<a href="/"
class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
<svg class="bi pe-none me-2" width="40" height="32">
<use xlink:href="#bootstrap" />
</svg>
<span class="fs-4">Big Bang Fried Chicken</span>
</a>
<hr>
<ul class="nav nav-pills flex-column mb-auto">
<li>
<a href="" class="nav-link link-body-emphasis">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-pencil" viewBox="0 0 16 16">
<path
d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325" />
</svg>
<svg class="bi pe-none me-2" width="16" height="16">
<use xlink:href="#speedometer2" />
</svg>
Personal Information
</a>
</li>
<li>
<a href="" class="nav-link link-body-emphasis">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-clock-history" viewBox="0 0 16 16">
<path
d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z" />
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z" />
<path
d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5" />
</svg>
<svg class="bi pe-none me-2" width="16" height="16">
<use xlink:href="#table" />
</svg>
Payment Management
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8">
<header class="d-flex flex-row-reverse justify-content-between align-items-center py-3">
<div>
<button class="btn btn-primary active order-type-btn">Pick Up</button>
<a href="admin_delivery.html"><button class="btn btn-primary order-type-btn">Delivery</button></a>
</div>
<div>
<h2>Hi <span class ="user-name"></span> </h2>
</div>
</header>
<div class="row">
<form class="col-12 col-lg-auto mb-3 mb-lg-0 d-flex flex-grow-1" role="search">
<input type="search" class="form-control w-100 search-input" placeholder="Search..." aria-label="Search">
<button type="button" class="btn btn-light ms-2 searchButton search-btn">Search</button>
</form>
</div>
<hr>
<div class="card order-card">
<div class="card-body">
<h6 class="card-title order-number">G10001 - Ms Wong PY</h6>
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" alt="Chicken Image" class="mr-2 order-item-image">
<div>
<p class="mb-0 order-item-name">1x Half Chicken</p>
<small class="text-muted order-item-details">Honey Butter, Soy Garlic</small>
</div>
</div>
<span class="text-muted order-item-price">RM 24</span>
</div>
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" alt="Chicken Tenders Image" class="mr-2 order-item-image">
<p class="mb-0 order-item-name">1x Chicken Tenders</p>
</div>
<span class="text-muted order-item-price">RM 25</span>
</div>
<p class="mb-0 text-lg-right order-subtotal">Item Subtotal (2 items): RM 49</p>
<!-- Buttons for the order -->
<div class="mt-3 d-flex justify-content-center">
<button class="btn btn-success mr-2 order-status-btn">Preparing</button>
<button class="btn btn-warning mr-2 order-status-btn">Ready</button>
<button class="btn btn-danger order-status-btn">Pick Up</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!--test-->
<script src="./js/jquery-3.7.1.js"></script>
<script src="./js/bootstrap.js"></script>
<script src = "js/admin.js"></script>
</body>
</html>