From 305c54b4996b11c0d12062957d32e745f260997f Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Thu, 26 Sep 2024 14:20:27 +0800
Subject: [PATCH 1/2] =?UTF-8?q?1.=20CAD=20=E7=9A=84=E5=85=A8=E9=83=A8?=
 =?UTF-8?q?=E5=94=AE=E5=AE=8C=EF=BC=8C=E5=85=A8=E9=83=A8=E5=88=B7=E7=81=B0?=
 =?UTF-8?q?=E3=80=82=EF=BC=88=E4=B8=8B=E4=B8=AA=E6=9C=88=E5=8F=AF=E8=83=BD?=
 =?UTF-8?q?=E8=BF=98=E4=BC=9A=E6=94=BE=E5=87=BA=E5=B0=91=E9=87=8F=E7=BA=BF?=
 =?UTF-8?q?=E8=B7=AF=E8=AE=A2=E5=8D=95=E7=9A=84=E9=A2=84=E7=95=99=E7=A5=A8?=
 =?UTF-8?q?=EF=BC=89=202.=20Heritage=20=E5=9C=BA=E6=AC=A1=EF=BC=8C?=
 =?UTF-8?q?=E6=8A=8AP=E7=A5=A8=E9=A2=84=E5=AE=9A=E5=BC=80=E6=94=BE?=
 =?UTF-8?q?=E5=87=BA=E6=9D=A5=EF=BC=8C=E8=80=81=E6=9D=BF=E5=8F=88=E6=90=9E?=
 =?UTF-8?q?=E4=BA=86=E7=82=B9=E7=A5=A8=E7=BB=99=E6=88=91=E4=BB=AC=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/mobile_first/ah-lantern-form.php    | 175 +++++++++---------
 1 file changed, 90 insertions(+), 85 deletions(-)

diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php
index 91171fbd..bd84b96e 100644
--- a/application/views/mobile_first/ah-lantern-form.php
+++ b/application/views/mobile_first/ah-lantern-form.php
@@ -6,7 +6,7 @@
       <p style="font-size: 22px;"><strong>Select a Venue:</strong></p>
       <div class="selectHotl" style="margin-bottom: 20px;">
         <div class="optionLable">
-             <input type="radio" value="CAD Khomloy Sky Lanterns Festival" checked id="Khomloy" name="Venue">
+             <input type="radio" value="CAD Khomloy Sky Lanterns Festival" id="Khomloy" name="Venue">
              <label for="Khomloy">
                  <strong>CAD Khomloy Sky Lanterns Festival</strong>
                  <br>
@@ -15,7 +15,7 @@
          </div>
 
          <div class="optionLable">
-             <input type="radio" value="Heritage Sky Lanterns Festival" id="Heritage" name="Venue">
+             <input type="radio" value="Heritage Sky Lanterns Festival" checked id="Heritage" name="Venue">
              <label for="Heritage">
                  <strong>Heritage Sky Lanterns Festival</strong>
                  <br>
@@ -25,23 +25,25 @@
      </div>
         <p style="font-size: 22px;"><strong>Select Date:</strong></p>
 		<div class="selectHotl" style="margin-bottom: 20px;" >
+            <!--khomloy ticket date start-->
            <div class="optionLable" id="khomloy_ticket_date_november15th">
-                <input type="radio" value="2024-11-15" disabled id="khomloy_november15th" name="ticket_date">
-                <label for="november15th">
+                <input type="radio" value="2024-11-15" disabled id="khomloy_november15th_radio" name="ticket_date">
+                <label for="khomloy_november15th_radio">
                 November 15th, 2024
                 </label>
             </div>
 
             <div class="optionLable" id="khomloy_ticket_date_november16th">
-                <input type="radio" value="2024-11-16" checked id="khomloy_november16th" name="ticket_date">
-                <label for="november16th">
+                <input type="radio" value="2024-11-16" disabled id="khomloy_november16th_radio" name="ticket_date">
+                <label for="khomloy_november16th_radio">
                 November 16th, 2024
                 </label>
             </div>
+            <!--khomloy ticket date end-->
             <!--heritage ticket date start-->
            <div class="optionLable" id="heritage_ticket_date_november15th" style="display:none;">
