From 80838a76b95a9eb87f5108ce02af11330b4c849a Mon Sep 17 00:00:00 2001
From: candice <candice@hainatravel.com>
Date: Thu, 21 Mar 2024 14:43:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=BA=E6=95=B0=E9=80=89=E6=8B=A9=E6=81=A2?=
 =?UTF-8?q?=E5=A4=8D=E6=81=A2=E5=A4=8D=E4=B8=BA=E5=8A=A0=E5=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ah-lantern-festival-gp-form.php           | 104 ++++--------------
 .../ah-lantern-form-info-page.php             |  39 +------
 .../views/mobile_first/ah-lantern-form.php    |  39 +------
 3 files changed, 31 insertions(+), 151 deletions(-)

diff --git a/application/views/mobile_first/ah-lantern-festival-gp-form.php b/application/views/mobile_first/ah-lantern-festival-gp-form.php
index 1ff5967c..78ef9236 100644
--- a/application/views/mobile_first/ah-lantern-festival-gp-form.php
+++ b/application/views/mobile_first/ah-lantern-festival-gp-form.php
@@ -6,89 +6,27 @@
 		<div class="selectionBlock" style="margin-bottom: 0;">
 			<div id="adultBlock" >
 				<p style="margin-bottom: 0; font-size: 22px; text-align: left;">Traveler numbers for your group:</p>
-					<div class="peopleSelect" >
-						<p style="margin-top: 20px; margin-bottom: 10px;">
-							Adult & kids (≥8 years old)
-					   </p>
-                    <div class="kids_age" style="width: 100%;">
-                        <select class="kids_number" id="adultNumber" name="adult" style="width: 25%;">
-                            <option value="0">0</option>
-                            <option value="1">1</option>
-                            <option value="2">2</option>
-                            <option value="3">3</option>
-                            <option value="4">4</option>
-                            <option value="5">5</option>
-                            <option value="6">6</option>
-                            <option value="7">7</option>
-                            <option value="8">8</option>
-                            <option value="9">9</option>
-                            <option value="10">10</option>
-                            <option value="11">11</option>
-                            <option value="12">12</option>
-                            <option value="13">13</option>
-                            <option value="14">14</option>
-                            <option value="15">15</option>
-                            <option value="16">16</option>
-                            <option value="17">17</option>
-                            <option value="18">18</option>
-                            <option value="19">19</option>
-                            <option value="20">20</option>
-                            <option value="21">21</option>
-                            <option value="22">22</option>
-                            <option value="23">23</option>
-                            <option value="24">24</option>
-                            <option value="25">25</option>
-                            <option value="26">26</option>
-                            <option value="27">27</option>
-                            <option value="28">28</option>
-                            <option value="29">29</option>
-                            <option value="30">30</option>
-                            </select>
-                            <p style="margin-top: 5px;font-size: 18px;">people</p>
-                    </div>
-					</div>
-	
-					<div class="peopleSelect" >
-						<p style="margin-top: 20px; margin-bottom: 10px;">
-						Kids (0-7 years old)
-					   </p>
-                    <div class="kids_age" style="width: 100%;">
-                        <select class="kids_number" id="kidNumber" name="children_3_9_yrs" style="width: 25%;">
-                            <option value="0">0</option>
-                            <option value="1">1</option>
-                            <option value="2">2</option>
-                            <option value="3">3</option>
-                            <option value="4">4</option>
-                            <option value="5">5</option>
-                            <option value="6">6</option>
-                            <option value="7">7</option>
-                            <option value="8">8</option>
-                            <option value="9">9</option>
-                            <option value="10">10</option>
-                            <option value="11">11</option>
-                            <option value="12">12</option>
-                            <option value="13">13</option>
-                            <option value="14">14</option>
-                            <option value="15">15</option>
-                            <option value="16">16</option>
-                            <option value="17">17</option>
-                            <option value="18">18</option>
-                            <option value="19">19</option>
-                            <option value="20">20</option>
-                            <option value="21">21</option>
-                            <option value="22">22</option>
-                            <option value="23">23</option>
-                            <option value="24">24</option>
-                            <option value="25">25</option>
-                            <option value="26">26</option>
-                            <option value="27">27</option>
-                            <option value="28">28</option>
-                            <option value="29">29</option>
-                            <option value="30">30</option>
-                            </select>
-                            <p style="margin-top: 5px;font-size: 18px;">people</p>
-                    </div>
-					</div>
+                <div class="peopleSelect" >
+                    <p style="margin-top: 20px; margin-bottom: 10px;">
+                        Adult & kids (≥8 years old)
+                   </p>
+                   <div class="numberBtn">
+                    <input class="minaddBtn reduceadult" id="minusAdult" type="button" value="-">
+                    <input class="number" type="text" id="adultNumber"  readonly value="1" name="adult">
+                    <input class="minaddBtn addadult" id="plusAdult"  type="button" value="+">
+                </div>
+                </div>
+
+                <div class="peopleSelect" >
+                    <p style="margin-top: 20px; margin-bottom: 10px;">
+                    Kids (0-7 years old)
+                   </p>
+                   <div class="numberBtn">
+                    <input class="minaddBtn reduceadult" id="minusKid" type="button" value="-">
+                    <input class="number" type="text" id="kidNumber"  readonly value="0" name="children_3_9_yrs">
+                    <input class="minaddBtn addadult" id="plusKid"  type="button" value="+">
+                </div>
+                </div>
 				</div>
 		</div> 
         <input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" value="" />
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 591a5eae..294f3fcc 100644
--- a/application/views/mobile_first/ah-lantern-form-info-page.php
+++ b/application/views/mobile_first/ah-lantern-form-info-page.php
@@ -59,40 +59,11 @@
             <span class="formMemo">
                 Adults and older children (8+ years old)
             </span>
