From 9968607033d459240923ab31164e31e8fe0c0c79 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Wed, 15 Nov 2023 13:34:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=B0=B4=E7=81=AF=E8=8A=82?=
 =?UTF-8?q?=E5=94=AE=E7=A5=A8=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ah-lantern-form-info-page.php             | 28 +++++++++++++------
 .../views/mobile_first/ah-lantern-form.php    | 23 +++++++++------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/application/views/mobile_first/ah-lantern-form-info-page.php b/application/views/mobile_first/ah-lantern-form-info-page.php
index 56413dd3..eade6aa7 100644
--- a/application/views/mobile_first/ah-lantern-form-info-page.php
+++ b/application/views/mobile_first/ah-lantern-form-info-page.php
@@ -405,7 +405,7 @@
     var totalPriceText = document.getElementById("totalPriceText");
     var totalPriceHidden = document.getElementById("totalPriceHidden");
     var adultNumberValue = parseInt(adultNumberNode.value);
-    var ticketPrice = 139;
+    var ticketPrice = 129;
     totalPriceHidden.value = ticketPrice * adultNumberValue;
     totalPriceText.innerText = '$' + ticketPrice;
     for (var i = 0; i < ticketTypeList.length; i++) {
@@ -427,10 +427,15 @@
     }
 
     var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
+    
     var ticketTypePremium = document.getElementById("ticket_type_premium");
     var vipTypePremium = document.getElementById("vip_type_premium");
     var ticketTypeStandard = document.getElementById("ticket_type_standard");
 
+    var premiumOption = document.getElementById("Premium");
+    var vipOption = document.getElementById("VIP");
+    var standardOption = document.getElementById("Standard");
+
     var premiumTicketLeft = document.getElementById("premium_ticket_left");
     var vipTicketLeft = document.getElementById("vip_ticket_left");
     var standardTicketLeft = document.getElementById("standard_ticket_left");
@@ -440,29 +445,34 @@
         var ticketDateNode = ticketDateList[i];
         ticketDateNode.addEventListener('click', function (event) {
             var currentTarget = event.currentTarget;
+            standardOption.checked = false;
+            vipOption.checked = false;
+            premiumOption.checked = false;
             if (currentTarget.id === 'november27th') {
-                ticketTypePremium.style.display = '';
-                ticketTypeStandard.style.display = '';
-                vipTypePremium.style.display = '';
-                // standardOption.disabled = true;
                 setNovember27thTicketLeft();
             } else { // november28th
-                ticketTypePremium.style.display = '';
-                ticketTypeStandard.style.display = '';
-                vipTypePremium.style.display = '';
-                // standardOption.disabled = false;
                 setNovember28thTicketLeft();
             }
         });
     }
 
     function setNovember27thTicketLeft() {
+      ticketPrice = 0;
+      totalPriceText.innerText = '$0';
+      totalPriceHidden.value = 0;
+
+      standardOption.disabled = true;
+      vipOption.disabled = true;
+      premiumOption.disabled = true;
       premiumTicketLeft.innerText = 'sold out';
       vipTicketLeft.innerText = 'sold out';
       standardTicketLeft.innerText = 'sold out';
     }
 
     function setNovember28thTicketLeft() {
+      standardOption.disabled = false;
+      vipOption.disabled = false;
+      premiumOption.disabled = false;
       premiumTicketLeft.innerText = '20 left';
       vipTicketLeft.innerText = '30 left';
       standardTicketLeft.innerText = '60 left';
diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php
index 28c2dc31..bf6df4b3 100644
--- a/application/views/mobile_first/ah-lantern-form.php
+++ b/application/views/mobile_first/ah-lantern-form.php
@@ -424,6 +424,7 @@
     }
 
     var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
+    
     var ticketTypePremium = document.getElementById("ticket_type_premium");
     var vipTypePremium = document.getElementById("vip_type_premium");
     var ticketTypeStandard = document.getElementById("ticket_type_standard");
@@ -441,33 +442,39 @@
         var ticketDateNode = ticketDateList[i];
         ticketDateNode.addEventListener('click', function (event) {
             var currentTarget = event.currentTarget;
+            standardOption.checked = false;
+            vipOption.checked = false;
+            premiumOption.checked = false;
             if (currentTarget.id === 'november27th') {
-                ticketTypePremium.style.display = '';
-                ticketTypeStandard.style.display = '';
-                vipTypePremium.style.display = '';
-                // standardOption.disabled = true;
                 setNovember27thTicketLeft();
             } else { // november28th
-                ticketTypePremium.style.display = '';
-                ticketTypeStandard.style.display = '';
-                vipTypePremium.style.display = '';
-                // standardOption.disabled = false;
                 setNovember28thTicketLeft();
             }
         });
     }
 
     function setNovember27thTicketLeft() {
+      ticketPrice = 0;
+      totalPriceText.innerText = '$0';
+      totalPriceHidden.value = 0;
+
+      standardOption.disabled = true;
+      vipOption.disabled = true;
+      premiumOption.disabled = true;
       premiumTicketLeft.innerText = 'sold out';
       vipTicketLeft.innerText = 'sold out';
       standardTicketLeft.innerText = 'sold out';
     }
 
     function setNovember28thTicketLeft() {
+      standardOption.disabled = false;
+      vipOption.disabled = false;
+      premiumOption.disabled = false;
       premiumTicketLeft.innerText = '20 left';
       vipTicketLeft.innerText = '30 left';
       standardTicketLeft.innerText = '60 left';
     }
+
     var plusButton = document.getElementById("plusButton");
     var minusButton = document.getElementById("minusButton");
     plusButton.addEventListener('click', function (event) {