-            <input type="radio" value="2024-11-15" disabled id="heritage_november15th" name="ticket_date">
-            <label for="heritage_november15th">
+            <input type="radio" value="2024-11-15" checked id="heritage_november15th_radio" name="ticket_date">
+            <label for="heritage_november15th_radio">
             November 15th, 2024
             </label>
           </div>
@@ -50,10 +52,10 @@
 
         <p style="font-size: 22px;"><strong>Select a Ticket Type:</strong></p>
 		<div class="selectHotl" style="margin-bottom: 20px;">
-            <!--khomloy start-->
-            <div class="optionLable" id="ticket_type_premium_khomloy">
-                <input type="radio" value="Premium+Transfer+Dinner"  id="premium_khomloy" data-price="199" name="ticket_type">
-                <label for="premium_khomloy" style="font-size:18px;">
+            <!--khomloy ticket start-->
+            <div class="optionLable" id="khomloy_ticket_premium_div">
+                <input type="radio" value="Premium+Transfer+Dinner"  id="khomloy_ticket_premium_radio" data-price="199" name="ticket_type">
+                <label for="khomloy_ticket_premium_radio" style="font-size:18px;">
                 Premium+Transfer+Dinner
                     <div class="selectionMemo">
                         US$199
@@ -61,31 +63,31 @@
                     <div id='premium_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">Sold out</div>
                 </label>
             </div>
-            <div class="optionLable" id="ticket_type_vip_khomloy">
-                <input type="radio" value="VIP+Transfer+Dinner" checked id="vip_khomloy" data-price="179" name="ticket_type">
-                <label for="vip_khomloy" style="font-size:18px;">
+            <div class="optionLable" id="khomloy_ticket_vip_div">
+                <input type="radio" value="VIP+Transfer+Dinner" id="khomloy_ticket_vip_radio" data-price="179" name="ticket_type">
+                <label for="khomloy_ticket_vip_radio" style="font-size:18px;">
                 VIP+Transfer+Dinner
                     <div class="selectionMemo">
                         US$179
                     </div>
-                    <div id='vip_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">65 left</div>
+                    <div id='vip_khomloy_left' class="dynamic-label" style="font-size: 18px; display:none;">Sold out</div>
                 </label>
             </div>
-            <div class="optionLable" id="ticket_type_standard_khomloy">
-                <input type="radio"  id="standard_khomloy" data-price="139" name="ticket_type" value="Standard+Transfer+Dinner">
-                <label for="standard_khomloy" style="font-size:18px;">
+            <div class="optionLable" id="khomloy_ticket_standard_div">
+                <input type="radio"  id="khomloy_ticket_standard_radio" data-price="139" name="ticket_type" value="Standard+Transfer+Dinner">
+                <label for="khomloy_ticket_standard_radio" style="font-size:18px;">
                 Standard+Transfer+Dinner
                     <div class="selectionMemo">
                        US$139
                     </div>
-                    <div id='standard_khomloy_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div>
+                    <div id='standard_khomloy_left' class="dynamic-label" style="font-size: 18px;display:none">Sold out</div>
                 </label>
             </div>
-            <!--khomloy end-->
-            <!--heritage start-->
-            <div class="optionLable" id="ticket_type_premium_heritage" style="display:none;">
-              <input type="radio"  id="premium_heritage" data-price="159" name="ticket_type" value="Premium service +Shuttle Transfer+Dinner">
-              <label for="premium_heritage" style="font-size:18px;">
+            <!--khomloy ticket end-->
+            <!--heritage ticket start-->
+            <div class="optionLable" id="heritage_ticket_premium_div" style="display:none;">
+              <input type="radio"  id="heritage_ticket_premium_radio" data-price="159" name="ticket_type" value="Premium service +Shuttle Transfer+Dinner">
+              <label for="heritage_ticket_premium_radio" style="font-size:18px;">
                 Premium service +Shuttle Transfer+Dinner
                   <div class="selectionMemo">
                      US$159
@@ -93,9 +95,9 @@
                   <div id='premium_heritage_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div>
               </label>
             </div>
