From f005e28f354cb97cdf0ce4cc6e3d0a5dc6c3c553 Mon Sep 17 00:00:00 2001
From: Anatasof Wirapraja <anata@darapsa.co.id>
Date: Wed, 21 Jul 2021 15:06:22 +0700
Subject: add tracking status

---
 pages/member/order-detail.html | 79 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 76 insertions(+), 3 deletions(-)

(limited to 'pages/member')

diff --git a/pages/member/order-detail.html b/pages/member/order-detail.html
index d539fe4..e823a84 100644
--- a/pages/member/order-detail.html
+++ b/pages/member/order-detail.html
@@ -67,13 +67,86 @@
 	<div class="card card-sm">
 		<div class="card-body bg-light">
 			<div class="row">
+				<!-- Log lines -->
+				<!-- Status -->
 				<div class="col-6 col-lg-3">
-					<span class="badge rounded-pill bg-primary">Order created</span>
-					<!-- Text -->
-					<p class="mb-lg-0 font-size-sm font-weight-bold">
+					<span class="badge rounded-pill bg-secondary">Order created</span>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Kamis, 3 Jun 2021 11:07 WIB
+					</p>
+				</div>
+				<!-- Comment -->
+				<div class="col-6 col-lg-3">
+					<h6 class="heading-xxxs text-muted">Order created by buyer.</h6>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Order created and waiting for payment
+					</p>
+				</div>
+				<!-- End of log lines -->
+				<!-- Log lines -->
+				<!-- Status -->
+				<div class="col-6 col-lg-3">
+					<span class="badge rounded-pill bg-secondary">Order paid</span>
+					<p class="mb-lg-0 font-size-sm text-muted">
 						Kamis, 3 Jun 2021 11:07 WIB
 					</p>
 				</div>
+				<!-- Comment -->
+				<div class="col-6 col-lg-3">
+					<h6 class="heading-xxxs text-muted">Order paid by buyer.</h6>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Payment completed and order is being prepared by seller.
+					</p>
+				</div>
+				<!-- End of log lines -->
+				<!-- Log lines -->
+				<!-- Status -->
+				<div class="col-6 col-lg-3">
+					<span class="badge rounded-pill bg-secondary">Waiting to be shipped</span>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Kamis, 3 Jun 2021 11:07 WIB
+					</p>
+				</div>
+				<!-- Comment -->
+				<div class="col-6 col-lg-3">
+					<h6 class="heading-xxxs text-muted">Request to pick up</h6>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Order is ready to be picked up by [courier name]. Order will be picked up before Sabtu, 3 Okt, pukul 08:50
+					</p>
+				</div>
+				<!-- End of log lines -->
+				<!-- Log lines -->
+				<!-- Status -->
+				<div class="col-6 col-lg-3">
+					<span class="badge rounded-pill bg-secondary">In transit</span>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Kamis, 3 Jun 2021 11:07 WIB
+					</p>
+				</div>
+				<!-- Comment -->
+				<div class="col-6 col-lg-3">
+					<h6 class="heading-xxxs text-muted">In transit</h6>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Pesanan Anda dalam proses pengiriman oleh kurir.
+					</p>
+				</div>
+				<!-- End of log lines -->
+				<!-- Log lines -->
+				<!-- Status -->
+				<div class="col-6 col-lg-3">
+					<span class="badge rounded-pill bg-secondary">In transit</span>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Kamis, 3 Jun 2021 11:07 WIB
+					</p>
+				</div>
+				<!-- Comment -->
+				<div class="col-6 col-lg-3">
+					<h6 class="heading-xxxs text-muted">In transit</h6>
+					<p class="mb-lg-0 font-size-sm text-muted">
+						Pesanan Anda dalam proses pengiriman oleh kurir.
+					</p>
+				</div>
+				<!-- End of log lines -->
 			</div>
 		</div>
 	</div>
-- 
cgit v1.2.3