@_TOP_@
<!-- BEGIN CONTENT -->
<div class="container p-4">
	<!-- Hero Section-->
	<div class="py-2">
		<h1>[L]Order #1234[/L]</h1>
		[if session logged_in]
		[else]
		[include include/checkout/login_form][/else][/if][if !variable NO_TAX_POPUP]
		[include include/checkout/tax_popup][/if]
		[edisplay show_label=1 show_var=0 keep=1]
	</div>
	<!-- End Hero Section -->

	<!-- Order Info -->
	<div class="card card-sm">
		<div class="card-body bg-dark text-light">
			<div class="row">
				<div class="col-6 col-lg-3">

					<!-- Heading -->
					<h6 class="heading-xxxs text-muted">Order No:</h6>

					<!-- Text -->
					<p class="mb-lg-0 font-size-sm font-weight-bold">
						673290789
					</p>

				</div>
				<div class="col-6 col-lg-3">

					<!-- Heading -->
					<h6 class="heading-xxxs text-muted">Shipped date:</h6>

					<!-- Text -->
					<p class="mb-lg-0 font-size-sm font-weight-bold">
						<time datetime="2019-10-01">
							01 Oct, 2019
						</time>
					</p>
				</div>
				<div class="col-6 col-lg-3">

					<!-- Heading -->
					<h6 class="heading-xxxs text-muted">Status:</h6>

					<!-- Text -->
					<p class="mb-0 font-size-sm font-weight-bold">
						In Transit
					</p>
				</div>
				<div class="col-6 col-lg-3">

					<!-- Heading -->
					<h6 class="heading-xxxs text-muted">Order Amount:</h6>

					<!-- Text -->
					<p class="mb-0 font-size-sm font-weight-bold">
						$259.00
					</p>
				</div>
			</div>
		</div>
	</div>
	<!-- Order Info -->
	<!-- Tracking Info -->
	<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-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>
	<!-- End Tracking Info -->
</div>
<!-- END CONTENT -->
__BOTTOM__