<div style="color: #fff; font-size: 30px; padding-top: 1%; padding-left: 1%; font-weight: 900;"><!-- [et_pb_line_break_holder] --> Please complete the following appointment form<!-- [et_pb_line_break_holder] --></div>
<style><!-- [et_pb_line_break_holder] --> form[name="orderForm"] {<!-- [et_pb_line_break_holder] --> font-weight: 900;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="orderForm"] input{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> text-align-last: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="orderForm"] select{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> text-align-last: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> ::-webkit-input-placeholder {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> :-moz-placeholder { /* Firefox 18- */<!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> ::-moz-placeholder { /* Firefox 19+ */<!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> :-ms-input-placeholder { <!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .choose-file-label{<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> border: #bbb solid 1px;<!-- [et_pb_line_break_holder] --> background: #cdcccc;<!-- [et_pb_line_break_holder] --> height: 33px;<!-- [et_pb_line_break_holder] --> line-height: 28px;<!-- [et_pb_line_break_holder] --> color: #ffffff;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .account-detail-button{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #fffffe;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .bankTransferButton{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #fffffe;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .creditCardButton{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #fffffe;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .creditCardButton.active{<!-- [et_pb_line_break_holder] --> background-color:#faa636;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .bankTransferButton.active{<!-- [et_pb_line_break_holder] --> background-color:#faa636;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .bankTransfer{<!-- [et_pb_line_break_holder] --> /*position: absolute;<!-- [et_pb_line_break_holder] --> left: 50.5%;<!-- [et_pb_line_break_holder] --> bottom: 7%;<!-- [et_pb_line_break_holder] --> top: 308px;*/<!-- [et_pb_line_break_holder] --> display: none; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .bankTransfer.active{<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .accountDetail{<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 42%<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .accountDetail .account-detail-img{<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> max-width: 400px;<!-- [et_pb_line_break_holder] --> right: -35%;<!-- [et_pb_line_break_holder] --> display:none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .accountDetail .account-detail-img.active{<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> z-index: 1000;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .title-row{<!-- [et_pb_line_break_holder] --> padding-top: 1%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .g-recaptcha{<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="orderForm"] .submitButton{<!-- [et_pb_line_break_holder] --> margin-top: 20px;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> color: #ffffff;<!-- [et_pb_line_break_holder] --> background-color: #ff2eA0;<!-- [et_pb_line_break_holder] --> padding: 10px 20px 10px 20px;<!-- [et_pb_line_break_holder] --> border-radius: 30px;<!-- [et_pb_line_break_holder] --> font-family: 'sakura_custom_font';<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="orderForm"] .submitButton.active{<!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .displayNone {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <form method="post" name="orderForm" action="/system/pre_order" enctype="multipart/form-data"><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <label>Name*</label><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <label>Phone*</label><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty " type="text" name="name" placeholder="What should we call you?" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <select class="input text-align-center " name="title" title="MR/MS/MISS" style="width: 100%;height: 34px;"><!-- [et_pb_line_break_holder] --> <option value="mr">MR.</option><!-- [et_pb_line_break_holder] --> <option value="ms">MS.</option><!-- [et_pb_line_break_holder] --> <option value="miss">MISS.</option><!-- [et_pb_line_break_holder] --> </select> <!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="contactNo" placeholder="Please provide a phone number for WhatsApp。" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row title-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Company<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Email*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <input class="input" type="text" name="companyName" placeholder="Please provide your company name" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="email" placeholder="Please provide your email address." maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row title-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Construction date*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Construction address*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input datepicker req-notEmpty" type="text" name="workDate" autocomplete="off" placeholder="Please select the construction date"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input timepicker req-notEmpty" type="text" name="workTime" placeholder="Please choose the construction time"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-1"><!-- [et_pb_line_break_holder] --> <select name="area" class="input text-align-center" placeholder="Area" style="width: 100%;height: 34px;"><!-- [et_pb_line_break_holder] --> <option value="" disabled selected>Area</option><!-- [et_pb_line_break_holder] --> <option value="新界">New Territories</option><!-- [et_pb_line_break_holder] --> <option value="九龍">Kowloon</option><!-- [et_pb_line_break_holder] --> <option value="香港島">Hong Kong Island</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> <!-- <input class="input req-notEmpty" type="text" name="area" placeholder="地域"/> --><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-1"><!-- [et_pb_line_break_holder] --> <select name="region" class="input text-align-center" placeholder="Region" style="width: 100%;height: 34px;"><!-- [et_pb_line_break_holder] --> <option value="" disabled selected>Region</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> <!-- <input class="input req-notEmpty" type="text" name="region" placeholder="地區"/> --><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-4"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="address" placeholder="Address" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row title-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-2"><!-- [et_pb_line_break_holder] --> Floor quotation*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-4" style="font-weight: 100;font-size:12px;line-height: 29px;"><!-- [et_pb_line_break_holder] --> 經濟實惠之選 / 高效家庭安心之選 / 全方位家庭強效之選<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Payment Method*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6 form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="floorArea" placeholder="Floor practical number" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <select class="input text-align-center" name="package" placeholder="Please select a package" style="width: 100%;height: 34px;" ><!-- [et_pb_line_break_holder] --> <option value="" selected>Choose a package</option><!-- [et_pb_line_break_holder] --> <option value="經濟實惠之選" >經濟實惠之選</option><!-- [et_pb_line_break_holder] --> <option value="高效家庭安心之選">高效家庭安心之選</option><!-- [et_pb_line_break_holder] --> <option value="全方位家庭強效之選">全方位家庭強效之選</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="floorQuote" placeholder="Floor Quote" readonly/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3 ml-2 "><!-- [et_pb_line_break_holder] --> <button type="button" class="bankTransferButton"><!-- [et_pb_line_break_holder] --> Bank transfer<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <button type="button" class="creditCardButton"><!-- [et_pb_line_break_holder] --> Credit card payment<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row title-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-2"><!-- [et_pb_line_break_holder] --> Other service<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-4" style="font-weight: 100;font-size:12px;line-height: 29px;"><!-- [et_pb_line_break_holder] --> 深層傢俬清潔 / 裝修後清潔<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6 form-row bankTransfer"><!-- [et_pb_line_break_holder] --> <div class="col-md-5"><!-- [et_pb_line_break_holder] --> <label for="bankReceipt" class="choose-file-label">Upload image</label><!-- [et_pb_line_break_holder] --> <input type="file" class="image_uploads" name="bankReceipt" style="visibility: hidden; display:none" id="bankReceipt" accept="image/*"><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </div> <!-- [et_pb_line_break_holder] --> <div class="col-md-5 accountDetail"><!-- [et_pb_line_break_holder] --> <button type="button" class="account-detail-button desktop"><!-- [et_pb_line_break_holder] --> Account information<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> <img class="account-detail-img desktop" src="/wp-content/uploads/2018/11/Account-detail-01.png" /><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row" style="padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <select class="input text-align-center" name="otherService" placeholder="Need to add other services" style="width: 100%;height: 34px;" ><!-- [et_pb_line_break_holder] --> <option value="" selected>Need to add other services</option><!-- [et_pb_line_break_holder] --> <option value="深層傢俬清潔" >深層傢俬清潔</option><!-- [et_pb_line_break_holder] --> <option value="裝修後清潔">裝修後清潔</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <output class="result desktop"> </output><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <hr style="border-top: dashed 3px #faa636;" /> <!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> 有關收集及使用個人資料聲明<br/><!-- [et_pb_line_break_holder] -->櫻花家居服務有限公司,(下稱:櫻花)收集個人資料為用作服務查詢及與閣下通訊之用途。除作上述用途外,所有個人資料絕對保密,並會嚴格遵照法律規定處理,不會轉讓給其他機構或團體。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> 有關使用個人資料作推廣用途<br/><!-- [et_pb_line_break_holder] -->櫻花希望日後根據你以上所提供的聯絡方法(包括姓名,電郵地址等),透過電郵途徑,向你提供櫻花的推廣資訊。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> 即使現在你同意接收櫻花的推廣資訊,但假若你日後改變主意,只須將你的姓名及電郵地址,以電郵通知本公司,本公司便會停止向你發放推廣資訊。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span style="color: #ff2ea0;"><!-- [et_pb_line_break_holder] --> 有關櫻花家居服務的聯絡資料,請瀏覽本會網頁。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;" class="d-flex flex-row align-items-center"><!-- [et_pb_line_break_holder] --> <div><!-- [et_pb_line_break_holder] --> 請在以下列合適之空格內填上 </div><!-- [et_pb_line_break_holder] --> <div style="width: 15px;"><input type="checkbox" disabled=""></div><!-- [et_pb_line_break_holder] --> <div>號表示同意</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="" class="d-flex flex-row align-items-center"><!-- [et_pb_line_break_holder] --> <div style="width: 15px;"><input type="checkbox" name="agree1"></div><!-- [et_pb_line_break_holder] --> <div>   本人已閱讀、明白及同意上述「有關收集及使用個人資料聲明」的內容。</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="" class="d-flex flex-row align-items-center"><!-- [et_pb_line_break_holder] --> <div style="width: 15px;"><input type="checkbox" name="agree2"></div><!-- [et_pb_line_break_holder] --> <div>   本人已閱讀、明白及同意上述「有關使用個人資料作推廣用途」的內容及同意接收家計會的推廣資訊。</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="g-recaptcha" data-sitekey="6Lc3IHoUAAAAAK4tDrNHPY4w2Qpn81EgfI4_fI4I"></div><!-- [et_pb_line_break_holder] --> <button class="submitButton" type="button" style="cursor: pointer;"><!-- [et_pb_line_break_holder] --> Submit<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> <input type="hidden" name="stripeToken" /><!-- [et_pb_line_break_holder] --> </form><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script src="https://checkout.stripe.com/checkout.js"></script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --> var handler = StripeCheckout.configure({<!-- [et_pb_line_break_holder] --> key: 'pk_test_DjI7Nl2GfPdWiAzHKnUVTJF8',<!-- [et_pb_line_break_holder] --> image: 'https://stripe.com/img/documentation/checkout/marketplace.png',<!-- [et_pb_line_break_holder] --> locale: 'auto',<!-- [et_pb_line_break_holder] --> token: function(token) {<!-- [et_pb_line_break_holder] --> // You can access the token ID with `token.id`.<!-- [et_pb_line_break_holder] --> // Get the token ID to your server-side code for use.<!-- [et_pb_line_break_holder] --> console.log(token)<!-- [et_pb_line_break_holder] --> $('input[name="stripeToken"]').val(token.id);<!-- [et_pb_line_break_holder] --> $('form').attr('action','/system/charge');<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').submit();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // document.getElementById('customButton').addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] --> // // Open Checkout with further options:<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Close Checkout on page navigation:<!-- [et_pb_line_break_holder] --> window.addEventListener('popstate', function() {<!-- [et_pb_line_break_holder] --> handler.close();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --><script type="text/javascript"><!-- [et_pb_line_break_holder] --> var areaJson = [{<!-- [et_pb_line_break_holder] --> "zh":{<!-- [et_pb_line_break_holder] --> "香港島": [<!-- [et_pb_line_break_holder] --> "中西區",<!-- [et_pb_line_break_holder] --> "灣仔",<!-- [et_pb_line_break_holder] --> "南區",<!-- [et_pb_line_break_holder] --> "東區"<!-- [et_pb_line_break_holder] --> ],<!-- [et_pb_line_break_holder] --> "九龍":[<!-- [et_pb_line_break_holder] --> "油尖旺",<!-- [et_pb_line_break_holder] --> "深水埗",<!-- [et_pb_line_break_holder] --> "九龍城",<!-- [et_pb_line_break_holder] --> "黃大仙",<!-- [et_pb_line_break_holder] --> "觀塘"<!-- [et_pb_line_break_holder] --> ],<!-- [et_pb_line_break_holder] --> "新界":[<!-- [et_pb_line_break_holder] --> "葵青",<!-- [et_pb_line_break_holder] --> "荃灣",<!-- [et_pb_line_break_holder] --> "屯門",<!-- [et_pb_line_break_holder] --> "元朗",<!-- [et_pb_line_break_holder] --> "北區",<!-- [et_pb_line_break_holder] --> "大埔",<!-- [et_pb_line_break_holder] --> "沙田",<!-- [et_pb_line_break_holder] --> "西貢",<!-- [et_pb_line_break_holder] --> "離島",<!-- [et_pb_line_break_holder] --> ]<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> "en":{<!-- [et_pb_line_break_holder] --> "Hong Kong Island":[<!-- [et_pb_line_break_holder] --> "Central & Western",<!-- [et_pb_line_break_holder] --> "Wan Chai",<!-- [et_pb_line_break_holder] --> "Eastern",<!-- [et_pb_line_break_holder] --> "Southern",<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> ],<!-- [et_pb_line_break_holder] --> "Kowloon":[<!-- [et_pb_line_break_holder] --> "Yau Tsim Mong",<!-- [et_pb_line_break_holder] --> "Sham Shui Po",<!-- [et_pb_line_break_holder] --> "Kowloon City",<!-- [et_pb_line_break_holder] --> "Wong Tai Sin",<!-- [et_pb_line_break_holder] --> "Kwun Tong",<!-- [et_pb_line_break_holder] --> ],<!-- [et_pb_line_break_holder] --> "NT":[<!-- [et_pb_line_break_holder] --> "Kwai Tsing",<!-- [et_pb_line_break_holder] --> "Tsuen Wan",<!-- [et_pb_line_break_holder] --> "Tuen Mun",<!-- [et_pb_line_break_holder] --> "Yuen Long",<!-- [et_pb_line_break_holder] --> "North",<!-- [et_pb_line_break_holder] --> "Tai Po",<!-- [et_pb_line_break_holder] --> "Sha Tin",<!-- [et_pb_line_break_holder] --> "Sai Kung",<!-- [et_pb_line_break_holder] --> "Islands"<!-- [et_pb_line_break_holder] --> ]<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}]<!-- [et_pb_line_break_holder] --> var priceJson = [<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '0',<!-- [et_pb_line_break_holder] --> 'to' : '399',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '2,600',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '3,200',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '5,200'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '400',<!-- [et_pb_line_break_holder] --> 'to' : '599',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '3,200',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '3,800',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '6,400'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '600',<!-- [et_pb_line_break_holder] --> 'to' : '799',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '3,800',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '4,600',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '7,600'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '800',<!-- [et_pb_line_break_holder] --> 'to' : '999',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '4,300',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '5,200',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '8,600'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '1000',<!-- [et_pb_line_break_holder] --> 'to' : '1299',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '4,900',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '6,000',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '9,800'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '1300',<!-- [et_pb_line_break_holder] --> 'to' : '1499',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '5,700',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '6,800',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '11,400'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '1500',<!-- [et_pb_line_break_holder] --> 'to' : '100000000000',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '另作報價',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '另作報價',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '另作報價'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> ]<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $( document ).ready( function() {<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('.account-detail-btn').on('click', function(){<!-- [et_pb_line_break_holder] --> if ($('form[name="orderForm"]').find('img.account-detail').hasClass('active')){<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('img.account-detail').removeClass('active')<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('img.account-detail').addClass('active')<!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('input[name="floorArea"]').on('keyup', function(){<!-- [et_pb_line_break_holder] --> var package = $('form[name="orderForm"]').find('select[name="package"]').val(); <!-- [et_pb_line_break_holder] --> var data = '' <!-- [et_pb_line_break_holder] --> if (package != '' && $(this).val() != ''){<!-- [et_pb_line_break_holder] --> data = getPrice($(this).val());<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> $('input[name="floorQuote"]').val(data[0][package]);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('select[name="package"]').on('change', function(){<!-- [et_pb_line_break_holder] --> var area = $('form[name="orderForm"]').find('input[name="floorArea"]').val();<!-- [et_pb_line_break_holder] --> var data = '' ;<!-- [et_pb_line_break_holder] --> if (area != '' && $(this).val() != ''){<!-- [et_pb_line_break_holder] --> data = getPrice(area);<!-- [et_pb_line_break_holder] --> $('input[name="floorQuote"]').val(data[0][$(this).val()]);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('select[name="area"]').on('change', function(){<!-- [et_pb_line_break_holder] --> var area = $(this).val();<!-- [et_pb_line_break_holder] --> $('select[name="region"]').empty();<!-- [et_pb_line_break_holder] --> areaJson[0]['en'][area].forEach(function(item){<!-- [et_pb_line_break_holder] --> $('select[name="region"]').append('<option value="'+item+'">'+item+'</option>');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $( ".datepicker" ).datepicker({<!-- [et_pb_line_break_holder] --> 'minDate': 0,<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('.timepicker').timepicker({<!-- [et_pb_line_break_holder] --> 'minTime': '8:00am',<!-- [et_pb_line_break_holder] --> 'maxTime': '8:00pm',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('.submitButton').on('click', function(){<!-- [et_pb_line_break_holder] --> var form = $('form[name="orderForm"]');<!-- [et_pb_line_break_holder] --> var formHasErorr = false;<!-- [et_pb_line_break_holder] --> if ($('form[name="orderForm"]').find('.g-recaptcha-response').val() == '' ){<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> } else if ($('form[name="orderForm"]').find('.g-recaptcha-response').val() == null){<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> $('form[name="orderForm"]').find('.req-notEmpty').each(function(){<!-- [et_pb_line_break_holder] --> $(this).removeClass('hasError');<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').removeClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if ($(this).val() == null){<!-- [et_pb_line_break_holder] --> $(this).addClass('hasError')<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').addClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> } else if ($(this).val() == ''){<!-- [et_pb_line_break_holder] --> $(this).addClass('hasError')<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').addClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> } else if (typeof $(this).val() == 'undefined'){<!-- [et_pb_line_break_holder] --> $(this).addClass('hasError')<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').addClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> if (form.find($('.creditCardButton')).hasClass('active')){<!-- [et_pb_line_break_holder] --> formHasErorr = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> if (!formHasErorr){<!-- [et_pb_line_break_holder] --> if (form.find($('.creditCardButton')).hasClass('active')){<!-- [et_pb_line_break_holder] --> handler.open({<!-- [et_pb_line_break_holder] --> name: 'Sakura',<!-- [et_pb_line_break_holder] --> description: $('select[name="package"]').val(),<!-- [et_pb_line_break_holder] --> amount: Number($('input[name="floorQuote"]').val().replace(/[^0-9.-]+/g,"")) * 100,<!-- [et_pb_line_break_holder] --> currency: 'HKD',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else if (form.find($('.bankTransferButton')).hasClass('active')) {<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var fileSize = form.find('#bankReceipt')[0].files[0].size;<!-- [et_pb_line_break_holder] --> if (fileSize / 1024 / 1024 > 2){<!-- [et_pb_line_break_holder] --> alert('File size exceeds 2 MB')<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> form.submit();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> alert('Please fill in the form correctly')<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('.bankTransferButton').on('click', function(){<!-- [et_pb_line_break_holder] --> $('.bankTransfer').toggleClass('active')<!-- [et_pb_line_break_holder] --> $(this).addClass('active');<!-- [et_pb_line_break_holder] --> $('.creditCardButton').removeClass('active');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $('.creditCardButton').on('click', function(){<!-- [et_pb_line_break_holder] --> $(this).addClass('active');<!-- [et_pb_line_break_holder] --> $('.bankTransferButton').removeClass('active');<!-- [et_pb_line_break_holder] --> $('.bankTransfer').removeClass('active')<!-- [et_pb_line_break_holder] --> $('.mobileBankTransfer').removeClass('active');<!-- [et_pb_line_break_holder] --> $('input[type="file"]').val('');<!-- [et_pb_line_break_holder] --> $('.result.desktop').empty();<!-- [et_pb_line_break_holder] --> $('.result.mobile').empty();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $('input[name="agree1"]').on('change', function(){<!-- [et_pb_line_break_holder] --> if (this.checked){<!-- [et_pb_line_break_holder] --> $('.submitButton').addClass('active');<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> $('.submitButton').removeClass('active');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('.account-detail-button.desktop').on('click',function(){<!-- [et_pb_line_break_holder] --> $('.account-detail-img').toggleClass('active') <!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> if (window.File && window.FileList && window.FileReader) {<!-- [et_pb_line_break_holder] --> $(document).on('change', '.image_uploads', function(e) {<!-- [et_pb_line_break_holder] --> console.log('desktop')<!-- [et_pb_line_break_holder] --> console.log($(this))<!-- [et_pb_line_break_holder] --> var $inputFile = $(this)[0];<!-- [et_pb_line_break_holder] --> var $output = $('.result.desktop').first(); <!-- [et_pb_line_break_holder] --> $output.empty();<!-- [et_pb_line_break_holder] --> var fileSize = 0;<!-- [et_pb_line_break_holder] --> var files = $inputFile.files;<!-- [et_pb_line_break_holder] --> $output.css('display', '')<!-- [et_pb_line_break_holder] --> for (var i = 0; i < $inputFile.files.length; i++) {<!-- [et_pb_line_break_holder] --> fileSize = fileSize+files[i].size; <!-- [et_pb_line_break_holder] --> if(fileSize > 10485760) {<!-- [et_pb_line_break_holder] --> alert('File size must not be more than 10 MB');<!-- [et_pb_line_break_holder] --> $inputFile.val("");<!-- [et_pb_line_break_holder] --> $output.html("");<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var fileReader = new FileReader();<!-- [et_pb_line_break_holder] --> fileReader.onload = (function(e) {<!-- [et_pb_line_break_holder] --> var file = e.target;<!-- [et_pb_line_break_holder] --> var preview = document.createElement("div");<!-- [et_pb_line_break_holder] --> preview.setAttribute( "class", 'preview_image previewImageWrap');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> preview.innerHTML = "<img style='max-height: 300px;' class='imageThumb imgThumbnail' src='" + e.target.result + "' />";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $output.prepend(preview);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> fileReader.readAsDataURL(files[i]);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> alert("Your browser doesn't support to File API")<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function getPrice(area){<!-- [et_pb_line_break_holder] --> var filteredArray = priceJson;<!-- [et_pb_line_break_holder] --> if ((area != NaN) && (area != null)){<!-- [et_pb_line_break_holder] --> filteredArray = priceJson.filter((val => parseInt(val.from) <= area && parseInt(val.to) >= area));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return filteredArray;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->
<div style="color: #fff; font-size: 30px; padding-top: 1%; padding-left: 1%; font-weight: 900;"><!-- [et_pb_line_break_holder] --> Please complete the following appointment form<!-- [et_pb_line_break_holder] --></div>
<style><!-- [et_pb_line_break_holder] --> form[name="mobileOrderForm"] {<!-- [et_pb_line_break_holder] --> font-weight: 900;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="mobileOrderForm"] input{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> text-align-last: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="mobileOrderForm"] select{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> text-align-last: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> ::-webkit-input-placeholder {<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> :-moz-placeholder { /* Firefox 18- */<!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> ::-moz-placeholder { /* Firefox 19+ */<!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> :-ms-input-placeholder { <!-- [et_pb_line_break_holder] --> text-align: center; <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .choose-file-label{<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> border: #bbb solid 1px;<!-- [et_pb_line_break_holder] --> background: #cdcccc;<!-- [et_pb_line_break_holder] --> height: 33px;<!-- [et_pb_line_break_holder] --> line-height: 28px;<!-- [et_pb_line_break_holder] --> color: #ffffff;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> .creditCardButton{<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #fffffe;<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .mobileBankTransfer{<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mobileBankTransfer.active{<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mobileAccountDetail{<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mobileAccountDetail .account-detail-img{<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> max-width: 400px;<!-- [et_pb_line_break_holder] --> right: -35%;<!-- [et_pb_line_break_holder] --> display:none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .mobileAccountDetail .account-detail-img.active{<!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .title-row{<!-- [et_pb_line_break_holder] --> padding-top: 1%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .g-recaptcha{<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="mobileOrderForm"] .submitButton{<!-- [et_pb_line_break_holder] --> margin-top: 20px;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> color: #ffffff;<!-- [et_pb_line_break_holder] --> background-color: #ff2eA0;<!-- [et_pb_line_break_holder] --> padding: 10px 20px 10px 20px;<!-- [et_pb_line_break_holder] --> border-radius: 30px;<!-- [et_pb_line_break_holder] --> font-family: 'sakura_custom_font';<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> form[name="mobileOrderForm"] .submitButton.active{<!-- [et_pb_line_break_holder] --> display:block;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --></style><!-- [et_pb_line_break_holder] --> <form method="post" name="mobileOrderForm" action="/system/pre_order" enctype="multipart/form-data"><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <label>Name*</label><!-- [et_pb_line_break_holder] --> </div> <!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input left req-notEmpty " type="text" name="name" placeholder="What should we call you?" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <select class="input text-align-center " name="title" title="MR/MS/MISS" style="width: 100%;height: 34px;"><!-- [et_pb_line_break_holder] --> <option value="mr">MR.</option><!-- [et_pb_line_break_holder] --> <option value="ms">MS.</option><!-- [et_pb_line_break_holder] --> <option value="miss">MISS.</option><!-- [et_pb_line_break_holder] --> </select> <!-- [et_pb_line_break_holder] --> </div> <!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <label>Phone*</label><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="contactNo" placeholder="Please provide a phone number for WhatsApp。" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Company<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <input class="input" type="text" name="companyName" placeholder="Please provide your company name" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Email*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="email" placeholder="Please provide your email address." maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Construction date*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input datepicker req-notEmpty" type="text" name="workDate" placeholder="Please select the construction date"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input timepicker req-notEmpty" type="text" name="workTime" placeholder="Please choose the construction time"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"> <!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Construction address*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-1"><!-- [et_pb_line_break_holder] --> <select name="area" class="input text-align-center" placeholder="Area" style="width: 100%;height: 34px;"><!-- [et_pb_line_break_holder] --> <option value="" disabled selected>Area</option><!-- [et_pb_line_break_holder] --> <option value="新界">New Territories</option><!-- [et_pb_line_break_holder] --> <option value="九龍">Kowloon</option><!-- [et_pb_line_break_holder] --> <option value="香港島">Hong Kong Island</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> <!-- <input class="input req-notEmpty" type="text" name="area" placeholder="地域"/> --><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-1"><!-- [et_pb_line_break_holder] --> <select name="area" class="input text-align-center" title="Region" style="width: 100%;height: 34px;"><!-- [et_pb_line_break_holder] --> <option value="" disabled selected>Region</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> <!-- <input class="input req-notEmpty" type="text" name="region" placeholder="地區"/> --><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-4"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="address" placeholder="Address" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-2"><!-- [et_pb_line_break_holder] --> Floor quotation*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-4" style="font-weight: 100;font-size:12px;line-height: 29px;"><!-- [et_pb_line_break_holder] --> 經濟實惠之選 / 高效家庭安心之選 / 全方位家庭強效之選<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6 form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="floorArea" placeholder="Floor practical number" maxlength="70"/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <select class="input text-align-center" name="package" placeholder="Please select a package" style="width: 100%;height: 34px;" ><!-- [et_pb_line_break_holder] --> <option value="" selected>Choose a package</option><!-- [et_pb_line_break_holder] --> <option value="經濟實惠之選" >經濟實惠之選</option><!-- [et_pb_line_break_holder] --> <option value="高效家庭安心之選">高效家庭安心之選</option><!-- [et_pb_line_break_holder] --> <option value="全方位家庭強效之選">全方位家庭強效之選</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <input class="input req-notEmpty" type="text" name="floorQuote" placeholder="Floor Quote" readonly/><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> Payment Method*<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <button type="button" class=" mobileBankTransferButton bankTransferButton"><!-- [et_pb_line_break_holder] --> Bank transfer<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-6 mobileBankTransfer"><!-- [et_pb_line_break_holder] --> <label for="bankReceipt_mobile" class="choose-file-label">上傳圖片</label><!-- [et_pb_line_break_holder] --> <input type="file" class="image_uploads_mobile" name="bankReceipt" style="visibility: hidden; display:none" id="bankReceipt_mobile"><!-- [et_pb_line_break_holder] --> </div> <!-- [et_pb_line_break_holder] --> <div class="col-md-6 mobileAccountDetail mobileBankTransfer"><!-- [et_pb_line_break_holder] --> <button type="button" class=" account-detail-button mobile"><!-- [et_pb_line_break_holder] --> Account information<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> <img class="account-detail-img" src="/wp-content/uploads/2018/11/Account-detail-01.png" /><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-3"><!-- [et_pb_line_break_holder] --> <button type="button" class="creditCardButton"><!-- [et_pb_line_break_holder] --> Credit card payment<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> <output class="result mobile"> </output><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row"><!-- [et_pb_line_break_holder] --> <div class="col-md-2"><!-- [et_pb_line_break_holder] --> Other service<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="col-md-4" style="font-weight: 100;font-size:12px;line-height: 29px;"><!-- [et_pb_line_break_holder] --> 深層傢俬清潔 / 裝修後清潔<!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="row form-row" style="padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <div class="col-md-6"><!-- [et_pb_line_break_holder] --> <select class="input text-align-center" name="otherService" placeholder="Need to add other services" style="width: 100%;height: 34px;" ><!-- [et_pb_line_break_holder] --> <option value="" selected>Need to add other services</option><!-- [et_pb_line_break_holder] --> <option value="深層傢俬清潔" >深層傢俬清潔</option><!-- [et_pb_line_break_holder] --> <option value="裝修後清潔">裝修後清潔</option><!-- [et_pb_line_break_holder] --> </select><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <hr style="border-top: dashed 3px #faa636;" /> <!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> 有關收集及使用個人資料聲明<br/><!-- [et_pb_line_break_holder] -->櫻花家居服務有限公司,(下稱:櫻花)收集個人資料為用作服務查詢及與閣下通訊之用途。除作上述用途外,所有個人資料絕對保密,並會嚴格遵照法律規定處理,不會轉讓給其他機構或團體。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> 有關使用個人資料作推廣用途<br/><!-- [et_pb_line_break_holder] -->櫻花希望日後根據你以上所提供的聯絡方法(包括姓名,電郵地址等),透過電郵途徑,向你提供櫻花的推廣資訊。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span><!-- [et_pb_line_break_holder] --> 即使現在你同意接收櫻花的推廣資訊,但假若你日後改變主意,只須將你的姓名及電郵地址,以電郵通知本公司,本公司便會停止向你發放推廣資訊。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;"><!-- [et_pb_line_break_holder] --> <span style="color: #ff2ea0;"><!-- [et_pb_line_break_holder] --> 有關櫻花家居服務的聯絡資料,請瀏覽本會網頁。<!-- [et_pb_line_break_holder] --> </span><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="font-weight: 900; padding-bottom: 3%;" class="d-flex flex-row align-items-center"><!-- [et_pb_line_break_holder] --> <div><!-- [et_pb_line_break_holder] --> 請在以下列合適之空格內填上 </div><!-- [et_pb_line_break_holder] --> <div style="width: 15px;"><input type="checkbox" disabled=""></div><!-- [et_pb_line_break_holder] --> <div>號表示同意</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="" class="d-flex flex-row align-items-center"><!-- [et_pb_line_break_holder] --> <div style="width: 15px;"><input type="checkbox" name="agree1"></div><!-- [et_pb_line_break_holder] --> <div>   本人已閱讀、明白及同意上述「有關收集及使用個人資料聲明」的內容。</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div style="" class="d-flex flex-row align-items-center"><!-- [et_pb_line_break_holder] --> <div style="width: 15px;"><input type="checkbox" name="agree2"></div><!-- [et_pb_line_break_holder] --> <div>   本人已閱讀、明白及同意上述「有關使用個人資料作推廣用途」的內容及同意接收家計會的推廣資訊。</div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> <div class="g-recaptcha" data-sitekey="6Lc3IHoUAAAAAK4tDrNHPY4w2Qpn81EgfI4_fI4I"></div><!-- [et_pb_line_break_holder] --> <button class="submitButton" type="button" style="cursor: pointer;"><!-- [et_pb_line_break_holder] --> Submit<!-- [et_pb_line_break_holder] --> </button><!-- [et_pb_line_break_holder] --> <input type="hidden" name="stripeToken" /><!-- [et_pb_line_break_holder] --> </form><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] --> var mobileHandler = StripeCheckout.configure({<!-- [et_pb_line_break_holder] --> key: 'pk_test_DjI7Nl2GfPdWiAzHKnUVTJF8',<!-- [et_pb_line_break_holder] --> image: 'https://stripe.com/img/documentation/checkout/marketplace.png',<!-- [et_pb_line_break_holder] --> locale: 'auto',<!-- [et_pb_line_break_holder] --> token: function(token) {<!-- [et_pb_line_break_holder] --> // You can access the token ID with `token.id`.<!-- [et_pb_line_break_holder] --> // Get the token ID to your server-side code for use.<!-- [et_pb_line_break_holder] --> console.log(token)<!-- [et_pb_line_break_holder] --> $('input[name="stripeToken"]').val(token.id);<!-- [et_pb_line_break_holder] --> $('form').attr('action','/system/charge');<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').submit();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // document.getElementById('customButton').addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] --> // // Open Checkout with further options:<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Close Checkout on page navigation:<!-- [et_pb_line_break_holder] --> window.addEventListener('popstate', function() {<!-- [et_pb_line_break_holder] --> handler.close();<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script type="text/javascript"><!-- [et_pb_line_break_holder] --> var priceJson = [<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '0',<!-- [et_pb_line_break_holder] --> 'to' : '399',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '2,600',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '3,200',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '5,200'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '400',<!-- [et_pb_line_break_holder] --> 'to' : '599',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '3,200',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '3,800',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '6,400'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '600',<!-- [et_pb_line_break_holder] --> 'to' : '799',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '3,800',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '4,600',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '7,600'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '800',<!-- [et_pb_line_break_holder] --> 'to' : '999',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '4,300',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '5,200',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '8,600'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '1000',<!-- [et_pb_line_break_holder] --> 'to' : '1299',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '4,900',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '6,000',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '9,800'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '1300',<!-- [et_pb_line_break_holder] --> 'to' : '1499',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '5,700',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '6,800',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '11,400'<!-- [et_pb_line_break_holder] --> }, <!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> 'from' : '1500',<!-- [et_pb_line_break_holder] --> 'to' : '100000000000',<!-- [et_pb_line_break_holder] --> '經濟實惠之選' : '另作報價',<!-- [et_pb_line_break_holder] --> '高效家庭安心之選' : '另作報價',<!-- [et_pb_line_break_holder] --> '全方位家庭強效之選' : '另作報價'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> ]<!-- [et_pb_line_break_holder] --> $( document ).ready( function() {<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('.account-detail-btn').on('click', function(){<!-- [et_pb_line_break_holder] --> if ($('form[name="mobileOrderForm"]').find('img.account-detail').hasClass('active')){<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('img.account-detail').removeClass('active')<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('img.account-detail').addClass('active')<!-- [et_pb_line_break_holder] --> } <!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('input[name="floorArea"]').on('keyup', function(){<!-- [et_pb_line_break_holder] --> var package = $('form[name="mobileOrderForm"]').find('select[name="package"]').val(); <!-- [et_pb_line_break_holder] --> var data = '' <!-- [et_pb_line_break_holder] --> if (package != '' && $(this).val() != ''){<!-- [et_pb_line_break_holder] --> data = getPrice($(this).val());<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> $('input[name="floorQuote"]').val(data[0][package]);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('select[name="package"]').on('change', function(){<!-- [et_pb_line_break_holder] --> var area = $('form[name="mobileOrderForm"]').find('input[name="floorArea"]').val();<!-- [et_pb_line_break_holder] --> var data = '' ;<!-- [et_pb_line_break_holder] --> if (area != '' && $(this).val() != ''){<!-- [et_pb_line_break_holder] --> data = getPrice(area);<!-- [et_pb_line_break_holder] --> $('input[name="floorQuote"]').val(data[0][$(this).val()]);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $( ".datepicker" ).datepicker();<!-- [et_pb_line_break_holder] --> $('.timepicker').timepicker({<!-- [et_pb_line_break_holder] --> 'minTime': '8:00am',<!-- [et_pb_line_break_holder] --> 'maxTime': '8:00pm',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('.submitButton').on('click', function(){<!-- [et_pb_line_break_holder] --> var form = $('form[name="mobileOrderForm"]');<!-- [et_pb_line_break_holder] --> var formHasErorr = false;<!-- [et_pb_line_break_holder] --> if ($('form[name="mobileOrderForm"]').find('.g-recaptcha-response').val() == '' ){<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> } else if ($('form[name="mobileOrderForm"]').find('.g-recaptcha-response').val() == null){<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> $('form[name="mobileOrderForm"]').find('.req-notEmpty').each(function(){<!-- [et_pb_line_break_holder] --> $(this).removeClass('hasError');<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').removeClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> if ($(this).val() == null){<!-- [et_pb_line_break_holder] --> $(this).addClass('hasError')<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').addClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> } else if ($(this).val() == ''){<!-- [et_pb_line_break_holder] --> $(this).addClass('hasError')<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').addClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> } else if (typeof $(this).val() == 'undefined'){<!-- [et_pb_line_break_holder] --> $(this).addClass('hasError')<!-- [et_pb_line_break_holder] --> if ($(this).attr('type') == 'file'){<!-- [et_pb_line_break_holder] --> $(this).parents('.custom-file').addClass('hasError');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> formHasErorr = true;<!-- [et_pb_line_break_holder] --> if (form.find($('.creditCardButton')).hasClass('active')){<!-- [et_pb_line_break_holder] --> formHasErorr = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> })<!-- [et_pb_line_break_holder] --> if (!formHasErorr){<!-- [et_pb_line_break_holder] --> if (form.find($('.creditCardButton')).hasClass('active')){<!-- [et_pb_line_break_holder] --> console.log('submut with creditCardButton');<!-- [et_pb_line_break_holder] --> mobileHandler.open({<!-- [et_pb_line_break_holder] --> name: 'Sakura',<!-- [et_pb_line_break_holder] --> description: $('select[name="package"]').val(),<!-- [et_pb_line_break_holder] --> amount: Number($('input[name="floorQuote"]').val().replace(/[^0-9.-]+/g,"")) * 100,<!-- [et_pb_line_break_holder] --> currency: 'HKD',<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else if (form.find($('.bankTransferButton')).hasClass('active')) {<!-- [et_pb_line_break_holder] --> var fileSize = form.find('#bankReceipt')[0].files[0].size;<!-- [et_pb_line_break_holder] --> if (fileSize / 1024 / 1024 > 2){<!-- [et_pb_line_break_holder] --> alert('File size exceeds 2 MB')<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> form.submit();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> alert('Please fill in the form correctly')<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('.mobileBankTransferButton').on('click', function(){<!-- [et_pb_line_break_holder] --> $('.mobileBankTransfer').toggleClass('active')<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('.creditCardButton').on('click', function(){<!-- [et_pb_line_break_holder] --> $('.mobileBankTransfer').removeClass('active');<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('input[name="agree1"]').on('change', function(){<!-- [et_pb_line_break_holder] --> if (this.checked){<!-- [et_pb_line_break_holder] --> $('.submitButton').addClass('active');<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> $('.submitButton').removeClass('active');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> $('.account-detail-button.mobile').on('click',function(){<!-- [et_pb_line_break_holder] --> $('.account-detail-img').toggleClass('active')<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> if (window.File && window.FileList && window.FileReader) {<!-- [et_pb_line_break_holder] --> $(document).on('change', '.image_uploads_mobile', function(e) {<!-- [et_pb_line_break_holder] --> var $inputFile = $(this)[0];<!-- [et_pb_line_break_holder] --> var $output = $('.result.mobile').first(); <!-- [et_pb_line_break_holder] --> $output.empty();<!-- [et_pb_line_break_holder] --> var fileSize = 0;<!-- [et_pb_line_break_holder] --> var files = $inputFile.files;<!-- [et_pb_line_break_holder] --> $output.css('display', '')<!-- [et_pb_line_break_holder] --> for (var i = 0; i < $inputFile.files.length; i++) {<!-- [et_pb_line_break_holder] --> fileSize = fileSize+files[i].size; <!-- [et_pb_line_break_holder] --> if(fileSize > 10485760) {<!-- [et_pb_line_break_holder] --> alert('File size must not be more than 10 MB');<!-- [et_pb_line_break_holder] --> $inputFile.val("");<!-- [et_pb_line_break_holder] --> $output.html("");<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> var fileReader = new FileReader();<!-- [et_pb_line_break_holder] --> fileReader.onload = (function(e) {<!-- [et_pb_line_break_holder] --> var file = e.target;<!-- [et_pb_line_break_holder] --> var preview = document.createElement("div");<!-- [et_pb_line_break_holder] --> preview.setAttribute( "class", 'preview_image previewImageWrap');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> preview.innerHTML = "<img style='max-height: 300px;' class='imageThumb imgThumbnail' src='" + e.target.result + "' />";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $output.prepend(preview);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> fileReader.readAsDataURL(files[i]);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> alert("Your browser doesn't support to File API")<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function getPrice(area){<!-- [et_pb_line_break_holder] --> var filteredArray = priceJson;<!-- [et_pb_line_break_holder] --> if ((area != NaN) && (area != null)){<!-- [et_pb_line_break_holder] --> filteredArray = priceJson.filter((val => parseInt(val.from) <= area && parseInt(val.to) >= area));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> return filteredArray;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></script>