From 8944d33a3507bbeac2f35945c9b838ffbd7408e2 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Sun, 9 Oct 2022 14:33:58 +0800
Subject: [PATCH] =?UTF-8?q?8=20=E5=8F=B7=E7=9A=84=20premium=20=E7=A5=A8?=
 =?UTF-8?q?=E5=8D=96=E5=AE=8C=E4=BA=86=EF=BC=8C=E4=B8=8D=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E8=AF=A5=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ah-lantern-form-info-page.php             | 26 +++++++++++++----
 .../views/mobile_first/ah-lantern-form.php    | 29 ++++++++++++++-----
 2 files changed, 43 insertions(+), 12 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 538a246c..57d7d6f5 100644
--- a/application/views/mobile_first/ah-lantern-form-info-page.php
+++ b/application/views/mobile_first/ah-lantern-form-info-page.php
@@ -6,14 +6,14 @@
         <p style="    font-size: 22px;"><strong>Select Date</strong></p>
         <div class="selectHotl">
             <div class="optionLable">
-                <input type="radio" value="2022-11-08" checked id="November 8th" name="ticket_date">
-                <label for="November 8th">
+                <input type="radio" value="2022-11-08" checked id="november8th" name="ticket_date">
+                <label for="november8th">
                     November 8th, 2022
                 </label>
             </div>
             <div class="optionLable">
-                <input type="radio" value="2022-11-09" id="November 9th" name="ticket_date">
-                <label for="November 9th">
+                <input type="radio" value="2022-11-09" id="november9th" name="ticket_date">
+                <label for="november9th">
                     November 9th, 2022
                 </label>
             </div>
@@ -21,7 +21,7 @@
         <p style="margin-top: -30px;">The premium tickets for Nov. 8 are sold out, but for the Nov. 9 are still available.</p>
         <p style="    font-size: 22px;"><strong>Select Ticket Type</strong></p>
         <div class="selectHotl">
-            <div class="optionLable">
+            <div class="optionLable" id="ticket_type_premium" style="display: none;">
                 <input type="radio" value="Premium + Free Transfer" checked id="Premium" name="ticket_type">
                 <label for="Premium">
                     Premium + Free Transfer
@@ -709,6 +709,22 @@
             totalPriceHidden.value = totalPrice;
         });
     }
+
+    var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
+    var ticketTypePremium = document.getElementById("ticket_type_premium");
+
+    for (var i = 0; i < ticketDateList.length; i++) {
+        var ticketDateNode = ticketDateList[i];
+        ticketDateNode.addEventListener('click', function(event) {
+            var currentTarget = event.currentTarget;
+            // 8 号的 premium 票卖完了
+            if (currentTarget.id === 'november8th') {
+                ticketTypePremium.style.display = 'none';
+            } else {
+                ticketTypePremium.style.display = '';
+            }
+        });
+    }
     var plusButton = document.getElementById("plusButton");
     var minusButton = document.getElementById("minusButton");
     plusButton.addEventListener('click', function(event) { 
diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php
index fe0ba43e..4fef1a12 100644
--- a/application/views/mobile_first/ah-lantern-form.php
+++ b/application/views/mobile_first/ah-lantern-form.php
@@ -6,14 +6,14 @@
         <p style="    font-size: 22px;"><strong>Select Date</strong></p>
         <div class="selectHotl">
             <div class="optionLable">
-                <input type="radio" value="2022-11-08" checked id="November 8th" name="ticket_date">
-                <label for="November 8th">
+                <input type="radio" value="2022-11-08" checked id="november8th" name="ticket_date">
+                <label for="november8th">
                     November 8th, 2022
                 </label>
             </div>
             <div class="optionLable">
-                <input type="radio" value="2022-11-09" id="November 9th" name="ticket_date">
-                <label for="November 9th">
+                <input type="radio" value="2022-11-09" id="november9th" name="ticket_date">
+                <label for="november9th">
                     November 9th, 2022
                 </label>
             </div>
@@ -21,7 +21,7 @@
         <p style="margin-top: -30px;">The premium tickets for Nov. 8 are sold out, but for the Nov. 9 are still available.</p>
         <p style="    font-size: 22px;"><strong>Select Ticket Type</strong></p>
         <div class="selectHotl">
-            <div class="optionLable">
+            <div class="optionLable" id="ticket_type_premium" style="display: none;">
                 <input type="radio" value="Premium + Free Transfer" checked id="Premium" name="ticket_type">
                 <label for="Premium">
                     Premium + Free Transfer
@@ -65,8 +65,6 @@
         <p style="margin-top: 50px;"><strong>Please provide correct personal information for your ticket
                 booking. Double
                 check.</strong></p>
-
-                
         <input class="FullName" id="ticket_realname" name="fullname"
             placeholder="Your name * (exactly as in your passport)" required="" type="text" value="" />
         <div id="ticket_realname_errmsg" style="display: none">
@@ -708,6 +706,23 @@
             totalPriceHidden.value = totalPrice;
         });
     }
+
+    var ticketDateList = document.querySelectorAll("input[name='ticket_date']");
+    var ticketTypePremium = document.getElementById("ticket_type_premium");
+    
+    for (var i = 0; i < ticketDateList.length; i++) {
+        var ticketDateNode = ticketDateList[i];
+        ticketDateNode.addEventListener('click', function(event) {
+            var currentTarget = event.currentTarget;
+            // 8 号的 premium 票卖完了
+            if (currentTarget.id === 'november8th') {
+                ticketTypePremium.style.display = 'none';
+            } else {
+                ticketTypePremium.style.display = '';
+            }
+        });
+    }
+
     var plusButton = document.getElementById("plusButton");
     var minusButton = document.getElementById("minusButton");
     plusButton.addEventListener('click', function(event) {