From 08cead7c3e81d706aea8e737e162e4f3cdc3b573 Mon Sep 17 00:00:00 2001
From: Jimmy Liow <lyj@hainatravel.com>
Date: Mon, 25 Sep 2023 10:43:17 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B0=B4=E7=81=AF=E8=8A=82=E4=BF=A1=E6=81=AF?=
 =?UTF-8?q?=E4=B9=9F=E8=A1=A8=E5=8D=95=E5=A2=9E=E5=8A=A0=E4=BD=99=E7=A5=A8?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ah-lantern-form-info-page.php             | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

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 6de5430a..f69bf13e 100644
--- a/application/views/mobile_first/ah-lantern-form-info-page.php
+++ b/application/views/mobile_first/ah-lantern-form-info-page.php
@@ -27,6 +27,7 @@
                     <div class="selectionMemo">
                         US$199
                     </div>
+                    <div id='premium_ticket_left'>0 left</div>
                 </label>
             </div>
             <div class="optionLable" id="vip_type_premium">
@@ -36,6 +37,7 @@
                     <div class="selectionMemo">
                         US$179
                     </div>
+                    <div id='vip_ticket_left'>0 left</div>
                 </label>
             </div>
             <div class="optionLable">
@@ -45,6 +47,7 @@
                     <div class="selectionMemo">
                         US$139
                     </div>
+                    <div id='standard_ticket_left'>0 left</div>
                 </label>
             </div>
         </div>
@@ -423,6 +426,11 @@
     var ticketTypePremium = document.getElementById("ticket_type_premium");
     var vipTypePremium = document.getElementById("vip_type_premium");
 
+    var premiumTicketLeft = document.getElementById("premium_ticket_left");
+    var vipTicketLeft = document.getElementById("vip_ticket_left");
+    var standardTicketLeft = document.getElementById("standard_ticket_left");
+    setNovember28thTicketLeft();
+
     for (var i = 0; i < ticketDateList.length; i++) {
         var ticketDateNode = ticketDateList[i];
         ticketDateNode.addEventListener('click', function (event) {
@@ -430,12 +438,26 @@
             if (currentTarget.id === 'november27th') {
                 ticketTypePremium.style.display = 'none';
                 // vipTypePremium.style.display = 'none';
+                setNovember27thTicketLeft();
             } else {
                 ticketTypePremium.style.display = '';
                 // vipTypePremium.style.display = '';
+                setNovember28thTicketLeft();
             }
         });
     }
+
+    function setNovember27thTicketLeft() {
+      premiumTicketLeft.innerText = '0 left';
+      vipTicketLeft.innerText = '99 left';
+      standardTicketLeft.innerText = '59 left';
+    }
+
+    function setNovember28thTicketLeft() {
+      premiumTicketLeft.innerText = '174 left';
+      vipTicketLeft.innerText = '212 left';
+      standardTicketLeft.innerText = '181 left';
+    }
     var plusButton = document.getElementById("plusButton");
     var minusButton = document.getElementById("minusButton");
     plusButton.addEventListener('click', function (event) {