[tmp members_only]1[/tmp]

@_TOP_@

[tmpn bounce_page]query/check_orders[/tmpn]
[perl transactions]
	my $on = $Session->{arg};
	my $un = $Tag->data('transactions', 'username', $on);
	if($un eq  $Session->{username}) {
		delete $Scratch->{bounce_page};
	}
	else {
		$Tag->warnings('Not your order!');
	}
	return;
[/perl]
[bounce page="[scratch bounce_page]" if="[scratch bounce_page]"]

<!-- BEGIN CONTENT -->
[loop list="[data session arg]"]
<div class="container p-4">
	<!-- Hero Section-->
	<div class="py-2">
		<h1>[L]Order[/L] #[loop-data transactions order_number]</h1>
	</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-6">

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

					<!-- Text -->
					<p class="mb-lg-0 font-size-sm font-weight-bold">
					[loop-data transactions tracking_number]
					</p>

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

					<!-- Heading -->
					<h6 class="heading-xxxs text-muted">[L]Order Date[/L]:</h6>

					<!-- Text -->
					<p class="mb-lg-0 font-size-sm font-weight-bold">
						<time datetime="2019-10-01">
							[convert-date fmt="%e %b %Y"][loop-data transactions order_date][/convert-date]
						</time>
					</p>
				</div>
				<div class="col-6 col-lg-6">

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

					<!-- Text -->
					<span class="badge bg-warning">
						[display table=transactions col=status type=display key="[loop-code]" applylocale=1]
					</span>
				</div>
				<div class="col-6 col-lg-6">

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

					<!-- Text -->
					<p class="mb-0 font-size-sm font-weight-bold">
						[currency][loop-data transactions total_cost][/currency]
					</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-6">
					<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-6">
					<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-6">
					<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-6">
					<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-6">
					<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-6">
					<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-6">
					<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-6">
					<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-6">
					<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-6">
					<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>[/loop]
<!-- END CONTENT -->
__BOTTOM__