-            <div class="optionLable" id="ticket_type_vip_heritage" style="display:none;">
-              <input type="radio"  id="vip_heritage" data-price="109" name="ticket_type" value="VIP Service+Shuttle Transfer+Dinner">
-              <label for="vip_heritage" style="font-size:18px;">
+            <div class="optionLable" id="heritage_ticket_vip_div" style="display:none;">
+              <input type="radio"  id="heritage_ticket_vip_radio" data-price="109" checked name="ticket_type" value="VIP Service+Shuttle Transfer+Dinner">
+              <label for="heritage_ticket_vip_radio" style="font-size:18px;">
                 VIP Service+Shuttle Transfer+Dinner
                   <div class="selectionMemo">
                     US$109
@@ -103,7 +105,7 @@
                   <div id='vip_heritage_left' class="dynamic-label" style="font-size: 18px;display:none">57 left</div>
               </label>
             </div>
-            <!--heritage end-->
+            <!--heritage ticket end-->
         </div>
         <div id="ticket_type_errmsg" style="display: none">
           <div class="requiredArea" style="margin-top:-10px;">Please select at least one option.</div>
@@ -423,45 +425,49 @@
     var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
     var ticketTypeList = document.querySelectorAll("input[name='ticket_type']");
 
-    var ticket_type_premium_khomloy_div = document.getElementById("ticket_type_premium_khomloy");
-    var ticket_type_vip_khomloy_div = document.getElementById("ticket_type_vip_khomloy");
-    var ticket_type_standard_khomloy_div = document.getElementById("ticket_type_standard_khomloy");
+    // khomloy elements
+    var khomloy_ticket_premium_div = document.getElementById("khomloy_ticket_premium_div");
+    var khomloy_ticket_vip_div = document.getElementById("khomloy_ticket_vip_div");
+    var khomloy_ticket_standard_div = document.getElementById("khomloy_ticket_standard_div");
 
-    var ticket_type_premium_heritage_div = document.getElementById("ticket_type_premium_heritage");
-    var ticket_type_vip_heritage_div = document.getElementById("ticket_type_vip_heritage");
+    var khomloy_november15th_radio = document.getElementById("khomloy_november15th_radio");
+    var khomloy_november16th_radio = document.getElementById("khomloy_november15th_radio");
 
-    var heritage_november15th_radio = document.getElementById("heritage_november15th");
-    var khomloy_november15th_radio = document.getElementById("khomloy_november15th");
-    var khomloy_november16th_radio = document.getElementById("khomloy_november16th");
-
-    var premium_khomloy_radio = document.getElementById("premium_khomloy");
-    var premium_heritage_radio = document.getElementById("premium_heritage");
-    var vip_heritage_radio = document.getElementById("vip_heritage");
+    var khomloy_ticket_premium_radio = document.getElementById("khomloy_ticket_premium_radio");
+    var khomloy_ticket_vip_radio = document.getElementById("khomloy_ticket_vip_radio");
+    var khomloy_ticket_standard_radio = document.getElementById("khomloy_ticket_standard_radio");
 
     var khomloy_ticket_date_november15th = document.getElementById("khomloy_ticket_date_november15th");
     var khomloy_ticket_date_november16th = document.getElementById("khomloy_ticket_date_november16th");
 
-    var heritage_ticket_date_november15th = document.getElementById("heritage_ticket_date_november15th");
-
     var premium_khomloy_left = document.getElementById("premium_khomloy_left");
     var vip_khomloy_left = document.getElementById("vip_khomloy_left");
     var standard_khomloy_left = document.getElementById("standard_khomloy_left");
 
-    var premium_khomloy_input = document.getElementById("premium_khomloy");
-    var vip_khomloy_input = document.getElementById("vip_khomloy");
-    var standard_khomloy_input = document.getElementById("standard_khomloy");
+    // heritage elements
+    var heritage_ticket_premium_div = document.getElementById("heritage_ticket_premium_div");
+    var heritage_ticket_vip_div = document.getElementById("heritage_ticket_vip_div");
+
+    var heritage_november15th_radio = document.getElementById("heritage_november15th_radio");
+
+    var heritage_ticket_premium_radio = document.getElementById("heritage_ticket_premium_radio");
+    var heritage_ticket_vip_radio = document.getElementById("heritage_ticket_vip_radio");
+
+    var heritage_ticket_date_november15th = document.getElementById("heritage_ticket_date_november15th");
 
     document.addEventListener('DOMContentLoaded', function () {
 
-        setNovember16thTicket();
+        // setNovember16thTicket();
+        setHeritageTicket();
 
         // 15 号没票了
         khomloy_ticket_date_november15th.addEventListener('click', function () {
           // setNovember15thTicket();
         });
 
+        // 16 号没票了
         khomloy_ticket_date_november16th.addEventListener('click', function () {
-          setNovember16thTicket();
+          // setNovember16thTicket();
         });
     });
 
