-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcheckout.html
More file actions
480 lines (371 loc) · 26.7 KB
/
checkout.html
File metadata and controls
480 lines (371 loc) · 26.7 KB
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
<!DOCTYPE html>
<!-- saved from url=(0072)https://nd-noi-that.mysapo.net/checkout/fa3d9c37247a452fb7e0b7bee51a2dae -->
<html class="floating-labels"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="ND Nội Thất - Thanh toán đơn hàng">
<title>ND Nội Thất - Thanh toán đơn hàng</title>
<link rel="shortcut icon" href="https://bizweb.dktcdn.net/100/369/704/themes/741072/assets/checkout_favicon.ico?1638842751333" type="image/x-icon">
<link rel="stylesheet" href="./checkout_files/checkout.vendor.min.css">
<link rel="stylesheet" href="./checkout_files/checkout.min.css">
<!-- Begin checkout custom css -->
<style>
</style>
<!-- End checkout custom css -->
<script src="./checkout_files/checkout.vendor.min.js.download"></script>
<script src="./checkout_files/checkout.min.js.download"></script>
<script>
window.BizwebAnalytics = window.BizwebAnalytics || {};
window.BizwebAnalytics.meta = window.BizwebAnalytics.meta || {};
window.BizwebAnalytics.meta.currency = 'VND';
window.BizwebAnalytics.tracking_url = '/s';
var meta = {};
for (var attr in meta) {
window.BizwebAnalytics.meta[attr] = meta[attr];
}
</script>
<script src="./checkout_files/stats.min.js.download"></script><script async="" src="./checkout_files/fp.v3.3.0.min.js.download"></script>
</head>
<body data-no-turbolink="">
<header class="banner">
<div class="wrap">
<div class="logo logo--left ">
<a href="https://nd-noi-that.mysapo.net/">
<img class="logo__image logo__image--small " alt="ND Nội Thất" src="./checkout_files/logo.png">
</a>
</div>
</div>
</header>
<aside>
<button class="order-summary-toggle toggled" data-toggle="#order-summary" data-toggle-class="order-summary--is-collapsed">
<span class="wrap">
<span class="order-summary-toggle__inner">
<span class="order-summary-toggle__text expandable">
Đơn hàng (1 sản phẩm)
</span>
<span class="order-summary-toggle__total-recap" data-bind="getTextTotalPrice()">2.900.000₫</span>
</span>
</span>
</button>
</aside>
<div class="content" data-select2-id="select2-data-14-mto2">
<form data-tg-refresh="checkout" id="checkoutForm" method="post" data-define="{
loadingShippingErrorMessage: 'Không thể load phí vận chuyển. Vui lòng thử lại',
loadingReductionCodeErrorMessage: 'Có lỗi xảy ra khi áp dụng khuyến mãi. Vui lòng thử lại',
submitingCheckoutErrorMessage: 'Có lỗi xảy ra khi xử lý. Vui lòng thử lại',
requireShipping: true,
requireDistrict: false,
requireWard: false,
shouldSaveCheckoutAbandon: true}" action="https://nd-noi-that.mysapo.net/checkout/fa3d9c37247a452fb7e0b7bee51a2dae" data-bind-event-submit="handleCheckoutSubmit(event)" data-bind-event-keypress="handleCheckoutKeyPress(event)" data-bind-event-change="handleCheckoutChange(event)" data-select2-id="select2-data-checkoutForm">
<input type="hidden" name="_method" value="patch">
<div class="wrap" data-select2-id="select2-data-13-zxb0">
<main class="main" data-select2-id="select2-data-12-ug3p">
<header class="main__header">
<div class="logo logo--left ">
<a href="https://nd-noi-that.mysapo.net/">
<img class="logo__image logo__image--small " alt="ND Nội Thất" src="./checkout_files/logo.png">
</a>
</div>
</header>
<div class="main__content" data-select2-id="select2-data-11-znho">
<article class="animate-floating-labels row" data-select2-id="select2-data-10-b1sh">
<div class="col col--two" data-select2-id="select2-data-9-1jug">
<section class="section" data-select2-id="select2-data-8-ro5l">
<div class="section__header">
<div class="layout-flex">
<h2 class="section__title layout-flex__item layout-flex__item--stretch">
<i class="fa fa-id-card-o fa-lg section__title--icon hide-on-desktop"></i>
Thông tin nhận hàng
</h2>
<a href="https://nd-noi-that.mysapo.net/account/login?returnUrl=/checkout/fa3d9c37247a452fb7e0b7bee51a2dae">
<i class="fa fa-user-circle-o fa-lg"></i>
<span>Đăng nhập </span>
</a>
</div>
</div>
<div class="section__content" data-select2-id="select2-data-7-7l7p">
<div class="fieldset">
<div class="field " data-bind-class="{'field--show-floating-label': email}">
<div class="field__input-wrapper">
<label for="email" class="field__label">
Email
</label>
<input name="email" id="email" type="email" class="field__input" data-bind="email" value="">
</div>
</div>
<div class="field " data-bind-class="{'field--show-floating-label': billing.name}">
<div class="field__input-wrapper">
<label for="billingName" class="field__label">Họ và tên</label>
<input name="billingName" id="billingName" type="text" class="field__input" data-bind="billing.name" value="">
</div>
</div>
<div class="field " data-bind-class="{'field--show-floating-label': billing.phone}">
<div class="field__input-wrapper">
<label for="billingPhone" class="field__label">
Số điện thoại (tùy chọn)
</label>
<input name="billingPhone" id="billingPhone" type="tel" class="field__input" data-bind="billing.phone" value="">
</div>
</div>
<div class="field " data-bind-class="{'field--show-floating-label': billing.address}">
<div class="field__input-wrapper">
<label for="billingAddress" class="field__label">
Địa chỉ (tùy chọn)
</label>
<input name="billingAddress" id="billingAddress" type="text" class="field__input" data-bind="billing.address" value="">
</div>
</div>
<div class="field field--show-floating-label ">
<div class="field__input-wrapper field__input-wrapper--select2" data-select2-id="select2-data-6-rp51">
<label for="billingProvince" class="field__label">Tỉnh thành</label>
<select name="billingProvince" id="billingProvince" size="1" type="text" class="field__input field__input--select select2-hidden-accessible" data-bind="billing.province" value="" data-address-type="province" data-address-zone="billing" data-select2-id="select2-data-billingProvince" tabindex="-1" aria-hidden="true"><option value="" hidden="" data-select2-id="select2-data-4-obsf">---</option><option value="1" data-select2-id="select2-data-15-oibe">Hà Nội</option><option value="2" data-select2-id="select2-data-16-y9sd">TP Hồ Chí Minh</option><option value="3" data-select2-id="select2-data-17-yuji">An Giang</option><option value="4" data-select2-id="select2-data-18-bar4">Bà Rịa-Vũng Tàu</option><option value="5" data-select2-id="select2-data-19-c658">Bắc Giang</option><option value="6" data-select2-id="select2-data-20-bs6n">Bắc Kạn</option><option value="7" data-select2-id="select2-data-21-6oyt">Bạc Liêu</option><option value="8" data-select2-id="select2-data-22-y7d6">Bắc Ninh</option><option value="9" data-select2-id="select2-data-23-29s9">Bến Tre</option><option value="10" data-select2-id="select2-data-24-k863">Bình Dương</option><option value="11" data-select2-id="select2-data-25-j63t">Bình Định</option><option value="12" data-select2-id="select2-data-26-b3ao">Bình Phước</option><option value="13" data-select2-id="select2-data-27-ade2">Bình Thuận</option><option value="14" data-select2-id="select2-data-28-kxb2">Cà Mau</option><option value="15" data-select2-id="select2-data-29-waog">Cao Bằng</option><option value="16" data-select2-id="select2-data-30-37vf">Cần Thơ</option><option value="17" data-select2-id="select2-data-31-voj5">Đà Nẵng</option><option value="18" data-select2-id="select2-data-32-03g2">Đắk Lắk</option><option value="19" data-select2-id="select2-data-33-1f2x">Đắk Nông</option><option value="20" data-select2-id="select2-data-34-ywyz">Điện Biên</option><option value="21" data-select2-id="select2-data-35-2gin">Đồng Nai</option><option value="22" data-select2-id="select2-data-36-s71b">Đồng Tháp</option><option value="23" data-select2-id="select2-data-37-o5ry">Gia Lai</option><option value="24" data-select2-id="select2-data-38-4czn">Hà Giang</option><option value="25" data-select2-id="select2-data-39-4aam">Hà Nam</option><option value="26" data-select2-id="select2-data-40-f4z2">Hà Tĩnh</option><option value="27" data-select2-id="select2-data-41-cn46">Hải Dương</option><option value="28" data-select2-id="select2-data-42-ql12">Hải Phòng</option><option value="29" data-select2-id="select2-data-43-4rw0">Hậu Giang</option><option value="30" data-select2-id="select2-data-44-cref">Hòa Bình</option><option value="31" data-select2-id="select2-data-45-uwx9">Hưng Yên</option><option value="32" data-select2-id="select2-data-46-6w74">Khánh Hòa</option><option value="33" data-select2-id="select2-data-47-j0cw">Kiên Giang</option><option value="34" data-select2-id="select2-data-48-ehqt">Kon Tum</option><option value="35" data-select2-id="select2-data-49-6ydc">Lai Châu</option><option value="36" data-select2-id="select2-data-50-zz4y">Lâm Đồng</option><option value="37" data-select2-id="select2-data-51-8khr">Lạng Sơn</option><option value="38" data-select2-id="select2-data-52-9plt">Lào Cai</option><option value="39" data-select2-id="select2-data-53-vqum">Long An</option><option value="40" data-select2-id="select2-data-54-a1om">Nam Định</option><option value="41" data-select2-id="select2-data-55-bbny">Nghệ An</option><option value="42" data-select2-id="select2-data-56-z52b">Ninh Bình</option><option value="43" data-select2-id="select2-data-57-5km2">Ninh Thuận</option><option value="44" data-select2-id="select2-data-58-e1dn">Phú Thọ</option><option value="45" data-select2-id="select2-data-59-vf4u">Phú Yên</option><option value="46" data-select2-id="select2-data-60-v3o7">Quảng Bình</option><option value="47" data-select2-id="select2-data-61-zj37">Quảng Nam</option><option value="48" data-select2-id="select2-data-62-4y7s">Quảng Ngãi</option><option value="49" data-select2-id="select2-data-63-qnt0">Quảng Ninh</option><option value="50" data-select2-id="select2-data-64-ri0a">Quảng Trị</option><option value="51" data-select2-id="select2-data-65-ybfi">Sóc Trăng</option><option value="52" data-select2-id="select2-data-66-xa7f">Sơn La</option><option value="53" data-select2-id="select2-data-67-lfvh">Tây Ninh</option><option value="54" data-select2-id="select2-data-68-nzck">Thái Bình</option><option value="55" data-select2-id="select2-data-69-9q1g">Thái Nguyên</option><option value="56" data-select2-id="select2-data-70-l4cu">Thanh Hóa</option><option value="57" data-select2-id="select2-data-71-cvm2">Thừa Thiên Huế</option><option value="58" data-select2-id="select2-data-72-49o1">Tiền Giang</option><option value="59" data-select2-id="select2-data-73-pmtj">Trà Vinh</option><option value="60" data-select2-id="select2-data-74-63wt">Tuyên Quang</option><option value="61" data-select2-id="select2-data-75-dhvc">Vĩnh Long</option><option value="62" data-select2-id="select2-data-76-gjk0">Vĩnh Phúc</option><option value="63" data-select2-id="select2-data-77-43i8">Yên Bái</option></select><span class="select2 select2-container select2-container--default select2-container--below" dir="ltr" data-select2-id="select2-data-1-od76" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-billingProvince-container"><span class="select2-selection__rendered" id="select2-billingProvince-container" role="textbox" aria-readonly="true" title="---">---</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
</div>
<div class="field field--show-floating-label ">
<div class="field__input-wrapper field__input-wrapper--select2">
<label for="billingDistrict" class="field__label">
Quận huyện (tùy chọn)
</label>
<select name="billingDistrict" id="billingDistrict" size="1" type="text" class="field__input field__input--select select2-hidden-accessible" value="" data-bind="billing.district" data-address-type="district" data-address-zone="billing" data-select2-id="select2-data-billingDistrict" tabindex="-1" aria-hidden="true" disabled="disabled"></select><span class="select2 select2-container select2-container--default select2-container--disabled" dir="ltr" data-select2-id="select2-data-2-zsmp" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="true" aria-labelledby="select2-billingDistrict-container"><span class="select2-selection__rendered" id="select2-billingDistrict-container" role="textbox" aria-readonly="true"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
</div>
<div class="field field--show-floating-label ">
<div class="field__input-wrapper field__input-wrapper--select2">
<label for="billingWard" class="field__label">
Phường xã (tùy chọn)
</label>
<select name="billingWard" id="billingWard" size="1" type="text" class="field__input field__input--select select2-hidden-accessible" value="" data-bind="billing.ward" data-address-type="ward" data-address-zone="billing" data-select2-id="select2-data-billingWard" tabindex="-1" aria-hidden="true" disabled="disabled"></select><span class="select2 select2-container select2-container--default select2-container--disabled" dir="ltr" data-select2-id="select2-data-3-ntjo" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="true" aria-labelledby="select2-billingWard-container"><span class="select2-selection__rendered" id="select2-billingWard-container" role="textbox" aria-readonly="true"></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
</div>
</div>
</div>
</section>
<div class="fieldset">
<h3 class="visually-hidden">Ghi chú</h3>
<div class="field" data-bind-class="{'field--show-floating-label': note}">
<div class="field__input-wrapper">
<label for="note" class="field__label">
Ghi chú (tùy chọn)
</label>
<textarea name="note" id="note" type="text" class="field__input" data-bind="note"></textarea>
</div>
</div>
</div>
</div>
<div class="col col--two">
<section class="section">
<div class="section__header">
<div class="layout-flex">
<h2 class="section__title layout-flex__item layout-flex__item--stretch">
<i class="fa fa-truck fa-lg section__title--icon hide-on-desktop"></i>
Vận chuyển
</h2>
</div>
</div>
<div class="section__content" data-tg-refresh="refreshShipping" id="shippingMethodList" data-define="{isAddressSelecting: true, shippingMethods: []}">
<div class="alert alert--loader spinner spinner--active hide" data-bind-show="isLoadingShippingMethod">
<svg xmlns="http://www.w3.org/2000/svg" class="spinner-loader">
<use href="#spinner"></use>
</svg>
</div>
<div class="alert alert-retry alert--danger hide" data-bind-event-click="handleShippingMethodErrorRetry()" data-bind-show="!isLoadingShippingMethod && !isAddressSelecting && isLoadingShippingError">
<span data-bind="loadingShippingErrorMessage">Không thể load phí vận chuyển. Vui lòng thử lại</span> <i class="fa fa-refresh"></i>
</div>
<div class="alert alert--info" data-bind-show="!isLoadingShippingMethod && isAddressSelecting">
Vui lòng nhập thông tin giao hàng
</div>
</div>
</section>
<section class="section">
<div class="section__header">
<div class="layout-flex">
<h2 class="section__title layout-flex__item layout-flex__item--stretch">
<i class="fa fa-credit-card fa-lg section__title--icon hide-on-desktop"></i>
Thanh toán
</h2>
</div>
</div>
<div class="section__content">
<div class="content-box" data-define="{paymentMethod: undefined}">
<div class="content-box__row">
<div class="radio-wrapper">
<div class="radio__input">
<input name="paymentMethod" id="paymentMethod-439979" type="radio" class="input-radio" data-bind="paymentMethod" value="439979">
</div>
<label for="paymentMethod-439979" class="radio__label">
<span class="radio__label__primary">Thanh toán khi giao hàng (COD)</span>
<span class="radio__label__accessory">
<span class="radio__label__icon">
<i class="payment-icon payment-icon--4"></i>
</span>
</span>
</label>
</div>
<div class="content-box__row__desc" data-bind-show="paymentMethod == 439979">
<p>Bạn chỉ phải thanh toán khi nhận được hàng</p>
</div>
</div>
</div>
</div>
</section>
</div>
</article>
<div class="field__input-btn-wrapper field__input-btn-wrapper--vertical hide-on-desktop">
<button type="submit" class="btn btn-checkout spinner" data-bind-class="{'spinner--active': isSubmitingCheckout}" data-bind-disabled="isSubmitingCheckout || isLoadingReductionCode">
<span class="spinner-label">ĐẶT HÀNG</span>
<svg xmlns="http://www.w3.org/2000/svg" class="spinner-loader">
<use href="#spinner"></use>
</svg>
</button>
<a href="https://nd-noi-that.mysapo.net/cart" class="previous-link">
<i class="previous-link__arrow">❮</i>
<span class="previous-link__content">Quay về giỏ hàng</span>
</a>
</div>
<div id="common-alert" data-tg-refresh="refreshError">
<div class="alert alert--danger hide-on-desktop hide" data-bind-show="!isSubmitingCheckout && isSubmitingCheckoutError" data-bind="submitingCheckoutErrorMessage">Có lỗi xảy ra khi xử lý. Vui lòng thử lại</div>
</div>
</div>
</main>
<aside class="sidebar">
<div class="sidebar__header">
<h2 class="sidebar__title">
Đơn hàng (1 sản phẩm)
</h2>
</div>
<div class="sidebar__content">
<div id="order-summary" class="order-summary">
<div class="order-summary__sections">
<div class="order-summary__section order-summary__section--product-list order-summary__section--is-scrollable order-summary--collapse-element">
<table class="product-table">
<caption class="visually-hidden">Chi tiết đơn hàng</caption>
<thead class="product-table__header">
<tr>
<th>
<span class="visually-hidden">Ảnh sản phẩm</span>
</th>
<th>
<span class="visually-hidden">Mô tả</span>
</th>
<th>
<span class="visually-hidden">Sổ lượng</span>
</th>
<th>
<span class="visually-hidden">Đơn giá</span>
</th>
</tr>
</thead>
<tbody>
<tr class="product">
<td class="product__image">
<div class="product-thumbnail">
<div class="product-thumbnail__wrapper" data-tg-static="">
<img src="./checkout_files/28.jpg" alt="" class="product-thumbnail__image">
</div>
<span class="product-thumbnail__quantity">1</span>
</div>
</td>
<th class="product__description">
<span class="product__description__name">
Nội thất phòng ngủ ND01
</span>
</th>
<td class="product__quantity visually-hidden"><em>Số lượng:</em> 1</td>
<td class="product__price">
2.900.000₫
</td>
</tr>
</tbody>
</table>
</div>
<div class="order-summary__section order-summary__section--discount-code" data-tg-refresh="refreshDiscount" id="discountCode">
<h3 class="visually-hidden">Mã khuyến mại</h3>
<div class="edit_checkout animate-floating-labels">
<div class="fieldset">
<div class="field">
<div class="field__input-btn-wrapper">
<div class="field__input-wrapper">
<label for="reductionCode" class="field__label">Nhập mã giảm giá</label>
<input name="reductionCode" id="reductionCode" type="text" class="field__input" autocomplete="off" data-bind-disabled="isLoadingReductionCode" data-bind-event-keypress="handleReductionCodeKeyPress(event)" data-define="{reductionCode: null}" data-bind="reductionCode">
</div>
<button class="field__input-btn btn spinner btn--disabled" type="button" data-bind-disabled="isLoadingReductionCode || !reductionCode" data-bind-class="{'spinner--active': isLoadingReductionCode, 'btn--disabled': !reductionCode}" data-bind-event-click="applyReductionCode()" disabled="">
<span class="spinner-label">Áp dụng</span>
<svg xmlns="http://www.w3.org/2000/svg" class="spinner-loader">
<use href="#spinner"></use>
</svg>
</button>
</div>
<p class="field__message field__message--error field__message--error-always-show hide" data-bind-show="!isLoadingReductionCode && isLoadingReductionCodeError" data-bind="loadingReductionCodeErrorMessage">Có lỗi xảy ra khi áp dụng khuyến mãi. Vui lòng thử lại</p>
</div>
</div>
</div>
</div>
<div class="order-summary__section order-summary__section--total-lines order-summary--collapse-element" data-define="{subTotalPriceText: '2.900.000₫'}" data-tg-refresh="refreshOrderTotalPrice" id="orderSummary">
<table class="total-line-table">
<caption class="visually-hidden">Tổng giá trị</caption>
<thead>
<tr>
<td><span class="visually-hidden">Mô tả</span></td>
<td><span class="visually-hidden">Giá tiền</span></td>
</tr>
</thead>
<tbody class="total-line-table__tbody">
<tr class="total-line total-line--subtotal">
<th class="total-line__name">
Tạm tính
</th>
<td class="total-line__price">2.900.000₫</td>
</tr>
<tr class="total-line total-line--shipping-fee">
<th class="total-line__name">
Phí vận chuyển
</th>
<td class="total-line__price" data-bind="getTextShippingPrice()">-</td>
</tr>
</tbody>
<tfoot class="total-line-table__footer">
<tr class="total-line payment-due">
<th class="total-line__name">
<span class="payment-due__label-total">
Tổng cộng
</span>
</th>
<td class="total-line__price">
<span class="payment-due__price" data-bind="getTextTotalPrice()">2.900.000₫</span>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="order-summary__nav field__input-btn-wrapper hide-on-mobile layout-flex--row-reverse">
<button type="submit" class="btn btn-checkout spinner" data-bind-class="{'spinner--active': isSubmitingCheckout}" data-bind-disabled="isSubmitingCheckout || isLoadingReductionCode">
<span class="spinner-label">ĐẶT HÀNG</span>
<svg xmlns="http://www.w3.org/2000/svg" class="spinner-loader">
<use href="#spinner"></use>
</svg>
</button>
<a href="https://nd-noi-that.mysapo.net/cart" class="previous-link">
<i class="previous-link__arrow">❮</i>
<span class="previous-link__content">Quay về giỏ hàng</span>
</a>
</div>
<div id="common-alert-sidebar" data-tg-refresh="refreshError">
<div class="alert alert--danger hide-on-mobile hide" data-bind-show="!isSubmitingCheckout && isSubmitingCheckoutError" data-bind="submitingCheckoutErrorMessage">Có lỗi xảy ra khi xử lý. Vui lòng thử lại</div>
</div>
</div>
</div>
</div>
</aside>
</div>
</form>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="spinner">
<svg viewBox="0 0 30 30">
<circle stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-dasharray="85%" cx="50%" cy="50%" r="40%">
<animatetransform attributeName="transform" type="rotate" from="0 15 15" to="360 15 15" dur="0.7s" repeatCount="indefinite"></animatetransform>
</circle>
</svg>
</symbol>
</svg>
</div>
</body></html>