| Server IP : 103.48.194.25 / Your IP : 216.73.217.33 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 8.2.20 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/namduongmarket.com-bk/public_html/skin/temp/ |
Upload File : |
<!DOCTYPE html>
<html class="floating-labels">
<head>
<meta 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="Template Tea House - Thanh toán đơn hàng" />
<title>Template Tea House - Thanh toán đơn hàng</title>
<link rel="shortcut icon" href="//bizweb.dktcdn.net/assets/sapo_favicon.png" type="image/x-icon" />
<link href="/lib/css/select2-v4.1.0.min.css" rel="stylesheet" />
<link href="/lib/css/fontawesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/checkout.min.css?v=bc5f183">
<style></style>
<script src="/lib/js/jquery-1.12.4.min.js"></script>
<script src="/lib/js/select2-v4.1.0.min.js"></script>
<script src="/lib/js/turbograft.min.js"></script>
<script src="/lib/js/twine.min.js"></script>
<script src="/js/checkout.min.js?v=7078487"></script>
<script>
var Myweb = Myweb || {};
Myweb.Checkout = {};
Myweb.Checkout.token = "4efabcaa1e9643bba6052da099a33941"
Myweb.Checkout.apiHost = "template-tea-house.mysapo.net"
</script>
<script>
window.BizwebAnalytics = window.BizwebAnalytics || {};
window.BizwebAnalytics.meta = window.BizwebAnalytics.meta || {};
window.BizwebAnalytics.meta.currency = 'VND';
var meta = {};
for (var attr in meta) {
window.BizwebAnalytics.meta[attr] = meta[attr];
}
</script>
</head>
<body data-no-turbolink>
<header class="banner">
<div class="wrap">
<div class="logo logo--left ">
<h1 class="shop__name"> <a href="/"> Template Tea House </a> </h1>
</div>
</div>
</header>
<aside>
<button class="order-summary-toggle" 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()"></span> </span> </span> </button>
</aside>
<div class="content">
<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="/checkout/4efabcaa1e9643bba6052da099a33941"
data-bind-event-submit="handleCheckoutSubmit(event)"
data-bind-event-keypress="handleCheckoutKeyPress(event)"
data-bind-event-change="handleCheckoutChange(event)">
<input type="hidden" name="_method" value="patch" />
<div class="wrap">
<main class="main">
<header class="main__header">
<div class="logo logo--left ">
<h1 class="shop__name"> <a href="/"> Template Tea House </a> </h1>
</div>
</header>
<div class="main__content">
<article class="animate-floating-labels row">
<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-id-card-o fa-lg section__title--icon hide-on-desktop"></i> Thông tin nhận hàng </h2>
<a href="/account/login?returnUrl=/checkout/4efabcaa1e9643bba6052da099a33941"> <i class="fa fa-user-circle-o fa-lg"></i> <span>Đăng nhập </span> </a> </div>
</div>
<div class="section__content">
<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">
<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"
data-bind="billing.province" value=""
data-address-type="province"
data-address-zone="billing">
</select>
</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"
value=""
data-bind="billing.district"
data-address-type="district"
data-address-zone="billing">
</select>
</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"
value=""
data-bind="billing.ward"
data-address-type="ward"
data-address-zone="billing">
</select>
</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" 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"
data-bind-event-click="handleShippingMethodErrorRetry()"
data-bind-show="!isLoadingShippingMethod && !isAddressSelecting && isLoadingShippingError"> <span data-bind="loadingShippingErrorMessage"></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">
<div class="content-box__row">
<div class="radio-wrapper">
<div class="radio__input">
<input name="paymentMethod" id="paymentMethod-490559"
type="radio" class="input-radio"
data-bind="paymentMethod"
value="490559"
checked>
</div>
<label for="paymentMethod-490559" 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 == 490559">
<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="/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"
data-bind-show="!isSubmitingCheckout && isSubmitingCheckoutError"
data-bind="submitingCheckoutErrorMessage"> </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 order-summary--is-collapsed">
<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="//bizweb.dktcdn.net/thumb/thumb/100/415/010/products/17.jpg?v=1608879652617"
alt="" class="product-thumbnail__image"> </div>
<span class="product-thumbnail__quantity">1</span> </div></td>
<th class="product__description"> <span class="product__description__name"> Bông lan cuộn trà xanh </span> </th>
<td class="product__quantity visually-hidden"><em>Số lượng:</em> 1</td>
<td class="product__price"> 25.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" type="button"
data-bind-disabled="isLoadingReductionCode || !reductionCode"
data-bind-class="{'spinner--active': isLoadingReductionCode, 'btn--disabled': !reductionCode}"
data-bind-event-click="applyReductionCode()"> <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"
data-bind-show="!isLoadingReductionCode && isLoadingReductionCodeError"
data-bind="loadingReductionCodeErrorMessage"> </p>
</div>
</div>
</div>
</div>
<div class="order-summary__section order-summary__section--total-lines order-summary--collapse-element"
data-define="{subTotalPriceText: '25.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">25.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()"></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="/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"
data-bind-show="!isSubmitingCheckout && isSubmitingCheckoutError"
data-bind="submitingCheckoutErrorMessage"> </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" />
</circle>
</svg> </symbol>
</svg> </div>
</body>
</html>