| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 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 : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hocthongminh.net-bk/public_html/site/components/sanpham/views/ |
Upload File : |
<section class="bread-crumb margin-bottom-10">
<div class="container">
<div class="row">
<div class="col-xs-12">
<ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="<?=site?>" title="Trang chủ"> <span itemprop="name">Trang chủ</span>
<meta itemprop="position" content="1" />
</a> <span><i class="fa fa-angle-right"></i></span> </li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong itemprop="name">Thanh toán</strong>
<meta itemprop="position" content="2" />
</li>
</ul>
</div>
</div>
</div>
</section>
<div class="container">
<form data-tg-refresh="checkout" id="checkoutForm" name="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}" action="<?=site?>dat-hang.html" 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">
<input type="hidden" name="total_price" id="total_price" value="<?=$cart['total_price']?>">
<input type="hidden" name="total_weight" id="total_weight" value="<?=$cart['total_weight']?>">
<input type="hidden" name="shipping_fee" id="shipping_fee" value="<?=$cart['shipping_fee']?>">
<div class="row">
<main class="col-md-8">
<header class="main__header">
<div class="logo logo--left">
<h1 class="shop__name"> Thanh toán đơn hàng </h1>
</div>
</header>
<div class="main__content">
<article class="animate-floating-labels row">
<div class="col-md-6 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 mua và nhận hàng </h2>
<a href="<?=site?>dang-nhap.html"> <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="cusmail" class="field__label"> Email </label>
<input name="cusmail" id="cusmail" type="email" placeholder="Email" class="field__input" data-bind="cusmail" value="">
</div>
</div>
<div class="field " data-bind-class="{'field--show-floating-label': billing.name}">
<div class="field__input-wrapper">
<label for="cusname" class="field__label">Họ và tên</label>
<input name="cusname" id="cusname" type="text" class="field__input" placeholder="Họ và Tên" 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="phone" class="field__label"> Số điện thoại (tùy chọn) </label>
<input name="phone" id="phone" placeholder="Phone" 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="address" class="field__label"> Địa chỉ (tùy chọn) </label>
<input name="address" id="address" placeholder="Address" 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="town_id" class="field__label">Tỉnh thành</label>
<select name="town_id" id="town_id" 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-town_id" tabindex="-1" aria-hidden="true">
<option value="" hidden="" data-select2-id="select2-data-3-663z">---</option>
<option value="1">Hà Nội</option>
<option value="2">TP Hồ Chí Minh</option>
<option value="3">An Giang</option>
<option value="4">Bà Rịa-Vũng Tàu</option>
<option value="5">Bắc Giang</option>
<option value="6">Bắc Kạn</option>
<option value="7">Bạc Liêu</option>
<option value="8">Bắc Ninh</option>
<option value="9">Bến Tre</option>
<option value="10">Bình Dương</option>
<option value="11">Bình Định</option>
<option value="12">Bình Phước</option>
<option value="13">Bình Thuận</option>
<option value="14">Cà Mau</option>
<option value="15">Cao Bằng</option>
<option value="16">Cần Thơ</option>
<option value="17">Đà Nẵng</option>
<option value="18">Đắk Lắk</option>
<option value="19">Đắk Nông</option>
<option value="20">Điện Biên</option>
<option value="21">Đồng Nai</option>
<option value="22">Đồng Tháp</option>
<option value="23">Gia Lai</option>
<option value="24">Hà Giang</option>
<option value="25">Hà Nam</option>
<option value="26">Hà Tĩnh</option>
<option value="27">Hải Dương</option>
<option value="28">Hải Phòng</option>
<option value="29">Hậu Giang</option>
<option value="30">Hòa Bình</option>
<option value="31">Hưng Yên</option>
<option value="32">Khánh Hòa</option>
<option value="33">Kiên Giang</option>
<option value="34">Kon Tum</option>
<option value="35">Lai Châu</option>
<option value="36">Lâm Đồng</option>
<option value="37">Lạng Sơn</option>
<option value="38">Lào Cai</option>
<option value="39">Long An</option>
<option value="40">Nam Định</option>
<option value="41">Nghệ An</option>
<option value="42">Ninh Bình</option>
<option value="43">Ninh Thuận</option>
<option value="44">Phú Thọ</option>
<option value="45">Phú Yên</option>
<option value="46">Quảng Bình</option>
<option value="47">Quảng Nam</option>
<option value="48">Quảng Ngãi</option>
<option value="49">Quảng Ninh</option>
<option value="50">Quảng Trị</option>
<option value="51">Sóc Trăng</option>
<option value="52">Sơn La</option>
<option value="53">Tây Ninh</option>
<option value="54">Thái Bình</option>
<option value="55">Thái Nguyên</option>
<option value="56">Thanh Hóa</option>
<option value="57">Thừa Thiên Huế</option>
<option value="58">Tiền Giang</option>
<option value="59">Trà Vinh</option>
<option value="60">Tuyên Quang</option>
<option value="61">Vĩnh Long</option>
<option value="62">Vĩnh Phúc</option>
<option value="63">Yên Bái</option>
</select>
<span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="select2-data-1-1i35" 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-town_id-container"><span class="select2-selection__rendered" id="select2-town_id-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 " style="display:none">
<div class="field__input-wrapper field__input-wrapper--select2">
<label for="district_id" class="field__label"> Quận huyện (tùy chọn) </label>
<select name="district_id" id="district_id" 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-district_id" 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-oryp" 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-district_id-container"><span class="select2-selection__rendered" id="select2-district_id-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" placeholder="Notes"></textarea>
</div>
</div>
</div>
</div>
<div class="col-md-6 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">
<div class="content-box__row">
<div class="radio-wrapper">
<div class="radio__input">
<input name="paymentMethod" id="paymentMethod-414756" type="radio" class="input-radio" data-bind="paymentMethod" value="414756" checked="">
</div>
<label for="paymentMethod-414756" 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 == 414756">
<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="<?=site?>gio-hang.html" 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="col-md-4">
<?php
if($cart):
$list_pro = $cart['items'];
//trit($cart);
?>
<div class="sidebar__header">
<h2 class="sidebar__title"> Đơn hàng (<?=$cart['item_count']?> 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>
<?php
foreach ($list_pro as $pro) :
$pro_img = $pro->image;
$alias = site."san-pham/".$pro->url;
?>
<tr class="product">
<td class="product__image"><div class="product-thumbnail">
<div class="product-thumbnail__wrapper" data-tg-static="">
<img src="<?=$pro_img?>" alt="<?=$pro->name?>" class="product-thumbnail__image"> </div>
<span class="product-thumbnail__quantity"><?=$pro->quantity?></span> </div></td>
<th class="product__description"> <span class="product__description__name"> <?=$pro->name?> </span> </th>
<td class="product__quantity visually-hidden"><em>Số lượng:</em> <?=$pro->quantity?></td>
<td class="product__price"> <?=pricevn($pro->price)?> </td>
</tr>
<? endforeach ;?>
</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" data-define="{subTotalPriceText: '25.980.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"> <?=pricevn($cart['total_price'])?> </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()"> <?=pricevn($cart['shipping_fee'])?> </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()"> <?=pricevn($cart['total_price'])?> </span></td>
</tr>
</tfoot>
</table>
</div>
<div class="order-summary__nav field__input-btn-wrapper hide-on-mobile"> <a href="<?=site?>gio-hang.html" class="previous-link"> <i class="previous-link__arrow">❮</i> <span class="previous-link__content">Quay về giỏ hàng</span> </a>
<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>
</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>
<?php endif;?>
</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>
<link href="<?=skin?>css/checkout.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.main__header {
padding-bottom: 0;
}
h1.shop__name {
font-size: 20px;
color: #FFF;
padding: 12px 15px;
font-weight: bold;
}
.section__header {
margin-bottom: 12px;
margin-top: 15px;
}
.section__title, .modal__title, .sidebar__title, .order-summary-toggle__text {
color: #333;
font-weight: bold;
font-size: 16px;
}
.field__label {
text-align: left;
margin: .5em 0;
display: none;
}
.field__input-wrapper--select2 .select2-container .select2-selection--single {
height: 3em;
padding-top: 1em;
display: none;
}
.radio__input, .checkbox__input {
display: table-cell;
}
.input-checkbox:checked:after, .input-radio:checked:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
tr.product td, tr.product th {
border:none;
}
</style>
<script src="<?=skin?>js/jquery.validate.min.js" language="javascript" type='text/javascript'></script>
<script language="javascript">
$('#checkoutForm').validate({
rules :{
cusname: "required",
//email: {"required":true, email:true},
address: "required",
phone: "required",
},
messages: {
cusname: "Vui lòng nhập tên của bạn",
//email: "Please input your show name."
address: "Vui lòng nhập địa chỉ",
phone: "Vui lòng nhập số điện thoại",
}
});
</script>