@@ -470,37 +476,30 @@
         vip_khomloy_left.innerText ='Sold out'
         standard_khomloy_left.innerText ='Sold out'
 
-        premium_khomloy_input.disabled = true;
-        vip_khomloy_input.disabled = true;
-        standard_khomloy_input.disabled = true;
+        khomloy_ticket_premium_radio.disabled = true;
+        khomloy_ticket_vip_radio.disabled = true;
+        khomloy_ticket_standard_radio.disabled = true;
 
-        // vip_khomloy_input.checked = true;
+        // khomloy_ticket_vip_radio.checked = true;
 
-        currentTicketPrice = parseInt(vip_khomloy_input.getAttribute('data-price'));
+        currentTicketPrice = parseInt(khomloy_ticket_vip_radio.getAttribute('data-price'));
         adultNumberValue = parseInt(adultNumberNode.value);
         calcTotalPrice(currentTicketPrice, adultNumberValue);
     }
 
     function setNovember16thTicket() {
-        var premium_khomloy_left = document.getElementById("premium_khomloy_left");
-        var vip_khomloy_left = document.getElementById("vip_khomloy_left");
-        var standard_khomloy_left = document.getElementById("standard_khomloy_left");
-
-        var premium_khomloy_input = document.getElementById("premium_khomloy");
-        var vip_khomloy_input = document.getElementById("vip_khomloy");
-        var standard_khomloy_input = document.getElementById("standard_khomloy");
 
         premium_khomloy_left.innerText ='80 left'
         vip_khomloy_left.innerText ='Sold out'
         standard_khomloy_left.innerText ='Sold out'
 
-        premium_khomloy_input.disabled = false;
-        vip_khomloy_input.disabled = true;
-        standard_khomloy_input.disabled = true;
+        khomloy_ticket_premium_radio.disabled = true;
+        khomloy_ticket_vip_radio.disabled = true;
+        khomloy_ticket_standard_radio.disabled = true;
 
-        premium_khomloy_input.checked = true;
+        khomloy_ticket_premium_radio.checked = true;
 
-        currentTicketPrice = parseInt(premium_khomloy_input.getAttribute('data-price'));
+        currentTicketPrice = parseInt(khomloy_ticket_premium_radio.getAttribute('data-price'));
         adultNumberValue = parseInt(adultNumberNode.value);
         calcTotalPrice(currentTicketPrice, adultNumberValue);
     }
