summaryrefslogtreecommitdiff
path: root/pages/query/order_detail.html
blob: 47cab87eb088b39560ae7e891754b23f613fd14f (plain)
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
[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__