-            <div class="kids_age" style="width: 100%;">
-                <select class="kids_number" id="adultNumberValue" name="adult" style="width: 25%;">
-                    <option value="1">1</option>
-                    <option value="2">2</option>
-                    <option value="3">3</option>
-                    <option value="4">4</option>
-                    <option value="5">5</option>
-                    <option value="6">6</option>
-                    <option value="7">7</option>
-                    <option value="8">8</option>
-                    <option value="9">9</option>
-                    <option value="10">10</option>
-                    <option value="11">11</option>
-                    <option value="12">12</option>
-                    <option value="13">13</option>
-                    <option value="14">14</option>
-                    <option value="15">15</option>
-                    <option value="16">16</option>
-                    <option value="17">17</option>
-                    <option value="18">18</option>
-                    <option value="19">19</option>
-                    <option value="20">20</option>
-                    <option value="21">21</option>
-                    <option value="22">22</option>
-                    <option value="23">23</option>
-                    <option value="24">24</option>
-                    <option value="25">25</option>
-                    <option value="26">26</option>
-                    <option value="27">27</option>
-                    <option value="28">28</option>
-                    <option value="29">29</option>
-                    <option value="30">30</option>
-                    </select>
-                    <p style="margin-top: 5px;font-size: 18px;">people</p>
+            <div class="numberBtn">
+                <input class="minaddBtn reduceadult" id='minusButton' type="button" value="-">
+                <input class="number" id="adultNumberValue" readonly="readonly" type="text" value="1"
+                    name="adult">
+                <input class="minaddBtn addadult" id='plusButton' type="button" value="+">
             </div>
         </div>
         <p style="display: inline-block;">Children under 8 years old enter free; 8-year-olds and above are charged the same as adults. You can buy a
diff --git a/application/views/mobile_first/ah-lantern-form.php b/application/views/mobile_first/ah-lantern-form.php
index 3762ae7a..cff78d54 100644
--- a/application/views/mobile_first/ah-lantern-form.php
+++ b/application/views/mobile_first/ah-lantern-form.php
@@ -60,40 +60,11 @@
             <span class="formMemo">
                 Adults and older children (8+ years old)
             </span>
-            <div class="kids_age" style="width: 100%;">
-                <select class="kids_number" id="adultNumberValue" name="adult" style="width: 25%;">
-                    <option value="1">1</option>
-                    <option value="2">2</option>
-                    <option value="3">3</option>
-                    <option value="4">4</option>
-                    <option value="5">5</option>
-                    <option value="6">6</option>
-                    <option value="7">7</option>
-                    <option value="8">8</option>
-                    <option value="9">9</option>
-                    <option value="10">10</option>
-                    <option value="11">11</option>
-                    <option value="12">12</option>
-                    <option value="13">13</option>
-                    <option value="14">14</option>
-                    <option value="15">15</option>
-                    <option value="16">16</option>
-                    <option value="17">17</option>
-                    <option value="18">18</option>
-                    <option value="19">19</option>
-                    <option value="20">20</option>
-                    <option value="21">21</option>
-                    <option value="22">22</option>
-                    <option value="23">23</option>
-                    <option value="24">24</option>
-                    <option value="25">25</option>
-                    <option value="26">26</option>
-                    <option value="27">27</option>
-                    <option value="28">28</option>
-                    <option value="29">29</option>
-                    <option value="30">30</option>
-                    </select>
-                    <p style="margin-top: 5px;font-size: 18px;">people</p>
+            <div class="numberBtn">
+                <input class="minaddBtn reduceadult" id='minusButton' type="button" value="-">
+                <input class="number" id="adultNumberValue" readonly="readonly" type="text" value="1"
+                    name="adult">
+                <input class="minaddBtn addadult" id='plusButton' type="button" value="+">
             </div>
         </div>
 <p style="display: inline-block;">Children under 8 years old enter free; 8-year-olds and above are charged the same as adults. You can buy a ticket for your child under 8 if you would like her or him to enjoy the same provision.</p>