@@ -543,49 +542,55 @@
     function setKhomloyTicket() {
       khomloy_ticket_date_november15th.style.display = '';
       khomloy_ticket_date_november16th.style.display = '';
+
       heritage_ticket_date_november15th.style.display = 'none';
 
       heritage_november15th_radio.disabled = true;
+
       khomloy_november15th_radio.disabled = true;
-      khomloy_november16th_radio.disabled = false;
+      khomloy_november16th_radio.disabled = true;
 
-      khomloy_november16th_radio.checked = true;
+      khomloy_november15th_radio.checked = false;
+      khomloy_november16th_radio.checked = false;
 
-      ticket_type_premium_khomloy_div.style.display = '';
-      ticket_type_vip_khomloy_div.style.display = '';
-      ticket_type_standard_khomloy_div.style.display = '';
+      khomloy_ticket_premium_div.style.display = '';
+      khomloy_ticket_vip_div.style.display = '';
+      khomloy_ticket_standard_div.style.display = '';
 
-      ticket_type_premium_heritage_div.style.display = 'none';
-      ticket_type_vip_heritage_div.style.display = 'none';
+      heritage_ticket_premium_div.style.display = 'none';
+      heritage_ticket_vip_div.style.display = 'none';
 
-      premium_khomloy_radio.checked = true;
-      currentTicketPrice = parseInt(premium_khomloy_radio.getAttribute('data-price'));
+      khomloy_ticket_premium_radio.checked = true;
+      currentTicketPrice = parseInt(khomloy_ticket_premium_radio.getAttribute('data-price'));
       adultNumberValue = parseInt(adultNumberNode.value);
       calcTotalPrice(currentTicketPrice, adultNumberValue);
     }
 
     function setHeritageTicket() {
+      // khomloy
       khomloy_ticket_date_november15th.style.display = 'none';
       khomloy_ticket_date_november16th.style.display = 'none';
-      heritage_ticket_date_november15th.style.display = '';
 
-      heritage_november15th_radio.disabled = false;
+      khomloy_ticket_premium_div.style.display = 'none';
+      khomloy_ticket_vip_div.style.display = 'none';
+      khomloy_ticket_standard_div.style.display = 'none';
+
       khomloy_november15th_radio.disabled = true;
       khomloy_november16th_radio.disabled = true;
 
-      heritage_november15th_radio.checked = true;
+      // heritage
+      heritage_ticket_date_november15th.style.display = '';
 
-      ticket_type_premium_khomloy_div.style.display = 'none';
-      ticket_type_vip_khomloy_div.style.display = 'none';
-      ticket_type_standard_khomloy_div.style.display = 'none';
+      heritage_november15th_radio.disabled = false;
+      heritage_november15th_radio.checked = true;
 
-      ticket_type_premium_heritage_div.style.display = '';
-      ticket_type_vip_heritage_div.style.display = '';
+      heritage_ticket_premium_div.style.display = '';
+      heritage_ticket_vip_div.style.display = '';
 
-      premium_heritage_radio.disabled = true;
+      heritage_ticket_premium_radio.disabled = false;
 
-      vip_heritage_radio.checked = true;
-      currentTicketPrice = parseInt(vip_heritage_radio.getAttribute('data-price'));
+      heritage_ticket_vip_radio.checked = true;
+      currentTicketPrice = parseInt(heritage_ticket_vip_radio.getAttribute('data-price'));
       adultNumberValue = parseInt(adultNumberNode.value);
       calcTotalPrice(currentTicketPrice, adultNumberValue);
     }

From 0d4833b41601ec656428488c0a798916f53b2864 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Thu, 26 Sep 2024 14:26:23 +0800
Subject: [PATCH 2/2] =?UTF-8?q?Khomloy=20=E7=A6=81=E6=AD=A2=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/ah-lantern-form.php | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php
index bd84b96e..81a3ee0b 100644
--- a/application/views/mobile_first/ah-lantern-form.php
+++ b/application/views/mobile_first/ah-lantern-form.php
@@ -6,7 +6,7 @@
       <p style="font-size: 22px;"><strong>Select a Venue:</strong></p>
       <div class="selectHotl" style="margin-bottom: 20px;">
         <div class="optionLable">
-             <input type="radio" value="CAD Khomloy Sky Lanterns Festival" id="Khomloy" name="Venue">
+             <input type="radio" value="CAD Khomloy Sky Lanterns Festival" disabled id="Khomloy" name="Venue">
              <label for="Khomloy">
                  <strong>CAD Khomloy Sky Lanterns Festival</strong>
                  <br>
@@ -553,6 +553,10 @@
       khomloy_november15th_radio.checked = false;
       khomloy_november16th_radio.checked = false;
 
+      khomloy_ticket_premium_radio.disabled = false;
+      khomloy_ticket_vip_radio.disabled = false;
+      khomloy_ticket_standard_radio.disabled = false;
+
       khomloy_ticket_premium_div.style.display = '';
       khomloy_ticket_vip_div.style.display = '';
       khomloy_ticket_standard_div.style.display = '';
@@ -578,6 +582,10 @@
       khomloy_november15th_radio.disabled = true;
       khomloy_november16th_radio.disabled = true;
 
+      khomloy_ticket_premium_radio.disabled = true;
+      khomloy_ticket_vip_radio.disabled = true;
+      khomloy_ticket_standard_radio.disabled = true;
+
       // heritage
       heritage_ticket_date_november15th.style.display = '';