CINXE.COM
Register - Accommodation for WCLH 2024 Bali
<!DOCTYPE html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-token" content="sAcHtoUO3jL9l8ubylhHvZ4vgE6PxBbszO65wYk9" /> <meta name="keywords" content="Register, Accommodation registration, WCLH 2024 Bali, Accommodation reservations, Secure registration portalThe Union, World Conference On Lung Health, WCLH Bali 2024, Accommodation for WCLH 2024, Lung 2024 Bali, Conference 2024 The Union"> <meta name="description" content="Register now to access and manage your accommodation details for WCLH 2024 in Bali. Take control of your reservations and preferences through our secure registration process, ensuring a seamless experience."> <meta property="og:title" content="Register - Accommodation for WCLH 2024 Bali" /> <meta property="og:description" content="Register now to access and manage your accommodation details for WCLH 2024 in Bali. Take control of your reservations and preferences through our secure registration process, ensuring a seamless experience." /> <meta property="og:type" content="event"/> <meta property="og:event:start_time" content="12/11/2024" /> <meta property="og:url" content="https://www.wclh2024bali.com/authentication/register" /> <meta property="og:image" content="https://www.wclh2024bali.com/frontend/v2/assets/img/logo/seo_image.png" /> <meta property="og:locale" content="12/11/2024"> <meta property="og:site-name" content="WCLH 2024 BALI"> <meta property="og:longitude" content="115.22588851585606"> <meta property="og:latitude" content="-8.796129500916916"> <meta property="og:locality" content="Kabupaten Badung"> <meta property="og:region" content="Bali"> <meta property="og:postal-code" content="80363"> <meta property="og:country-name" content="Indonesia"> <meta property="og:email" content="info@wclh2024bali.com"> <meta property="og:phone_number" content="08119441506"> <meta property="og:street-address" content="Kawasan Pariwisata Nusa Dua Lot NW/1, Benoa, Kec. Kuta Sel., Kabupaten Badung, Bali 80363"> <title>Register - Accommodation for WCLH 2024 Bali</title> <link rel="icon" href="https://www.wclh2024bali.com/img/favicon.png" sizes="192x192" /> <link href="https://www.wclh2024bali.com/frontend/v2/assets/css/app.css?v=5.2" rel="stylesheet" /> <meta name="google-site-verification" content="RkGxIxtOnpWwV1kTeNazf3vDq2zjLuDCrUFCgmagvsU" /> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-V6DMEC3PW9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-V6DMEC3PW9'); </script> <!--Start of Tawk.to Script--> <!--End of Tawk.to Script--> <!-- Start cookieyes banner --> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/ec392e9d11e7bfb9b39d89f3/script.js"></script> </head> <body> <header id="header"> <nav id="info-navbar" class="info-navbar"> <div class="container"> <div class="info-navbar_wrap py-2"> <div class="in_info"> <div class="in_currency me-2"> <button type="button" class="btn btn-outline-white position-relative" data-bs-toggle="dropdown" aria-expanded="false" id="currency"> </button> <ul class="dropdown-menu mt-1" style="z-index:999999;"> <li class="px-3 py-2 cursor-pointer" onclick="convertCurrency('usd')">USD</li> <li class="dropdown-divider my-0"></li> <li class="px-3 py-2 cursor-pointer" onclick="convertCurrency('eur')">EUR</li> </ul> </div> <div class="in_inquiry me-2"> <a href="https://www.wclh2024bali.com/faq"><i class="bi bi-question-circle h2 text-white"></i></a> </div> </div> </div> </div> </nav> <nav id="brand-navbar" class="brand-navbar"> <div class="container w-brand-navbar"> <div class="brand-navbar_wrap py-3 d-flex justify-content-between"> <a href="https://www.wclh2024bali.com"> <img src="https://www.wclh2024bali.com/frontend/v2/assets/img/logo/lung.png" alt="" class="brand-navbar_img"> </a> <div class="d-none d-md-flex flex-column justify-content-between"> <a href="https://conf2024.theunion.org/registration/" class="text-decoration-none" target="_blank"> <div class="py-2 px-3 mb-1 rounded text-center text-primary" style="background-color: #FFF1CF;"> Back to Union Conference </div> </a> <a href="https://www.wclh2024bali.com/privacy-policy" class="text-decoration-none"> <div class="bg-primary py-2 px-3 mb-1 rounded text-center text-white"> Privacy Policy </div> </a> <a href="https://www.wclh2024bali.com/faq" class="text-decoration-none"> <div class="bg-primary py-2 px-3 mb-1 rounded text-center text-white"> FAQs </div> </a> <a href="https://www.wclh2024bali.com/contact" class="text-decoration-none"> <div class="bg-primary py-2 px-3 rounded text-center text-white"> Contact Us </div> </a> </div> <div class=" d-md-none d-flex align-items-center" type="div" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample"> <i class="bi bi-list h1 text-white"></i> </div> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel"> <div class="offcanvas-header py-4" style="background-color: #B40000 "> <div class="brand-company-logo"> <a href="https://www.wclh2024bali.com"><img src="https://www.wclh2024bali.com/frontend/v2/assets/img/logo/lung.png" alt="" class="brand-navbar_img" height="35"></a> </div> <button type="button" class="hamburger-close bg-transparent border-0 m-0" data-bs-dismiss="offcanvas" aria-label="Close"> <i class="bi bi-x-lg text-tertiary hamburger d-flex"></i> </button> </div> <div class="offcanvas-body" style="background-color:#FFF1CF"> <ul class="feature-navbar flex-column flex-lg-row p-0"> <li class="nav-item d-flex align-items-center text-primary text-center justify-content-start justify-content-lg-center mb-3"> <a class="nav-link text-secondary px-0 mb-lg-0 text-primary " href="https://conf2024.theunion.org/registration/" target="_blank">Back to Union Conference</a> </li> <li class="nav-item d-flex align-items-center text-primary text-primary justify-content-start justify-content-lg-center mb-3"> <a class="nav-link text-secondary px-0 mb-lg-0 text-primary " href="https://www.wclh2024bali.com/privacy-policy">Privacy Policy</a> </li> <li class="nav-item d-flex align-items-center text-primary text-primary justify-content-start justify-content-lg-center mb-3"> <a class="nav-link text-secondary px-0 mb-lg-0 text-primary " href="https://www.wclh2024bali.com/faq">FAQs</a> </li> <li class="nav-item d-flex align-items-center text-primary text-primary justify-content-start justify-content-lg-center mb-3"> <a class="nav-link text-secondary px-0 mb-lg-0 text-primary " href="https://www.wclh2024bali.com/contact">Contact Us</a> </li> </ul> </div> </div> </div> </div> </nav> <nav id="highlight-navbar" class="highlight-navbar"> <div class="highlight-navbar_wrap flex-column justify-content-center align-items-center"> <div class="py-1"> <span class="d-block mb-0 fs-4 text-center px-2"><a href="https://www.wclh2024bali.com/authentication/register" class="text-white">Sign Up to Book Accommodation or Airport Transfers</a></span> </div> <div class="w-100 text-center py-1" style="background-color: #FFF1CF"> <span class="d-block fs-5"><a href="https://www.wclh2024bali.com/authentication/login" class="text-primary">Already Signed Up? Log in here</a></span> </div> </div> </nav> </header> <section id="register" class="authentication register py-5"> <form action="https://www.wclh2024bali.com/authentication/register/store" method="POST" id="form-register-account"> <input type="hidden" name="_token" value="sAcHtoUO3jL9l8ubylhHvZ4vgE6PxBbszO65wYk9" autocomplete="off"> <div class="row justify-content-center mx-0 px-0"> <div class="col-md-10"> <div class="row rounded overflow-hidden px-0 mx-0"> <div class="col-lg-6 bg-white py-4"> <div class="text-center mb-3 bg-secondary py-2 rounded"> <img src="https://www.wclh2024bali.com/frontend/v2/assets/img/logo/lung.png" alt="" width="200" class="text-center"> </div> <hr> <div class="mt-3 mb-3"> <label for="name" class="form-label">Name <span class="text-danger">*</span></label> <input type="text" name="name" class="form-control bgm-placeholder " id="name" placeholder="" required="" value=""> </div> <div class="mb-3"> <label for="phone" class="form-label">Phone Number</label> <input type="text" name="phone" class="form-control bgm-placeholder " id="phone" placeholder="" value=""> </div> <div class=" mb-3"> <label for="email" class="form-label">Email <span class="text-danger">*</span></label> <input type="email" name="email" class="form-control bgm-placeholder " id="email" placeholder="" required="" value=""> </div> <div class=" mb-3"> <label for="country_id" class="form-label">Country <span class="text-danger">*</span></label> <select name="country_id" id="country_id" class="form-select " required> <option value="">Select this one country</option> <option value="1">Indonesia</option> <option value="2">Afghanistan</option> <option value="3">Albania</option> <option value="4">Algeria</option> <option value="5">American Samoa</option> <option value="6">Andorra</option> <option value="7">Angola</option> <option value="8">Anguilla</option> <option value="9">Antarctica</option> <option value="10">Antigua and Barbuda</option> <option value="11">Argentina</option> <option value="12">Armenia</option> <option value="13">Aruba</option> <option value="14">Australia</option> <option value="15">Austria</option> <option value="16">Azerbaijan</option> <option value="17">Bahamas</option> <option value="18">Bahrain</option> <option value="19">Bangladesh</option> <option value="20">Barbados</option> <option value="21">Belarus</option> <option value="22">Belgium</option> <option value="23">Belize</option> <option value="24">Benin</option> <option value="25">Bermuda</option> <option value="26">Bhutan</option> <option value="27">Bolivia</option> <option value="28">Bosnia and Herzegovina</option> <option value="29">Botswana</option> <option value="30">Bouvet Island</option> <option value="31">Brazil</option> <option value="32">British Indian Ocean Territory</option> <option value="33">Brunei</option> <option value="34">Bulgaria</option> <option value="35">Burkina Faso</option> <option value="36">Burundi</option> <option value="37">Cambodia</option> <option value="38">Cameroon</option> <option value="39">Canada</option> <option value="40">Cape Verde</option> <option value="41">Cayman Islands</option> <option value="42">Central African Republic</option> <option value="43">Chad</option> <option value="44">Chile</option> <option value="45">China</option> <option value="46">Christmas Island</option> <option value="47">Cocos (Keeling) Islands</option> <option value="48">Colombia</option> <option value="49">Comoros</option> <option value="50">Congo</option> <option value="51">Congo The Democratic Republic of</option> <option value="52">Cook Islands</option> <option value="53">Costa Rica</option> <option value="54">Côte d’Ivoire</option> <option value="55">Croatia</option> <option value="56">Cuba</option> <option value="57">Cyprus</option> <option value="58">Czech Republic</option> <option value="59">Denmark</option> <option value="60">Djibouti</option> <option value="61">Dominica</option> <option value="62">Dominican Republic</option> <option value="63">East Timor</option> <option value="64">Ecuador</option> <option value="65">Egypt</option> <option value="66">El Salvador</option> <option value="67">Equatorial Guinea</option> <option value="68">Eritrea</option> <option value="69">Estonia</option> <option value="70">Ethiopia</option> <option value="71">Falkland Islands</option> <option value="72">Faroe Islands</option> <option value="73">Fiji Islands</option> <option value="74">Finland</option> <option value="75">France</option> <option value="76">French Guiana</option> <option value="77">French Polynesia</option> <option value="78">French Southern territories</option> <option value="79">Gabon</option> <option value="80">Gambia</option> <option value="81">Georgia</option> <option value="82">Germany</option> <option value="83">Ghana</option> <option value="84">Gibraltar</option> <option value="85">Greece</option> <option value="86">Greenland</option> <option value="87">Grenada</option> <option value="88">Guadeloupe</option> <option value="89">Guam</option> <option value="90">Guatemala</option> <option value="91">Guinea</option> <option value="92">Guinea-Bissau</option> <option value="93">Guyana</option> <option value="94">Haiti</option> <option value="95">Heard and McDonald Islands</option> <option value="96">Holy See (Vatican City State)</option> <option value="97">Honduras</option> <option value="98">Hong Kong</option> <option value="99">Hungary</option> <option value="100">Iceland</option> <option value="101">India</option> <option value="102">Iran</option> <option value="103">Iraq</option> <option value="104">Ireland</option> <option value="105">Israel</option> <option value="106">Italy</option> <option value="107">Jamaica</option> <option value="108">Japan</option> <option value="109">Jordan</option> <option value="110">Kazakhstan</option> <option value="111">Kenya</option> <option value="112">Kiribati</option> <option value="113">Kuwait</option> <option value="114">Kyrgyzstan</option> <option value="115">Laos</option> <option value="116">Latvia</option> <option value="117">Lebanon</option> <option value="118">Lesotho</option> <option value="119">Liberia</option> <option value="120">Libyan Arab Jamahiriya</option> <option value="121">Liechtenstein</option> <option value="122">Lithuania</option> <option value="123">Luxembourg</option> <option value="124">Macao</option> <option value="125">Macedonia</option> <option value="126">Madagascar</option> <option value="127">Malawi</option> <option value="128">Malaysia</option> <option value="129">Maldives</option> <option value="130">Mali</option> <option value="131">Malta</option> <option value="132">Marshall Islands</option> <option value="133">Martinique</option> <option value="134">Mauritania</option> <option value="135">Mauritius</option> <option value="136">Mayotte</option> <option value="137">Mexico</option> <option value="138">Micronesia, Federated States of</option> <option value="139">Moldova</option> <option value="140">Monaco</option> <option value="141">Mongolia</option> <option value="142">Montserrat</option> <option value="143">Morocco</option> <option value="144">Morodashi Republic</option> <option value="145">Mozambique</option> <option value="146">Myanmar</option> <option value="147">Namibia</option> <option value="148">Nauru</option> <option value="149">Nepal</option> <option value="150">Netherlands</option> <option value="151">Netherlands Antilles</option> <option value="152">New Caledonia</option> <option value="153">New Zealand</option> <option value="154">Nicaragua</option> <option value="155">Niger</option> <option value="156">Nigeria</option> <option value="157">Niue</option> <option value="158">Norfolk Island</option> <option value="159">North Korea</option> <option value="160">Northern Mariana Islands</option> <option value="161">Norway</option> <option value="162">Oman</option> <option value="163">Pakistan</option> <option value="164">Palau</option> <option value="165">Palestine</option> <option value="166">Panama</option> <option value="167">Papua New Guinea</option> <option value="168">Paraguay</option> <option value="169">Peru</option> <option value="170">Philippines</option> <option value="171">Pitcairn</option> <option value="172">Poland</option> <option value="173">Portugal</option> <option value="174">Puerto Rico</option> <option value="175">Qatar</option> <option value="176">Réunion</option> <option value="177">Romania</option> <option value="178">Russian Federation</option> <option value="179">Rwanda</option> <option value="180">Saint Helena</option> <option value="181">Saint Kitts and Nevis</option> <option value="182">Saint Lucia</option> <option value="183">Saint Pierre and Miquelon</option> <option value="184">Saint Vincent and the Grenadines</option> <option value="185">Samoa</option> <option value="186">San Marino</option> <option value="187">Sao Tome and Principe</option> <option value="188">Saudi Arabia</option> <option value="189">Senegal</option> <option value="190">Seychelles</option> <option value="191">Sierra Leone</option> <option value="192">Singapore</option> <option value="193">Slovakia</option> <option value="194">Slovenia</option> <option value="195">Solomon Islands</option> <option value="196">Somalia</option> <option value="197">South Africa</option> <option value="198">South Georgia and South Sandwich Islands</option> <option value="199">South Korea</option> <option value="200">Spain</option> <option value="201">Sri Lanka</option> <option value="202">Sudan</option> <option value="203">Suriname</option> <option value="204">Svalbard and Jan Mayen</option> <option value="205">Swaziland</option> <option value="206">Sweden</option> <option value="207">Switzerland</option> <option value="208">Syria</option> <option value="209">Taiwan</option> <option value="210">Tajikistan</option> <option value="211">Tanzania</option> <option value="212">Thailand</option> <option value="213">Togo</option> <option value="214">Tokelau</option> <option value="215">Tonga</option> <option value="216">Trinidad and Tobago</option> <option value="217">Tunisia</option> <option value="218">Turkey</option> <option value="219">Turkmenistan</option> <option value="220">Turks and Caicos Islands</option> <option value="221">Tuvalu</option> <option value="222">Uganda</option> <option value="223">Ukraine</option> <option value="224">United Arab Emirates</option> <option value="225">United Kingdom</option> <option value="226">United States</option> <option value="227">United States Minor Outlying Islands</option> <option value="228">Uruguay</option> <option value="229">Uzbekistan</option> <option value="230">Vanuatu</option> <option value="231">Venezuela</option> <option value="232">Vietnam</option> <option value="233">Virgin Islands, British</option> <option value="234">Virgin Islands, U.S.</option> <option value="235">Wallis and Futuna</option> <option value="236">Western Sahara</option> <option value="237">Yemen</option> <option value="238">Yugoslavia</option> <option value="239">Zambia</option> <option value="240">Zimbabwe</option> <option value="241">None</option> <option value="242">bunug</option> </select> </div> <div class=" mb-3"> <label for="address" class="form-label">Address</label> <input type="text" name="address" class="form-control bgm-placeholder " id="address" placeholder="" value=""> </div> <div class="mb-3"> <label for="password" class="form-label">Password <span class="text-danger">*</span></label> <input type="password" name="password" class="form-control bgm-placeholder " id="password" required="" minlength="8" value=""> </div> <div class="mb-3"> <label for="co-password" class="form-label">Confirmation Password <span class="text-danger">*</span></label> <input type="password" name="co-password" class="form-control bgm-placeholder " id="co-password" required="" minlength="8" value=""> </div> <div class="col-md-12 mb-1"> <div class="form-check"> <input class="form-check-input" type="checkbox" value="true" id="accountAgreement" name="agreement" required="" checked=""> <label class="form-check-label" for="accountAgreement"> I have read and agree <span class="text-danger"><a class="text-underline-danger text-danger" href="https://www.wclh2024bali.com/privacy-policy">term and conditions</a></span> this website <span class="text-danger">*</span> </label> </div> </div> <div class="information-text mb-3"> <span class="text-danger">*</span> <span>This account will be used for transactions on this website, once you are registered as a user, this data can be used for online patient registration</span> </div> <hr> <div class="d-flex justify-content-center"> <button class="btn btn-primary w-100" type="submit"> Registration Proceed </button> </div> <div class="text-center mt-2"> <span class="conf-text">Have an account? <a href="https://www.wclh2024bali.com/authentication/login">Login</a></span> </div> </div> <div class="col-md-6 aws-card mx-0 px-0 d-none d-lg-block"> <div class="swiper mySwiperAuthentication w-100 h-100 swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden"> <div class="swiper-wrapper" id="swiper-wrapper-12b84c14581e5f1a" aria-live="off" style="transition-duration: 0ms; transition-delay: 0ms;"> <div class="swiper-slide w-100 h-100" role="group" aria-label="1 / 4" style="width: 781px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"> <img src="https://medical-tourism.baliveid-client.com/assets/img/global/search2.jpg" alt="" class="h-100"> </div> <div class="swiper-slide w-100 h-100" role="group" aria-label="2 / 4" style="width: 781px; opacity: 1; transform: translate3d(-781px, 0px, 0px); transition-duration: 0ms;"> <img src="https://medical-tourism.baliveid-client.com/assets/img/global/search3.jpg" alt=""> </div> <div class="swiper-slide w-100 h-100 swiper-slide-prev" role="group" aria-label="3 / 4" style="width: 781px; opacity: 1; transform: translate3d(-1562px, 0px, 0px); transition-duration: 0ms;"> <img src="https://medical-tourism.baliveid-client.com/assets/img/global/search4.jpg" alt=""> </div> <div class="swiper-slide w-100 h-100 swiper-slide-visible swiper-slide-active" role="group" aria-label="4 / 4" style="width: 781px; opacity: 1; transform: translate3d(-2343px, 0px, 0px); transition-duration: 0ms;"> <img src="https://medical-tourism.baliveid-client.com/assets/img/global/search5.jpg" alt=""> </div> </div> <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"> <span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 1"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span><span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 4" aria-current="true"></span> </div> <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> </div> </div> </div> </div> </div> </form> </section> <footer id="footer" class="footer"> <div class="container"> <div class="row footer_wrap"> <div class="col-md-4 mb-5 mb-md-0 fw_stakeholder justify-content-center justify-content-md-start"> <i class="bi bi-c-circle me-1"></i> The Union </div> <div class="col-md-4 mb-5 mb-md-0 fw_media_social text-center"> <i class="bi bi-facebook h5 mx-2"></i> <i class="bi bi-twitter h5 mx-2"></i> <i class="bi bi-youtube h5 mx-2"></i> <i class="bi bi-linkedin h5 mx-2"></i> <i class="bi bi-instagram h5 mx-2"></i> </div> <div class="col-md-4 mb-5 mb-md-0 fw-feature "> <ul class="p-0"> <li class="f-title text-center text-md-end mb-3" > Resources </li> <li class="f-subtitle text-center text-md-end mb-2"> <a href="https://conf2024.theunion.org/registration/" target="_blank">Union Conference</a> </li> <li class="f-subtitle text-center text-md-end mb-2"> <a href="https://www.wclh2024bali.com/faq">FAQs</a> </li> <li class="f-subtitle text-center text-md-end mb-2"> <a href="https://www.wclh2024bali.com/privacy-policy">Privacy Policy</a> </li> <li class="f-subtitle text-center text-md-end mb-2"> <a href="https://www.wclh2024bali.com/contact">Contact Us</a> </li> </ul> </div> </div> </div> </footer> <!-- Button trigger modal --> <button type="button" class="btn btn-primary d-none" data-bs-toggle="modal" data-bs-target="#posterModal" > Launch static backdrop modal </button> <!-- Modal --> <div class="modal fade" id="posterModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="posterModalLabel" aria-hidden="true"> <div class="modal-dialog modal-md modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close" style="background-color: white; opacity: 0.8; top: 20px; right: 20px;"></button> <div class="row"> <img src="https://www.wclh2024bali.com/frontend/v2/assets/img/poster/special_discount_qatar_airways.jpg" alt=""> </div> </div> <div class="modal-footer d-flex justify-content-center"> <a href="https://www.qatarairways.com/en-id/offers/cug/union-world-conference.html" target="_blank" class="btn btn-primary">Go to Qatar Airways</a> </div> </div> </div> </div> <script src="https://www.wclh2024bali.com/frontend/v2/assets/js/app.js?v=1.4"></script> <script src="https://cdn.jsdelivr.net/npm/moment/moment.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script> <script> $(document).ready(function() { $('input[name="daterange"]').daterangepicker({ opens: 'left', minDate: '02/17/2025', maxDate: '11/23/2024' }); }); </script> <script> $(document).ready(function() { $('.form-cart').submit(function(event) { event.preventDefault(); // Prevent default form submission // Perform AJAX request $.ajax({ url: $(this).attr('action'), type: $(this).attr('method'), data: $(this).serialize(), success: function(response) { // Handle success response if ($('.cart-user')) { cart(response); window.scrollTo({ top: 0, behavior: 'smooth' }); $('.cartWrap').addClass('show mt-2'); } }, error: function(xhr, status, error) { var errorResponse = xhr.responseJSON; if (errorResponse) { if (xhr.status === 401) { Swal.fire({ icon: errorResponse.err.toLowerCase(), title: errorResponse.err, html: errorResponse.msg }); if (errorResponse.redirect_url) { setTimeout(() => { window.location.href = errorResponse .redirect_url }, 1000); } } else if (xhr.status === 422) { Swal.fire({ icon: errorResponse.err.toLowerCase(), title: errorResponse.err, html: errorResponse.msg }); } else { // console.log("Other error:", errorResponse); } // console.log(errorResponse); // Display error message using SweetAlert } } }); }); getCart(); convertCurrency(); }); function getCart() { let cartUser = $('.cart-user') if (cartUser.length) { $.ajax({ url: "https://www.wclh2024bali.com/user/dashboard/cart/user", type: 'GET', success: function(response) { cart(response); }, error: function(xhr, status, error) { } }); } } function cart(data) { let html = ''; if (data.carts) { const carts = data.carts $('.totalCart').html(carts.length); if (carts.length > 0) { carts.forEach((cart, key) => { if (key == 0) { html += '<li class="px-3">' + '<div class="row">' + '<div class="col-md-3 p-0"><img class="w-100" src="' + cart.featured_img + '"></div>' + '<div class="col-md-9">' + '<span class="fw-bold">' + cart.product_name + '</span><br>'; if (cart.product_item_name) { html += '<span>' + cart.product_item_name + '</span><br>'; } if (cart.type == 'accomodation') { var dateCheckin = new Date(cart.date_checkin); var dateCheckout = new Date(cart.date_checkout); html += '<span>' + formatDate(dateCheckin) + '</span><br>' + '<span>' + formatDate(dateCheckout) + '</span><br>'; } else { html += '<span>' + cart.date_checkin + '</span><br>'; } html += '</div>' + '</div>' + '</li>'; } else { html += '<li><hr class="dropdown-divider"></li>' + '<li class="px-3">' + '<div class="row">' + '<div class="col-md-3 p-0"><img class="w-100" src="' + cart.featured_img + '"></div>' + '<div class="col-md-9">' + '<span class="fw-bold">' + cart.product_name + '</span><br>'; if (cart.product_item_name) { html += '<span>' + cart.product_item_name + '</span><br>'; } if (cart.type == 'accomodation') { var dateCheckin = new Date(cart.date_checkin); var dateCheckout = new Date(cart.date_checkout); html += '<span>' + formatDate(dateCheckin) + '</span><br>' + '<span>' + formatDate(dateCheckout) + '</span><br>'; } else { html += '<span>' + cart.date_checkin + '</span><br>'; } html += '<div>' + '<div>' + '</li>' } }) html += '<li><hr class="dropdown-divider"></li>' + '<div class="button-cart d-flex align-items-center justify-content-center">' + '<div class="btn-view-cart">' + '<a href="https://www.wclh2024bali.com/cart" class="btn btn-secondary me-2">Cart</a>' + '</div>' + '<div class="btn-checkout">' + '<a href="https://www.wclh2024bali.com/checkout" class="btn btn-primary">Checkout</a>' + '</div>' + '</div>' } else { html += '<li class="px-3 fw-bold text-center">No items found<li>' } } else { html += '<li class="px-3 fw-bold text-center">No items found<li>' } // console.log(html); $('.cart-user').html(html); } function convertCurrency(choice = null) { const defaultCurrency = "eur"; const base_currency_wrap = $('.base_currency_wrap'); const currencyButton = $('#currency'); let baseCurrencyNow = localStorage.getItem('base_currency'); if (!baseCurrencyNow) { localStorage.setItem('base_currency', defaultCurrency) baseCurrencyNow = defaultCurrency; } else { if (choice) { localStorage.setItem('base_currency', choice) baseCurrencyNow = choice; } } const csrfToken = $('meta[name="csrf-token"]').attr('content') $.ajax({ url: "https://www.wclh2024bali.com/currency/convert", data: { choice: baseCurrencyNow }, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, method: "POST", success: function(response) { let currency = response; $('input[name="currency_value"]').val(currency) if (base_currency_wrap.length == 0) { currencyButton.text(baseCurrencyNow.toUpperCase()); } base_currency_wrap.each((key, item) => { let base_currency = $(item).find('.base_currency'); let base_currency_value = $(item).find('.base_currency_value'); base_currency.text(baseCurrencyNow == 'idr' ? 'Rp' : (baseCurrencyNow == 'usd' ? '$' : '€')); currencyButton.text(baseCurrencyNow.toUpperCase()); base_currency_value.text(formatRupiah(base_currency_value.data( 'base_currency_value') * currency)); }); }, error: function(err) { } }); } function formatRupiah(number) { // Convert the number to a string and remove any existing commas let numberString = number.toString().replace(/,/g, ''); // Check if the number contains a decimal point if (numberString.includes('.')) { // If the number contains a decimal point, split it into integer and decimal parts let [integerPart, decimalPart] = numberString.split('.'); // Format the integer part integerPart = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, '.'); // Concatenate the integer and decimal parts with the decimal point return integerPart + '.' + decimalPart.slice(0, 2); // Take only the first two decimal places } else { // If the number does not contain a decimal point, format the whole number part return numberString.replace(/\B(?=(\d{3})+(?!\d))/g, '.'); } } function formatUSD(number) { return number.toLocaleString('en-US', { style: 'currency', currency: 'USD' }); } function setCookie(cookieName, cookieValue, expirationDays) { const d = new Date(); d.setTime(d.getTime() + (expirationDays * 24 * 60 * 60 * 1000)); const expires = "expires=" + d.toUTCString(); document.cookie = cookieName + "=" + cookieValue + ";" + expires + ";path=/"; } function getCookie(cookieName) { const name = cookieName + "="; const decodedCookie = decodeURIComponent(document.cookie); const cookieArray = decodedCookie.split(';'); for (let i = 0; i < cookieArray.length; i++) { let cookie = cookieArray[i]; while (cookie.charAt(0) == ' ') { cookie = cookie.substring(1); } if (cookie.indexOf(name) == 0) { return cookie.substring(name.length, cookie.length); } } return ""; } function formatDate(dateObj) { // Extract year, month, and day components var year = dateObj.getFullYear(); var month = ('0' + (dateObj.getMonth() + 1)).slice(-2); // Months are zero-based var day = ('0' + dateObj.getDate()).slice(-2); // Construct the formatted date string var formattedDate = year + '-' + month + '-' + day; return formattedDate; } </script> </body> </html>