API tools faq
paste
Advertisement
Guest User

emedic bm

a guest
Jan 13th, 2019
745
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 41.04 KB | None | 0 0
raw download clone embed print report
  1. <nav class="header md-header light-solid" data-pages="header">
  2.   <div class="topbar-wrap">
  3.     <span><b>TIADA KOMISEN</b> dan dapatkan ganjaran. Ketahui lebih tentang rebat kami!</span> <a href="https://policystreet.com/promotions/">Selanjutnya</a>
  4.   </div>
  5.   <div class="navbar purchase-navbar">
  6.     <a href="https://policystreet.com/" class="navbar-brand">
  7.       <img src="/images/policystreet-logo-blue.svg" width="100" class="logo" alt="logo" />
  8.     </a>
  9.     <span>Halaman Pembelian</span>
  10.   </div>
  11. </nav>
  12. <!-- Begin body section of Manulife ManuProtect Purchase Pages -->
  13. <section class="purchase-wrap emedic-purchase-wrap">
  14.   <div class="purchase-content clearfix">
  15.     <div class="product-details">
  16.       <div class="product-name">
  17.         <h2>Anda telah Memilih</h2>
  18.         <h1>Kad Perubatan AXA eMedic Dalam Talian (Online)</h1>
  19.         <div class="product-coverage-wrap clearfix">
  20.           <div class="product-coverage left">Had Tahunan</div>
  21.           <div class="product-coverage right">RM {{ annualLimit }}</div>
  22.           <div class="product-coverage left">Bilik &amp; Penginapan</div>
  23.           <div class="product-coverage right">sehingga RM 250 sehari</div>
  24.           <div class="product-coverage left">Kemasukan Hospital &amp; Pembedahan</div>
  25.           <div class="product-coverage right">Seperti yang dibilkan, bergantung kepada deductible (boleh ditolak)</div>
  26.           <div class="product-coverage left">Rawatan Pesakit Luar</div>
  27.           <div class="product-coverage right">Seperti yang dibilkan, bergantung kepada deductible (boleh ditolak)</div>
  28.           <div class="product-coverage left">Kemasukan ke Panel Hospital AXA</div>
  29.           <div class="product-coverage right">Tanpa Bayaran</div>
  30.         </div>
  31.  
  32.         <div class="product-coverage-total-wrap clearfix">
  33.           <div class="product-coverage-total left">Jumlah</div>
  34.           <div class="product-coverage-total right manu-purchase-detail-summary-footer-price"></div>
  35.         </div>
  36.       </div>
  37.       <div class="moreDetail">Klik untuk maklumat lanjut</div>
  38.       <br/>
  39.       {{!-- <div class="healthDeclarationQuestion">
  40.         <div class="manu-purchase-detail-manuprotect-box">
  41.           <h2>Soalan Perakuan Kesihatan (1)</h2>
  42.           <div class="adultContent">
  43.             Adakah anda mengalami sebarang penyakit berikut cth. kanser, tumor atau sista, kencing manis, jantung atau gangguan saluran darah dan peredaran (penyakit yang menyerang sistem pembuluh darah, arteri, urat, kapilari, dan sel darah, platelet, plasma dan konstituennya), penyakit yang didiagnosis sejak kecil atau tulang, sendi atau otot?
  44.           </div>
  45.           <div class="kidContent">
  46.             Adakah anak anda menderita mana-mana penyakit seperti berikut?</br>
  47.             <ul>
  48.               <li>Penyakit kongenital atau kecacatan kelahiran atau,</li>
  49.               <li>Asma, bronkitis, kesukaran bernafas atau masalah pernafasan kronik yang lain atau,</li>
  50.               <li>Epilepsi, sawan atau,</li>
  51.               <li>Jaundis (lebih dari seminggu) atau apa-apa bentuk hepatitis atau,</li>
  52.               <li>Anemia atau gangguan darah atau,</li>
  53.               <li>Diabetes</li>
  54.             </ul>
  55.           </div>
  56.         </div>
  57.         <div class="manu-purchase-detail-summary-footer underwriting1">
  58.           <button class="btn-purchase-yn-option">Ya</button><button class="btn-purchase-yn-option">Tidak</button>
  59.         </div>
  60.         <br/>
  61.         <div class="manu-purchase-detail-manuprotect-box">
  62.           <h2>Soalan Perakuan Kesihatan (2)</h2>
  63.           <div class="adultContent">
  64.             Atas sebab kesihatan, pernahkah anda memohon atau telah memohon untuk insurans hidup/kesihatan/penyakit kritikal/ atau insurans kemalangan:<br/>
  65.             <ul>
  66.               <li>Ditolak atau</li>
  67.               <li>Ditangguh atau</li>
  68.               <li>Dicaj untuk premium atau</li>
  69.               <li>Ditawarkan dengan terma yang dipinda?</li>
  70.             </ul>
  71.           </div>
  72.           <div class="kidContent">
  73.             Adakah anda pernah memohon insurans hayat/kesihatan/penyakit kritikal/ kemalangan untuk anak anda dan ditolak atau, ditangguh atau, dicaj untuk premium yang tinggi disebabkan masalah kesihatan?
  74.           </div>
  75.         </div>
  76.         <div class="manu-purchase-detail-summary-footer underwriting2">
  77.           <button class="btn-purchase-yn-option">Ya</button><button class="btn-purchase-yn-option">Tidak</button>
  78.         </div>
  79.         <br/>
  80.         <div class="manu-purchase-detail-manuprotect-box">
  81.           <h2>Soalan Perakuan Kesihatan (3)</h2>
  82.           <div class="adultContent">
  83.             Dalam 2 tahun yang kebelakangan ini, adakah anda pernah:<br/>
  84.             <ul>
  85.               <li>Ujian perubatan bawah umur atau</li>
  86.               <li>Menerima ubat-ubatan yang dipreskripsi atau rawatan (selain daripada selesema atau demam yang melebihi 5 hari) atau</li>
  87.               <li>Telah dinasihatkan supaya mendapatkan perhatian pakar perubatan?</li>
  88.             </ul>
  89.           </div>
  90.           <div class="kidContent">
  91.             Dalam 2 tahun kebelakangan ini, adakah anak anda pernah</br>
  92.             <ul>
  93.               <li>Ubat-ubatan yang dipreskripsi atau rawatan yang diterima (selain daripada selesema atau demam yang melebihi 5 hari) atau</li>
  94.               <li>Dimasukkan ke hospital melebihi 5 hari?</li>
  95.             </ul>
  96.           </div>
  97.         </div>
  98.         <div class="manu-purchase-detail-summary-footer underwriting3">
  99.           <button class="btn-purchase-yn-option">Ya</button><button class="btn-purchase-yn-option">Tidak</button>
  100.         </div>
  101.         <br/>
  102.         <div class="manu-purchase-detail-manuprotect-box healthDeclarationQ4">
  103.           <h2>Soalan Perakuan Kesihatan (4)</h2>
  104.           Adakah anak anda lahir awal (&lt;37 minggu kehamilan) atau dengan berat lahir rendah &lt;2.5kgs?
  105.         </div>
  106.         <div class="manu-purchase-detail-summary-footer underwriting4">
  107.           <button class="btn-purchase-yn-option">Ya</button><button class="btn-purchase-yn-option">Tidak</button>
  108.         </div>
  109.       </div> --}}
  110.     </div>
  111.     <div class="purchase-forms purchase-forms-addon">
  112.       <div class="purchase-form-row-wrap">
  113.         <div class="purchase-form">
  114.           <label>Adakah pekerjaan anda melibatkan <u id="pricing-heavy">jentera berat</u>?</label><br>
  115.           <select name="workBehavior">
  116.             <option value="1">Ya</option>
  117.             <option value="0" selected="selected">Tidak</option>
  118.           </select>
  119.         </div>
  120.         <div class="purchase-form">
  121.           <label>Pilih Pelan</label><br>
  122.           <select name="plan">
  123.             <option value="0" selected="selected">P20 - RM 20,000 Annual limit per year</option>
  124.             <option value="1">P50 - RM 50,000 Annual limit per year</option>
  125.             <option value="2">P100 - RM 100,000 Annual limit per year</option>
  126.           </select>
  127.           <div class="form-check">
  128.             <input type="checkbox" name="deductibleCheckBox" class="form-check-input">
  129.             <label class="form-check-label" for="exampleCheck1">Non-Deductible – (medical bill will be paid by the insurer subject to the annual limit) <i class="fa fa-info-circle special-feat-deductible"></i></label>
  130.             <div class="clearfix"></div>
  131.           </div>
  132.         </div>
  133.       </div>
  134.     </div>
  135.  
  136.     <div class="purchase-forms">
  137.       <h2>Sila isi maklumat anda</h2>
  138.       <!-- <form method="post" id="myForm" role="form" autocomplete="off" action="https://front.malaysia.uat.axaxx.nu/buy/online-medical-card-malaysia/purchase/third-party"> -->
  139.       <form method="post" id="myForm" role="form" autocomplete="off" action="https://www.axa.com.my/buy/online-medical-card-malaysia/purchase/third-party">
  140.  
  141.         <div class="purchase-form-row-wrap">
  142.           <div class="purchase-form">
  143.                 <label>Nama <i>(mengikut Kad Pengenalan/Passport)</i></label><br>
  144.                 <input type="text" name="fullname" placeholder="cth. Abu bin Ahmad..." value="{{ name }}" required />
  145.           </div>
  146.           <div class="purchase-form">
  147.                 <label>No. Kad Pengenalan</label><br>
  148.                 <input type="text" name="nric" placeholder="cth. 880808-00-8888" required />
  149.             </div>
  150.           <div class="purchase-form">
  151.                 <label>Tarikh Lahir</label><br>
  152.                 <input type="text" name="birth" placeholder="cth. hh/bb/tt" value="{{ birth }}" readonly="readonly" />
  153.             </div>
  154.           <div class="purchase-form">
  155.                 <label>Jantina</label><br>
  156.                 <select name="s_gender" disabled required>
  157.                         <option value="1">Lelaki</option>
  158.                         <option value="2">Perempuan</option>
  159.                 </select>
  160.             <input type="hidden" name="gender" value="{{ gender }}" />
  161.             </div>
  162.           <div class="purchase-form">
  163.                 <label>Nama Ibu bapa/Penjaga</label><br>
  164.                 <input type="text" name="guardianFullname" placeholder="cth. John Doe..." value="" required />
  165.             </div>
  166.           <div class="purchase-form">
  167.                 <label>No. Kad Pengenalan Ibu bapa/Penjaga</label><br>
  168.                 <input type="text" name="guardianNRIC" placeholder="cth. 880808-00-8888" required />
  169.             </div>
  170.           <div class="purchase-form">
  171.                 <label>Perakuan hubungan dengan kanak-kanak</label><br>
  172.                 <select name="relationship" required>
  173.                         <option value="Father">Bapa</option>
  174.                         <option value="Mother">Ibu</option>
  175.                 <option value="Legal Guardian">Penjaga yang Sah</option>
  176.                 </select>
  177.             </div>
  178.           <div class="purchase-form">
  179.                 <label>Alamat E-mel</label><br>
  180.                 <input type="text" name="email" placeholder="cth. abubinahmad@gmail.com" value="{{ email }}" required />
  181.             </div>
  182.           <div class="purchase-form">
  183.                 <label>Alamat</label><br>
  184.                 <input type="text" name="address" placeholder="cth. Alamat 1" required maxlength="35" />
  185.             <input type="text" name="address2" placeholder="cth. Alamat 2 (Pilihan)" maxlength="35" />
  186.             </div>
  187.           <div class="purchase-form">
  188.                 <label>Negeri</label><br>
  189.             <select name="state" required>
  190.               <option value="" disabled selected>Pilih negeri</option>
  191.               <option value="1">Johor</option>
  192.               <option value="2">Kedah</option>
  193.               <option value="3">Kelantan</option>
  194.               <option value="4">Melaka</option>
  195.               <option value="5">Negeri Sembilan</option>
  196.               <option value="6">Pahang</option>
  197.               <option value="7">Perak</option>
  198.               <option value="8">Perlis</option>
  199.               <option value="9">Pulau Pinang</option>
  200.               <option value="10">Sabah</option>
  201.               <option value="11">Sarawak</option>
  202.               <option value="12">Selangor</option>
  203.               <option value="13">Terengganu</option>
  204.               <option value="14">Wilayah Persekutuan Kuala Lumpur</option>
  205.               <option value="15">Wilayah Persekutuan Labuan</option>
  206.               <option value="16">Wilayah Persekutuan Putrajaya</option>
  207.             </select>
  208.             </div>
  209.           <div class="purchase-form">
  210.                 <label>Poskod</label><br>
  211.                 <input type="text" name="postcode" placeholder="cth. 43300" required />
  212.             </div>
  213.           <div class="purchase-form">
  214.                 <label>No. Telefon</label><br>
  215.                 <input type="text" name="phone" placeholder="cth. 0192469539" required />
  216.             </div>
  217.           {{!-- <div class="purchase-form">
  218.                 <label>Kaedah Pembayaran <i id="info-payment" class="fa fa-info-circle" aria-hidden="true"></i></label><br>
  219.             <select name="paymentOption" required>
  220.               <option value="" disabled selected>Pilih Kaedah Pembayaran</option>
  221.               <option value="2">Perbankan Atas Talian (Online)</option>
  222.               <option value="3">Kad Kredit</option>
  223.             </select>
  224.             <div class="btn-price-custom labelAnnually">Tahunan</div>
  225.             </div> --}}
  226.           {{!-- <div class="purchase-form">
  227.                 <label>Pilih Bank</label><br>
  228.             <select name="s_paymentGatewayID" required>
  229.               <option value="" disabled selected>Pilih Bank Anda</option>
  230.               <option value="103">AffinOnline</option>
  231.               <option value="8">Alliance Online</option>
  232.               <option value="10">AmOnline</option>
  233.               <option value="134">Bank Islam</option>
  234.               <option value="166">Bank Muamalat</option>
  235.               <option value="102">Bank Rakyat Internet Banking</option>
  236.               <option value="20">CIMB Click</option>
  237.               <option value="15">Hong Leong Online</option>
  238.               <option value="6">Maybank2U</option>
  239.               <option value="167">OCBC</option>
  240.               <option value="14">RHB Online</option>
  241.               <option value="168">Standard Chartered Bank</option>
  242.               <option value="152">UOB</option>
  243.             </select>
  244.             </div>
  245.           <div class="purchase-form">
  246.                 <label>Adakah anda menggunakan kad kredit anda sendiri?</label><br>
  247.             <select name="ccAskOwner">
  248.               <option value="1">Ya</option>
  249.               <option value="2">Tidak</option>
  250.             </select>
  251.             </div>
  252.           <div class="purchase-form">
  253.                 <label>Apakah hubungan antara pemilik Kad Kredit dan anda?</label><br>
  254.             <select name="s_ccOwner">
  255.               <option value="2">Ibu Bapa</option>
  256.               <option value="3">Suami/Isteri</option>
  257.               <option value="4">Adik beradik</option>
  258.               <option value="5">Lain-lain</option>
  259.             </select>
  260.             </div>
  261.           <div class="purchase-form">
  262.                 <label>No. Kad Pengenalan Pemilik Kad Kredit</label><br>
  263.                 <input type="text" name="ccOwnerNRIC" placeholder="cth. 880808-00-8888" />
  264.             </div> --}}
  265.           <div class="purchase-form">
  266.                 <label>Kod Rujukan (jika ada)</label><br>
  267.                 <input type="text" name="refid" placeholder="Taip Kod Rujukan" />
  268.             </div>
  269.  
  270.           <!-- <div class="manu-purchase-field">
  271.                 <label class="diff">By clicking "Purchase", you hereby agree and consent that PolicyStreet may collect, use, disclose and process your personal information, as stated in PolicyStreet Privacy Statement and Terms of Use. All data submitted by you are handled by PolicyStreet with utmost care. We will process your information based on the requirements set out in the Personal Data Protection Act (PDPA) at the highest standards.</label><br>
  272.             </div> -->
  273.           <input type="hidden" name="heavyWorker" value="0" />
  274.           <input type="hidden" name="thirdPartyLeadID" value="" />
  275.           <input type="hidden" name="planSelected" value="{{ planSelected }}" />
  276.           <input type="hidden" name="deductible" value="{{ deductible }}" />
  277.           <input type="hidden" name="clientID" value="policyStreet"/>
  278.           <input type="hidden" name="returnURL" value="https://{{ hostname }}/axa/emedic/overview/bm"/>
  279.           <input type="hidden" name="paymentType" value="" />
  280.           <input type="hidden" name="underwriting1" value="0" />
  281.           <input type="hidden" name="underwriting2" value="0" />
  282.           <input type="hidden" name="underwriting3" value="0" />
  283.           <input type="hidden" name="underwriting4" value="0" />
  284.           <input type="hidden" name="age" value="{{ age }}" />
  285.           <input type="hidden" name="ccOwner" value="1" />
  286.           <input type="hidden" name="paymentGatewayID" value="" />
  287.           <div class="purchase-form">
  288.             <div class="purchase-back-btn">
  289.               Kembali
  290.             </div>
  291.             <a class="purchase-final-btn ladda-button" data-style="slide-right">Beli</a>
  292.             <div class="totalText">Jumlah: </div>
  293.           </div>
  294.         </div>
  295.       </form>
  296.     </div>
  297.   </div>
  298. </section>
  299. <!-- End of body section -->
  300.  
  301. <!-- Not Eligible Modal Window -->
  302. <div class="modal fade modal-not-eligible" id="modalNotEligible" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  303.     <div class="modal-dialog" role="document">
  304.         <div class="modal-content">
  305.             <div class="modal-body modalNotEligible">
  306.               <p class="error">Maaf, anda tidak layak untuk Pelan AXA eMedic =(<br>AXA mungkin mempunyai pelan yang lain untuk anda. Sila tinggalkan mesej kepada mereka melalui WhatsApp di <a target="_blank" href="https://api.whatsapp.com/send?phone=60176418867"><b>017-641 8867</b></a> untuk sebarang pertanyaan!</p>
  307.               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  308.                 <p><u><small>Kembali</small></u></p>
  309.               </button>
  310.             </div>
  311.             <div class="modal-body modalNotAnswerQuestion">
  312.               <p class="error">Sila jawab semua "Soalan Perakuan Kesihatan" sebelum teruskan</p>
  313.               <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  314.                 <p><u><small>Kembali</small></u></p>
  315.               </button>
  316.             </div>
  317.         </div>
  318.     </div>
  319. </div>
  320. <!-- END Not Eligible Modal Window -->
  321.  
  322. {{>asset-js}}
  323.  
  324. <script type="text/javascript">
  325.   tooltiptop($("#info-payment"), '<div class="tooltiptop">Untuk pembayaran secara atas talian, hanya pembayaran tahunan diterima.<br><br>Untuk kad kredit, hanya bayaran bulanan diterima.</div>');
  326.  
  327.   var deductible = "{{ deductible }}";
  328.   var finalPriceY = "{{ finalPriceY }}";
  329.   var finalPriceYWD = "{{ finalPriceYWD }}";
  330.   var finalPriceCC = "{{ finalPriceCC }}";
  331.   var finalPriceCCWD = "{{ finalPriceCCWD }}";
  332.   var finalPriceYWDdisc = "{{ finalPriceYWDdisc }}";
  333.   var finalPriceYdisc = "{{ finalPriceYdisc }}";
  334.   var annualLimit = "{{ annualLimit }}";
  335.   var token = {{{ json token }}};
  336.   var campaign = "{{ campaign }}";
  337.   var agentId = "{{ agentId }}";
  338.   var bundleCampaign = false;
  339.   var gender = "{{ gender }}";
  340.   var ageBirth = moment("{{ birth }}", "DD MMM YYYY");
  341.   var isKid = (getYearOfPremium(ageBirth) < 16) ? true : false;
  342.  var isStateChanged = false;
  343.  var hostname = window.location.hostname == "localhost" ? "http://localhost:3000" : "https://" + window.location.hostname;
  344.  
  345.  
  346.  if((agentId == "" || agentId == "undefined") && (campaign == "undefined" || campaign == ""))
  347.  {
  348.    $("select[name=faceAmount]").parent().hide();
  349.    $(".moreDetail").hide();
  350.    //$(".healthDeclarationQuestion").hide();
  351.    $("select[name=plan]").parent().hide();
  352.    $("select[name=workBehavior]").parent().hide();
  353.  }
  354.  else{
  355.    bundleCampaign = true;
  356.    $(".manu-purchase-herder-back-link").hide();
  357.    $(".purchase-back-btn").hide();
  358.    $("input[name=dob]").removeAttr("readonly");
  359.    $("select[name=s_gender]").removeAttr("disabled");
  360.    $("input[name=refid]").val(campaign);
  361.    $("input[name=refid]").prop('readonly', true);
  362.  }
  363.  
  364.  $(document).ready(function(){
  365.    $('input[name=address], input[name=address2]').on('keypress', function (event) {
  366.        var regex = new RegExp("^[a-zA-Z0-9]+$");
  367.        var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
  368.        if (!regex.test(key)) {
  369.          event.preventDefault();
  370.          return false;
  371.        }
  372.    });
  373.    $("body").css("background","#fff");
  374.    $("select[name=s_gender]").val({{ gender }});
  375.    if(deductible == "1"){
  376.      $(".manu-purchase-detail-summary-footer-price").text("RM "+ {{finalPriceWD}}+"/sbln");
  377.      $(".totalText").text("Jumlah: RM "+ {{finalPriceWD}}+"/sbln");
  378.    }
  379.    else {
  380.      $(".manu-purchase-detail-summary-footer-price").text("RM "+ {{finalPrice}}+"/sbln");
  381.      $(".totalText").text("Jumlah: RM "+ {{finalPrice}}+"/sbln");
  382.    }
  383.    $(".labelAnnually").hide();
  384.    $("#myForm > div > div:nth-child(14)").hide();
  385.     $("#myForm > div > div:nth-child(15)").hide();
  386.     $("#myForm > div > div:nth-child(16)").hide();
  387.     $("#myForm > div > div:nth-child(17)").hide();
  388.     //$("input[name=ccOwnerNRIC]").hide();
  389.  
  390.     $("select[name=paymentOption]").on("change", function(){
  391.       if($("select[name=paymentOption]").val() == "2"){
  392.         $(".labelAnnually").text("Tahunan");
  393.         $(".labelAnnually").show();
  394.         $("#myForm > div > div:nth-child(14)").show();
  395.         $("#myForm > div > div:nth-child(15)").hide();
  396.         $("#myForm > div > div:nth-child(16)").hide();
  397.         $("#myForm > div > div:nth-child(17)").hide();
  398.         $("input[name=paymentType]").val("2");
  399.         if(deductible == "1"){
  400.           $(".manu-purchase-detail-summary-footer-price").text("RM "+ finalPriceYWDdisc +"/thnn");
  401.           $(".totalText").text("Jumlah: RM "+ finalPriceYWDdisc +"/thnn");
  402.         }
  403.         else {
  404.           $(".manu-purchase-detail-summary-footer-price").text("RM "+ finalPriceYdisc +"/thnn");
  405.           $(".totalText").text("Jumlah: RM "+ finalPriceYdisc +"/thnn");
  406.         }
  407.       }
  408.       else{
  409.         $("input[name=paymentType]").val("1");
  410.         $(".labelAnnually").text("Bulanan");
  411.         $("#myForm > div > div:nth-child(14)").hide();
  412.         $("#myForm > div > div:nth-child(15)").show();
  413.         $("input[name=paymentGatewayID]").val("2");
  414.         if(deductible == "1"){
  415.           $(".manu-purchase-detail-summary-footer-price").text("RM "+ finalPriceCCWD +"/sbln");
  416.           $(".totalText").text("Jumlah: RM "+ finalPriceCCWD +"/sbln");
  417.         }
  418.         else {
  419.           $(".manu-purchase-detail-summary-footer-price").text("RM "+ finalPriceCC +"/sbln");
  420.           $(".totalText").text("Jumlah: RM "+ finalPriceCC +"/sbln");
  421.         }
  422.       }
  423.     });
  424.  
  425.     $("select[name=ccAskOwner]").on("change", function(){
  426.       if($("select[name=ccAskOwner]").val() == "2"){
  427.         $("#myForm > div > div:nth-child(16)").show();
  428.         $("#myForm > div > div:nth-child(17)").show();
  429.         $("select[name=s_ccOwner]").prop("required", true);
  430.       }
  431.       else {
  432.         $("#myForm > div > div:nth-child(16)").hide();
  433.         $("#myForm > div > div:nth-child(17)").hide();
  434.         $("input[name=ccOwner]").val("1");
  435.         $("select[name=s_ccOwner]").prop("required", false);
  436.       }
  437.     });
  438.  
  439.     $("select[name=s_paymentGatewayID]").on("change", function(){
  440.       $("input[name=paymentGatewayID]").val($("select[name=s_paymentGatewayID]").val());
  441.     });
  442.  
  443.     $("select[name=s_ccOwner]").on("change", function(){
  444.       $("input[name=ccOwner]").val($("select[name=s_ccOwner]").val());
  445.     });
  446.  
  447.     $("input[name=nric]").blur(function(){
  448.       if(!$(this).val()) return;
  449.       var nricYear = $("input[name=nric]").val().substring(0, 2);
  450.       var nricMonth = $("input[name=nric]").val().substring(2, 4);
  451.       var nricDay = $("input[name=nric]").val().substring(4, 6);
  452.       var currentAge = getYearOfPremium(nricDay+"/"+nricMonth+"/"+nricYear, true);
  453.       console.log(currentAge);
  454.       $("input[name=age]").val(currentAge);
  455.       var isChanged = (currentAge < 16) ? true : false;
  456.  
  457.      //changing from kid form to adult
  458.      if(currentAge < 16){
  459.        $("input[name=guardianFullname]").parent().show();
  460.        $("input[name=guardianNRIC]").parent().show();
  461.        $("input[name=relationship]").parent().show();
  462.        $("#myForm > div > div:nth-child(1) > label").text("Nama Kanak-kanak");
  463.         $("#myForm > div > div:nth-child(2) > label").text("No. Kad Pengenalan Kanak-kanak");
  464.       }else{
  465.         $("input[name=guardianFullname]").parent().hide();
  466.         $("input[name=guardianNRIC]").parent().hide();
  467.         $("select[name=relationship]").parent().hide();
  468.         $("#myForm > div > div:nth-child(1) > label").text("Nama");
  469.         $("#myForm > div > div:nth-child(2) > label").text("No. Kad Pengenalan");
  470.       }
  471.       getQuotation(getYearOfPremium(nricDay+"/"+nricMonth+"/"+nricYear));
  472.       if(getYearOfPremium(ageBirth) != currentAge){ //check if the current nric input is diff initial birthday pass / change state of kid or adult
  473.         console.log("isKid state have changed via NRIC");
  474.         isStateChanged = true;
  475.         //$(".healthDeclarationQuestion").show();
  476.         if(currentAge < 16 && currentAge >= 2){
  477.           $(".kidContent").show();
  478.           $(".adultContent").hide();
  479.           //$(".healthDeclarationQ4, .underwriting4").hide();
  480.         }
  481.         else if(currentAge <= 2){
  482.          $(".kidContent").show();
  483.          $(".adultContent").hide();
  484.          //$(".healthDeclarationQ4, .underwriting4").show();
  485.        }
  486.        else{
  487.          $(".kidContent").hide();
  488.          $(".adultContent").show();
  489.          //$(".healthDeclarationQ4, .underwriting4").hide();
  490.        }
  491.      }
  492.      else{
  493.        isStateChanged = false;
  494.        //$(".healthDeclarationQuestion").hide();
  495.      }
  496.    });
  497.  
  498.    $(".modalNotAnswerQuestion").hide();
  499.  
  500.    //detecting if it is kid then hide/show respective required input
  501.    if(isKid){
  502.      $("#myForm > div > div:nth-child(1) > label").text("Nama Kanak-kanak");
  503.       $("#myForm > div > div:nth-child(2) > label").text("No. Kad Pengenalan Kanak-kanak");
  504.     }
  505.     else{
  506.       $("input[name=guardianFullname]").parent().hide();
  507.       $("input[name=guardianNRIC]").parent().hide();
  508.       $("select[name=relationship]").parent().hide();
  509.     }
  510.  
  511.     $("input[name=address2]").on("blur", function(){
  512.       if(!$(this).val()) return;
  513.       var str = $(this).val();
  514.       var regex = new RegExp("^[a-zA-Z0-9,.\/ ]+$");
  515.       var res = regex.test(str);
  516.       console.log(res);
  517.       if(!res){
  518.         if($(this).next('label.error').length == 0)
  519.           $(this).after('<label class="error">Sila gunakan hanya aksara angka atau abjad.</label>');
  520.         $(this).addClass("error");
  521.       }
  522.       else{
  523.         if($(this).hasClass("error"))
  524.           $(this).removeClass("error");
  525.         if($(this).next('label.error').length > 0)
  526.           $(this).next().remove()
  527.       }
  528.     });
  529.  
  530.     //hide for underwriting4 first as this only for baby
  531.     //$(".healthDeclarationQ4, .underwriting4").hide();
  532.   });
  533.  
  534.     $(".manu-purchase-herder-back-link, .purchase-back-btn").click(function(){
  535.     location.href = '/axa/emedic/overview/bm';
  536.   });
  537.   var l;
  538.   $(".purchase-final-btn").click(function(){
  539.      l = Ladda.create(this);
  540.     $("#myForm").submit();
  541.   });
  542.  
  543.   $("#myForm").validate({
  544.     rules:{
  545.       fullname: { lettersonly: true, maxlength: 80 },
  546.       email: { extraEmailValidation: true },
  547.       guardianFullname: { lettersonly: true, maxlength: 80 },
  548.       address: { specialChars: true },
  549.     },
  550.     messages:{
  551.       email: "Sila masukkan alamat emel yang sah",
  552.       s_ccOwner: "Maaf, kami tidak dapat mendaftarkan anda kerana anda menggunakan kad kredit pihak ketiga."
  553.     },
  554.     submitHandler: function(form) {
  555.       if($("select[name=ccAskOwner]").val()=="2" && $("select[name=s_ccOwner]").val()=="5" && $("select[name=paymentOption]").val() == "3"){
  556.        $("select[name=s_ccOwner]").after('<label class="error">Maaf, kami tidak dapat mendaftarkan anda kerana anda menggunakan kad kredit pihak ketiga.</label>');
  557.         return;
  558.       }
  559.  
  560.       if($("select[name=ccAskOwner]").val()=="2" && $("select[name=s_ccOwner]").val()!="5" && $("input[name=ccOwnerNRIC]").val()=="" && $("select[name=paymentOption]").val() == "3"){
  561.        $("input[name=ccOwnerNRIC]").after('<label class="error">Ruangan ini perlu diisi.</label>')
  562.        return;
  563.       }
  564.  
  565.       /*if(bundleCampaign || isStateChanged){
  566.         if($(".underwriting1 button.activate").text() == "Ya"
  567.           || $(".underwriting2 button.activate").text() == "Ya"
  568.           || $(".underwriting3 button.activate").text() == "Ya"
  569.           || $("select[name=workBehavior]").val() == "1"
  570.           || ($(".healthDeclarationQ4").is(":visible") && $(".underwriting4 button.activate").text() == "Ya")
  571.        ){
  572.          $(".modalNotAnswerQuestion").hide();
  573.           $(".modalNotEligible").show();
  574.           $('#modalNotEligible').modal('show');
  575.           return;
  576.         }
  577.         if($(".underwriting1 button.activate").text() == ""
  578.           || $(".underwriting2 button.activate").text() == ""
  579.           || $(".underwriting3 button.activate").text() == ""
  580.           || ($(".healthDeclarationQ4").is(":visible") && $(".underwriting4 button.activate").text() == "")
  581.        ){
  582.            $(".modalNotAnswerQuestion").show();
  583.             $(".modalNotEligible").hide();
  584.             $('#modalNotEligible').modal('show');
  585.             return;
  586.         }
  587.       }*/
  588.  
  589.       var code = ConvertReferralCodeToPSTCode($("input[name=refid]").val());
  590.       $("input[name=refid]").val(code);
  591.  
  592.         l.start();
  593.  
  594.       $.ajax({
  595.         url: hostname + "/email/warmlead",
  596.         type: "POST",
  597.         data: {
  598.           emailTo: $("input[name=email]").val()
  599.         },
  600.         success: function(data){
  601.           console.log(data);
  602.         },
  603.         error: function (ajaxContext) {
  604.             console.log(ajaxContext.responseText);
  605.         }
  606.       });
  607.  
  608.       $.ajax({
  609.         url: "https://api.policystreet.com/leads",
  610.         type: "POST",
  611.         crossDomain : "true",
  612.         headers: {
  613.           "x-api-key" : "nlW8jXGOis5MbvxzTsDcK2JbvFpCJhQDaqoxgc35",
  614.           "Content-Type" : "application/json",
  615.         },
  616.         data:
  617.         JSON.stringify({"productId" : "AXAeMedic",
  618.           "form" : {
  619.             "fullname" : $("input[name=fullname]").val(),
  620.             "dateBirth" : $("input[name=birth]").val(),
  621.             "email" : $("input[name=email]").val(),
  622.             "gender" : $("input[name=gender]").val(),
  623.             "mobile" : $("input[name=phone]").val(),
  624.             "artifact" : {
  625.               "nric" : $("input[name=nric]").val(),
  626.               "address" : $("input[name=address]").val(),
  627.               "address2" : $("input[name=address2]").val() == "" ? "Nan" : $("input[name=address2]").val(),
  628.               "state" : $("select[name=state]").val(),
  629.               "postcode" : $("input[name=postcode]").val(),
  630.               "planSelected" : $("input[name=planSelected]").val(),
  631.               "clientID" : $("input[name=clientID]").val(),
  632.               "paymentOption" : $("select[name=paymentOption]").val(),
  633.               "paymentGatewayID" : $("input[name=paymentGatewayID]").val(),
  634.               "deductible" : $("input[name=deductible]").val(),
  635.               "heavyWorker" : $("input[name=heavyWorker]").val()
  636.             },
  637.             "campaign" : {
  638.               "campaignId": code,
  639.               "campaignUserCode" : $("input[name=refid]").val()
  640.             }
  641.           }
  642.         }),
  643.         success: function(data){
  644.           console.log(data.leadId);
  645.           $("input[name=thirdPartyLeadID]").val(String(data.leadId));
  646.           $("select[name=s_gender]").remove();
  647.           //form.submit();
  648.         },
  649.         error: function (ajaxContext) {
  650.             console.log(ajaxContext.responseText);
  651.         }
  652.       });
  653.       console.log("kid?",isKid);
  654.       if(!isKid){
  655.         var json_data = JSON.stringify({"productId" : "AXAeMedic",
  656.             "name" : $("input[name=fullname]").val(),
  657.             "dob" : formatDate($("input[name=birth]").val()),
  658.             "identification_no" : $("input[name=nric]").val(),
  659.             "email" : $("input[name=email]").val(),
  660.             "phone" : formatPhone($("input[name=phone]").val()),
  661.             "gender" : $("input[name=gender]").val(),
  662.             "is_citizen": 1,
  663.             "detail": {
  664.               "plan_detail_id" : $("input[name=planSelected]").val(),
  665.               "is_heavymachineworker" : $("input[name=heavyWorker]").val(),
  666.               "is_maidorofficeworker": 0,
  667.               "address_1" : $("input[name=address]").val(),
  668.               "address_2" : $("input[name=address2]").val() == "" ? "" : $("input[name=address2]").val(),
  669.               "postcode" : $("input[name=postcode]").val(),
  670.               "state_id" : $("select[name=state]").val(),
  671.               "source" : $("input[name=clientID]").val(),
  672.               "add_ons":[
  673.                 {
  674.                   "add_on_id" : 1,
  675.                   "status" : $("input[name=deductible]").val(),
  676.                 }
  677.               ]
  678.             }
  679.         })
  680.       } else {
  681.         var json_data = JSON.stringify({"productId" : "AXAeMedic",
  682.             "name" : $("input[name=fullname]").val(),
  683.             "dob" : formatDate($("input[name=birth]").val()),
  684.             "identification_no" : $("input[name=nric]").val(),
  685.             "email" : $("input[name=email]").val(),
  686.             "phone" : formatPhone($("input[name=phone]").val()),
  687.             "gender" : $("input[name=gender]").val(),
  688.             "is_citizen": 1,
  689.             "detail": {
  690.               "plan_detail_id" : $("input[name=planSelected]").val(),
  691.               "is_heavymachineworker" : $("input[name=heavyWorker]").val(),
  692.               "is_maidorofficeworker": 0,
  693.               "address_1" : $("input[name=address]").val(),
  694.               "address_2" : $("input[name=address2]").val() == "" ? "" : $("input[name=address2]").val(),
  695.               "guardian_name": $("input[name=guardianFullname]").val(),
  696.               "guardian_identification_no": $("input[name=guardianNRIC]").val(),
  697.               "guardian_relationship": $("select[name=relationship]").val(),
  698.               "postcode" : $("input[name=postcode]").val(),
  699.               "state_id" : $("select[name=state]").val(),
  700.               "source" : $("input[name=clientID]").val(),
  701.               "add_ons":[
  702.                 {
  703.                   "add_on_id" : 1,
  704.                   "status" : $("input[name=deductible]").val(),
  705.                 }
  706.               ]
  707.             }
  708.         })
  709.       }
  710.       alert(json_data);
  711.       $.ajax({
  712.         url: "https://medical-api-uat.learnmyprotection.com/api/v1/partners/order",
  713.         type: "POST",
  714.         crossDomain : "true",
  715.         headers: {
  716.           "Content-Type" : "application/json",
  717.           "x-access-token": token.token
  718.         },
  719.         data: json_data,
  720.         success: function(data){
  721.           console.log(data);
  722.           window.location.replace(data.url);
  723.         },
  724.         error: function (ajaxContext) {
  725.           console.log(ajaxContext.responseText);
  726.         }
  727.       });
  728.     }
  729.   });
  730.  
  731.   $(".moreDetail").click(function(){
  732.     var url = window.location;
  733.     window.open(url.origin + '/axa/emedic/overview/bm', '_blank');
  734.   });
  735.  
  736.   $("select[name=workBehavior]").on("change", function(){
  737.     $("input[name=heavyWorker]").val($(this).val());
  738.     if($(this).val() == "1")
  739.       $('#modalNotEligible').modal('show');
  740.   });
  741.  
  742.   $("select[name=plan]").on("change", function(){
  743.     var ALText = $("body > section.manu-purchase-body > div > div > div.manu-purchase-detail-manuprotect-box > div:nth-child(3)");
  744.     $(this).val() == "0" ? ALText.text("RM 20,000") : $(this).val() == "1" ? ALText.text("RM 50,000") : ALText.text("RM 100,000") ;
  745.     if($("input[name=nric]").val()){
  746.       var nricYear = $("input[name=nric]").val().substring(0, 2);
  747.       var nricMonth = $("input[name=nric]").val().substring(2, 4);
  748.       var nricDay = $("input[name=nric]").val().substring(4, 6);
  749.       $("input[name=age]").val(getYearOfPremium(nricDay+"/"+nricMonth+"/"+nricYear, true));
  750.       getQuotation(getYearOfPremium(nricDay+"/"+nricMonth+"/"+nricYear));
  751.     }
  752.   });
  753.  
  754.   /*$(".underwriting1 button").click(function(){
  755.     $('.underwriting1 button').removeClass('activate');
  756.     $(this).addClass('activate');
  757.     if($(this).text() == "Ya"){
  758.       $('#modalNotEligible').modal('show');
  759.       $(".modalNotAnswerQuestion").hide();
  760.       $(".modalNotEligible").show();
  761.       $("input[name=underwriting1]").val("1");
  762.     }
  763.     else {
  764.       $("input[name=underwriting1]").val("0");
  765.     }
  766.  
  767.   });
  768.   $(".underwriting2 button").click(function(){
  769.     $('.underwriting2 button').removeClass('activate');
  770.     $(this).addClass('activate');
  771.     if($(this).text() == "Ya"){
  772.       $('#modalNotEligible').modal('show');
  773.       $(".modalNotAnswerQuestion").hide();
  774.       $(".modalNotEligible").show();
  775.       $("input[name=underwriting2]").val("1");
  776.     }
  777.     else {
  778.       $("input[name=underwriting2]").val("0");
  779.     }
  780.   });
  781.   $(".underwriting3 button").click(function(){
  782.     $('.underwriting3 button').removeClass('activate');
  783.     $(this).addClass('activate');
  784.     if($(this).text() == "Ya"){
  785.       $('#modalNotEligible').modal('show');
  786.       $(".modalNotAnswerQuestion").hide();
  787.       $(".modalNotEligible").show();
  788.       $("input[name=underwriting3]").val("1");
  789.     }
  790.     else {
  791.       $("input[name=underwriting3]").val("0");
  792.     }
  793.   });
  794.   $(".underwriting4 button").click(function(){
  795.     $('.underwriting4 button').removeClass('activate');
  796.     $(this).addClass('activate');
  797.     if($(this).text() == "Ya"){
  798.       $('#modalNotEligible').modal('show');
  799.       $(".modalNotAnswerQuestion").hide();
  800.       $(".modalNotEligible").show();
  801.       $("input[name=underwriting4]").val("1");
  802.     }
  803.     else {
  804.       $("input[name=underwriting4]").val("0");
  805.     }
  806.   });*/
  807.  
  808.   $("select[name=s_gender]").on("change", function(){
  809.     $("input[name=gender]").val($(this).val());
  810.   });
  811.  
  812.   $("input[name=deductibleCheckBox]").click(function(){
  813.     if($(this).is(':checked')){
  814.       deductible = 0;
  815.       $("input[name=deductible]").val(deductible);
  816.     }
  817.     else {
  818.       deductible = 1;
  819.       $("input[name=deductible]").val(deductible);
  820.     }
  821.     if($("input[name=nric]").val()){
  822.       var nricYear = $("input[name=nric]").val().substring(0, 2);
  823.       var nricMonth = $("input[name=nric]").val().substring(2, 4);
  824.       var nricDay = $("input[name=nric]").val().substring(4, 6);
  825.       $("input[name=age]").val(getYearOfPremium(nricDay+"/"+nricMonth+"/"+nricYear, true));
  826.       getQuotation(getYearOfPremium(nricDay+"/"+nricMonth+"/"+nricYear));
  827.     }
  828.   });
  829.  
  830.   var options = {
  831.     onKeyPress: function(cep, event, currentField, options){
  832.       var masks = ['+60 999999999','+60 9999999999'];
  833.       console.log(cep);
  834.       var mask = masks[0];
  835.       $("input[name=phone]").mask("+60 9999999999", options);
  836.     }
  837.   }
  838.  
  839.   $("input[name=nric], input[name=ccOwnerNRIC], input[name=guardianNRIC]").mask("999999-99-9999");
  840.   $("input[name=phone]").mask("+60 999999999");
  841.   $("input[name=postcode]").mask("99999");
  842.  
  843.   $("input[name=phone]").keyup(function(event){
  844.     var test = $(this).val().replace(/\ /g,"").replace(/_/g,"");
  845.     var reinput = $(this).val().replace(/_/g,"");
  846.     console.log(reinput);
  847.     if(test.length == 5 && test.slice(-1) == "1"){
  848.      $("input[name=phone]").mask(reinput+"99999999");
  849.       $("input[name=phone]").val(reinput);
  850.     }
  851.     if(test.length == 5 && event.which == 8)
  852.    {
  853.      $("input[name=phone]").mask("+60 999999999");
  854.     }
  855.   });
  856.  
  857.   function getYearOfPremium(dob, changeBirth = false){
  858.  
  859.     if(changeBirth){
  860.       $("input[name=birth]").val(moment(dob, "DD/MM/YYYY").format("DD MMM YYYY"));
  861.     }
  862.  
  863.     var dobMoment = moment(dob, "DD/MM/YYYY");
  864.  
  865.     return moment().diff(dobMoment, "year");
  866.   }
  867.  
  868.   function getQuotation(age){
  869.     var url = "https://medical-api.learnmyprotection.com/api/v1/quotations/"+ age +"/" + gender;
  870.     $.ajax({
  871.       url: url,
  872.       type: 'GET',
  873.       headers: {
  874.           "Content-Type": "application/json",
  875.           "x-access-token": token.token
  876.       },
  877.       success: function(response) {
  878.         product = response.data;
  879.         getDisplay(product);
  880.       },
  881.       error: function(error) { console.log(error) },
  882.       beforeSend: function(xhr){
  883.         xhr.setRequestHeader('Authorization', 'Bearer '+token.token);
  884.       }
  885.     });
  886.   }
  887.  
  888.   function formatDate(date) {
  889.       var d = new Date(date),
  890.           month = '' + (d.getMonth() + 1),
  891.           day = '' + d.getDate(),
  892.           year = d.getFullYear();
  893.  
  894.       if (month.length < 2) month = '0' + month;
  895.      if (day.length < 2) day = '0' + day;
  896.  
  897.      return [year, month, day].join('-');
  898.  }
  899.  
  900.  function formatPhone(phone){
  901.    var cleaned = phone.replace("+", "").replace(" ", "");
  902.    return cleaned;
  903.  }
  904.  
  905.  function getDisplay(product)
  906.  {
  907.    var planId = {{ planId }};
  908.    if(!(agentId == "" || agentId == "undefined") && !(campaign == "undefined" || campaign == "")){
  909.      planId = $("select[name=plan]").val();
  910.    }
  911.    $("input[name=planSelected]").val(product[planId].plan_detail_id);
  912.    if(product){
  913.      if(deductible == "1"){
  914.        $(".manu-purchase-detail-summary-footer-price").text("RM "+ product[planId].cashless_price_monthly_gst +"/sbln");
  915.        $(".totalText").text("Jumlah: RM "+ product[planId].cashless_price_monthly_gst +"/sbln");
  916.        finalPriceYWDdisc = product[planId].cashless_price_yearly_disc_gst;
  917.        finalPriceCCWD = product[planId].base_price_monthly_cc_gst;
  918.        if($("select[name=paymentOption]").val() == "2"){
  919.          $(".manu-purchase-detail-summary-footer-price").text("RM "+ finalPriceYWDdisc +"/thnn");
  920.          $(".totalText").text("Jumlah: RM "+ finalPriceYWDdisc +"/thnn");
  921.        }
  922.      }
  923.      else {
  924.        $(".manu-purchase-detail-summary-footer-price").text("RM "+ product[planId].base_price_monthly_gst +"/sbln");
  925.        $(".totalText").text("Jumlah: RM "+ product[planId].base_price_monthly_gst +"/sbln");
  926.        finalPriceYdisc = product[planId].base_price_yearly_cc_disc_gst;
  927.        finalPriceCC = product[planId].base_price_monthly_cc_gst;
  928.        if($("select[name=paymentOption]").val() == "2"){
  929.          $(".manu-purchase-detail-summary-footer-price").text("RM "+ finalPriceYdisc +"/thnn");
  930.          $(".totalText").text("Jumlah: RM "+ finalPriceYdisc +"/thnn");
  931.        }
  932.      }
  933.    }
  934.  }
  935. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!