From 820183dbedcd2c48ff31114bd8da6d743bef5d2d Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 28 Oct 2021 10:12:24 +0800
Subject: [PATCH 1/6] =?UTF-8?q?Check=20more=20=E5=A2=9E=E5=8A=A0=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-pc.php | 46 ++++++++++++------------
 application/views/mobile_first/gh.php    | 46 ++++++++++++------------
 2 files changed, 48 insertions(+), 44 deletions(-)

diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index 8fe9a46f..af4622b1 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -312,28 +312,30 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}</script>
     <link rel="javascript" href=" https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js">
 <script>
-    ((doc, buttonId, contentId) => {
-      doc.addEventListener('DOMContentLoaded', () => {
-        var moreButton = doc.getElementById(buttonId);
-        var contentDiv = doc.getElementById(contentId);
-        if (moreButton === null || contentDiv === null) {
-          console.error('CHECK MORE config error');
-          return;
-        }
-        moreButton.addEventListener('click', () => {            
-          moreButton.classList.add('gh-animate-fade-out');
-          setTimeout(() => {
-            moreButton.classList.add('gh-display-none');
-          }, 80);
-          contentDiv.classList.remove('gh-display-none');
-          setTimeout(() => {
-            contentDiv.classList.remove('gh-animate-slide-down');
-            contentDiv.classList.add('gh-animate-slide-up');
-          }, 0);
-        });
-      });
-    })(document, 'checkMoreButton', 'moreContentDiv');
-    </script>
+((doc, buttonId, contentId) => {
+  doc.addEventListener('DOMContentLoaded', () => {
+    var moreButton = doc.getElementById(buttonId);
+    var contentDiv = doc.getElementById(contentId);
+    var lastContentDiv = doc.getElementById(lastContentId);
+    if (moreButton === null || contentDiv === null || lastContentDiv === null) {
+      console.warn('CHECK MORE config error');
+      return;
+    }
+    moreButton.addEventListener('click', () => {            
+      moreButton.classList.add('gh-animate-fade-out');
+      setTimeout(() => {
+        moreButton.classList.add('gh-display-none');
+      }, 80);
+      contentDiv.classList.remove('gh-display-none');
+      lastContentDiv.classList.remove('normal_content');
+      setTimeout(() => {
+        contentDiv.classList.remove('gh-animate-slide-down');
+        contentDiv.classList.add('gh-animate-slide-up');
+      }, 0);
+    });
+  });
+})(document, 'checkMoreButton', 'moreContentDiv', 'lastContentDiv');
+</script>
 <!--@IN-ARTICLE-GOOGLE@-->
 <!--@ADDTHIS-WIDGET@-->
 <script type="application/ld+json">
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 73ce9970..18025fc7 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -262,28 +262,30 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
 </script>
 <script>
-        ((doc, buttonId, contentId) => {
-          doc.addEventListener('DOMContentLoaded', () => {
-            var moreButton = doc.getElementById(buttonId);
-            var contentDiv = doc.getElementById(contentId);
-            if (moreButton === null || contentDiv === null) {
-              console.error('CHECK MORE config error');
-              return;
-            }
-            moreButton.addEventListener('click', () => {
-              moreButton.classList.add('gh-animate-fade-out');
-              setTimeout(() => {
-                moreButton.classList.add('gh-display-none');
-              }, 80);
-              contentDiv.classList.remove('gh-display-none');
-              setTimeout(() => {
-                contentDiv.classList.remove('gh-animate-slide-down');
-                contentDiv.classList.add('gh-animate-slide-up');
-              }, 0);
-            });
-          });
-        })(document, 'checkMoreButton', 'moreContentDiv');
-        </script>
+((doc, buttonId, contentId) => {
+  doc.addEventListener('DOMContentLoaded', () => {
+    var moreButton = doc.getElementById(buttonId);
+    var contentDiv = doc.getElementById(contentId);
+    var lastContentDiv = doc.getElementById(lastContentId);
+    if (moreButton === null || contentDiv === null || lastContentDiv === null) {
+      console.warn('CHECK MORE config error');
+      return;
+    }
+    moreButton.addEventListener('click', () => {            
+      moreButton.classList.add('gh-animate-fade-out');
+      setTimeout(() => {
+        moreButton.classList.add('gh-display-none');
+      }, 80);
+      contentDiv.classList.remove('gh-display-none');
+      lastContentDiv.classList.remove('normal_content');
+      setTimeout(() => {
+        contentDiv.classList.remove('gh-animate-slide-down');
+        contentDiv.classList.add('gh-animate-slide-up');
+      }, 0);
+    });
+  });
+})(document, 'checkMoreButton', 'moreContentDiv', 'lastContentDiv');
+</script>
 <!--@PRODUCT-JS@-->
 <!--@ADDON-JS@-->
 <!--@IN-ARTICLE-GOOGLE@-->

From 87f4d7b4e7daa09fb495e7342ce98767cfb03775 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 28 Oct 2021 10:14:51 +0800
Subject: [PATCH 2/6] =?UTF-8?q?Check=20More=20=E7=BC=BA=E5=B0=91=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-pc.php | 2 +-
 application/views/mobile_first/gh.php    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index af4622b1..a871b280 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -312,7 +312,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}</script>
     <link rel="javascript" href=" https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js">
 <script>
-((doc, buttonId, contentId) => {
+((doc, buttonId, contentId, lastContentId) => {
   doc.addEventListener('DOMContentLoaded', () => {
     var moreButton = doc.getElementById(buttonId);
     var contentDiv = doc.getElementById(contentId);
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 18025fc7..5ccaf8ea 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -262,7 +262,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}
 </script>
 <script>
-((doc, buttonId, contentId) => {
+((doc, buttonId, contentId, lastContentId) => {
   doc.addEventListener('DOMContentLoaded', () => {
     var moreButton = doc.getElementById(buttonId);
     var contentDiv = doc.getElementById(contentId);

From 20dd54a0060190e27750d3e9254aef88bbf2c965 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 28 Oct 2021 10:17:22 +0800
Subject: [PATCH 3/6] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-pc.php | 2 +-
 application/views/mobile_first/gh.php    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index a871b280..7ab8804c 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -327,7 +327,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
         moreButton.classList.add('gh-display-none');
       }, 80);
       contentDiv.classList.remove('gh-display-none');
-      lastContentDiv.classList.remove('normal_content');
+      lastContentDiv.classList.add('normal_content');
       setTimeout(() => {
         contentDiv.classList.remove('gh-animate-slide-down');
         contentDiv.classList.add('gh-animate-slide-up');
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 5ccaf8ea..d4be0ae0 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -277,7 +277,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
         moreButton.classList.add('gh-display-none');
       }, 80);
       contentDiv.classList.remove('gh-display-none');
-      lastContentDiv.classList.remove('normal_content');
+      lastContentDiv.classList.add('normal_content');
       setTimeout(() => {
         contentDiv.classList.remove('gh-animate-slide-down');
         contentDiv.classList.add('gh-animate-slide-up');

From 6f43e0ea92621a9c605acd0895a7f47c745debdb Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 28 Oct 2021 10:41:35 +0800
Subject: [PATCH 4/6] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=A1=8C=E9=9D=A2?=
 =?UTF-8?q?=E7=AB=AF=E5=BA=95=E9=83=A8=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-pc.php | 129 ++++++++++++-----------
 1 file changed, 67 insertions(+), 62 deletions(-)

diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index 7ab8804c..7c799af1 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -156,71 +156,76 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <div class="form_content_bg"></div>
     
     <div class="form_content">
-      
-    <div class="formtitle">
-        <h2>Why Travel with Global Highlights</h2>
-        <ul>
-            <li class="tailormade"><strong>Tailor-made experience:</strong> All of your ideas/needs will be carefully considered to create your ideal trip.</li>
-                <li class="worryfree"><strong>Worry-free planning: </strong>Every step of your trip, you will be looked after by your 1:1 travel consultant based in Asia.</li>
-                    <li class="norisk"><strong>No-risk booking:</strong> We refund as much as we can and adapt flexibly to unexpected changes.</li>
-            </ul>
-    </div>
-    
-    <div class="ghwhyus">
-        
+  <div class="formtitle">
+    <h2>Why Travel with Global Highlights</h2>
+    <ul>
+      <li class="tailormade"><strong>Tailor-made experience:</strong> All of your ideas/needs will be carefully
+        considered to create your ideal trip.</li>
+      <li class="worryfree"><strong>Worry-free planning: </strong>Every step of your trip, you will be looked
+        after by your 1:1 travel consultant based in Asia.</li>
+      <li class="norisk"><strong>No-risk booking:</strong> We refund as much as we can and adapt flexibly to
+        unexpected changes.</li>
+    </ul>
+  </div>
+  <div class="ghwhyus">
     <form action="/form/save" id="booking_form_inquiry" method="post" name="booking_form_inquiry">
-        <div class="InquiryFormBox">
-            
-            <div class="FieldSet">
-                <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="realname" placeholder="Full name" required="" type="text" value=""> <span class="hidden" id="realname_errmsg"></span></p>
-    
-                <p><input class="EmailAddress" data-required="Please enter your e-mail address" data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$" placeholder="Email" required="" type="text" value=""> <span class="hidden" id="email_errmsg"></span></p>
-    
-                <p><input class="InquiryCalendar hasDatepicker" data-min-date="7" id="starting_date" name="starting_date" placeholder="Starting date" required="" type="date" value="" min="2021-11-02"> <span class="hidden" id="starting_date_errmsg"></span></p>
-                <p><input class="Inquiryphone hasDatepicker" name="phone" placeholder="Phone or other ways to contact you" required="" type="text" value=""> </p>
-                            <textarea id="additionalrequirements" name="additionalrequirements" placeholder="How many people, hotel style and changes to make... " style="margin-bottom:20px;"></textarea>
-                <input name="nullemail" placeholder="Your alternative email?" type="hidden" value="">
-                <input name="cli_no" type="hidden" value="">
-                <input name="cli_sn" type="hidden" value="">
-                <input id="url" name="url" type="hidden" value="file:///D:/globalhighlights.com/design/top-nav.html">
-                <input id="sourcetype" name="sourcetype" type="hidden" value="32113">
-                <button class="sendButton" id="submit_booking_form_inquiry" name="booking_form_inquiry_list" type="submit">
-                    Send My Inquiry
-                    
-                </button>
-            </div>
+      <div class="InquiryFormBox">
+        <div class="FieldSet">
+          <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="realname"
+              placeholder="Full name" required="" type="text" value=""></p>
+          <p><input class="EmailAddress" data-required="Please enter your e-mail address"
+              data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
+              placeholder="Email" required type="text" value=""></p>
+          <p><input class="InquiryCalendar hasDatepicker" data-min-date="7" id="starting_date" name="starting_date"
+              placeholder="Starting date" required type="date"></p>
+          <p><input class="Inquiryphone hasDatepicker" name="phone" placeholder="Phone or other ways to contact you"
+              type="text"> </p>
+          <textarea id="additionalrequirements" name="additionalrequirements"
+            placeholder="How many people, hotel style and changes to make... " style="margin-bottom:20px;"></textarea>
+          <input name="nullemail" placeholder="Your alternative email?" type="hidden" value="">
+          <input name="cli_no" type="hidden" value="">
+          <input name="cli_sn" type="hidden" value="">
+          <input id="url" name="url" type="hidden">
+          <input id="sourcetype" name="sourcetype" type="hidden" value="32113">
+          <button class="sendButton" id="submit_booking_form_inquiry" name="booking_form_inquiry_list" type="submit">
+            Send My Inquiry
+          </button>
         </div>
+      </div>
     </form>
-    <script>
-        (function() {
-            String.prototype.lpad = function(padString, length) {
-                var str = this;
-                while (str.length < length)
-                    str = padString + str;
-                return str;
-            }
-            document.getElementById("url").value = (window.location.href);
-            const dateOffset = document.getElementById('starting_date').dataset.minDate;
-            const today = new Date();
-            const startMinDate = new Date(today.setDate(today.getDate() + parseInt(dateOffset)));
-            const minDateStr = startMinDate.getFullYear() + '-' + (startMinDate.getMonth() + 1).toString().lpad('0', 2) + '-' + startMinDate.getDate().toString().lpad('0', 2);
-            document.getElementById('starting_date').setAttribute("min", minDateStr);
-            const required_fields = document.querySelectorAll(":required");
-            required_fields.forEach(element => {
-                element.addEventListener("input", function(event) {
-                    if (element.validity.valueMissing) {
-                        element.setCustomValidity(element.dataset.required);
-                    } else if (element.validity.patternMismatch) {
-                        element.setCustomValidity(element.dataset.pattern);
-                    } else {
-                        element.setCustomValidity("");
-                    }
-                });
-            });
-        })();
-    </script>
-    </div>
-    </div>
+  </div>
+</div>
+<script>
+(function () {
+  String.prototype.lpad = function (padString, length) {
+    var str = this;
+    while (str.length < length)
+      str = padString + str;
+    return str;
+  }
+  document.getElementById("url").value = (window.location.href);
+  const dateOffset = document.getElementById('starting_date').dataset.minDate;
+  const today = new Date();
+  const startMinDate = new Date(today.setDate(today.getDate() + parseInt(dateOffset)));
+  const minDateStr = 
+    startMinDate.getFullYear() + '-' + 
+    (startMinDate.getMonth() + 1).toString().lpad('0', 2) + '-' + 
+    startMinDate.getDate().toString().lpad('0', 2);
+  document.getElementById('starting_date').setAttribute("min", minDateStr);
+  const required_fields = document.querySelectorAll(":required");
+  required_fields.forEach(element => {
+    element.addEventListener("input", function(event) {
+      if (element.validity.valueMissing) {
+        element.setCustomValidity(element.dataset.required);
+      } else if (element.validity.patternMismatch) {
+        element.setCustomValidity(element.dataset.pattern);
+      } else {
+        element.setCustomValidity("");
+      }
+    });
+  });
+})();
+</script>
     
     
         </div>

From 59d254cdcdff094b6e7e57ead3ec52840a89f1da Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 28 Oct 2021 10:50:26 +0800
Subject: [PATCH 5/6] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=BA=95=E9=83=A8=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-pc.php |  18 ++--
 application/views/mobile_first/gh.php    | 130 ++++++++++++-----------
 2 files changed, 74 insertions(+), 74 deletions(-)

diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index 7c799af1..eb7c80c7 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -155,7 +155,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
     <div class="form_content_bg"></div>
     
-    <div class="form_content">
+<div class="form_content">
   <div class="formtitle">
     <h2>Why Travel with Global Highlights</h2>
     <ul>
@@ -168,26 +168,24 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     </ul>
   </div>
   <div class="ghwhyus">
-    <form action="/form/save" id="booking_form_inquiry" method="post" name="booking_form_inquiry">
+    <form action="/form/save" method="post">
       <div class="InquiryFormBox">
         <div class="FieldSet">
           <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="realname"
-              placeholder="Full name" required="" type="text" value=""></p>
+              placeholder="Full name" required="" type="text"></p>
           <p><input class="EmailAddress" data-required="Please enter your e-mail address"
               data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
-              placeholder="Email" required type="text" value=""></p>
-          <p><input class="InquiryCalendar hasDatepicker" data-min-date="7" id="starting_date" name="starting_date"
+              placeholder="Email" required type="text"></p>
+          <p><input class="InquiryCalendar" data-min-date="7" id="starting_date" name="starting_date"
               placeholder="Starting date" required type="date"></p>
-          <p><input class="Inquiryphone hasDatepicker" name="phone" placeholder="Phone or other ways to contact you"
+          <p><input class="Inquiryphone" name="phone" placeholder="Phone or other ways to contact you"
               type="text"> </p>
           <textarea id="additionalrequirements" name="additionalrequirements"
             placeholder="How many people, hotel style and changes to make... " style="margin-bottom:20px;"></textarea>
-          <input name="nullemail" placeholder="Your alternative email?" type="hidden" value="">
-          <input name="cli_no" type="hidden" value="">
-          <input name="cli_sn" type="hidden" value="">
+          <input name="nullemail" placeholder="Your alternative email?" type="hidden">
           <input id="url" name="url" type="hidden">
           <input id="sourcetype" name="sourcetype" type="hidden" value="32113">
-          <button class="sendButton" id="submit_booking_form_inquiry" name="booking_form_inquiry_list" type="submit">
+          <button class="sendButton" type="submit">
             Send My Inquiry
           </button>
         </div>
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index d4be0ae0..79efd52d 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -119,72 +119,74 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <div class="form_content_bg"></div>
     
     <div class="form_content">
-      
-    <div class="formtitle">
-        <h2>Why Travel with Global Highlights</h2>
-        <ul>
-            <li class="tailormade"><strong>Tailor-made experience:</strong> All of your ideas/needs will be carefully considered to create your ideal trip.</li>
-                <li class="worryfree"><strong>Worry-free planning: </strong>Every step of your trip, you will be looked after by your 1:1 travel consultant based in Asia.</li>
-                    <li class="norisk"><strong>No-risk booking:</strong> We refund as much as we can and adapt flexibly to unexpected changes.</li>
-            </ul>
-    </div>
-    
-    <div class="ghwhyus">
-        
-    <form action="/form/save" id="booking_form_inquiry" method="post" name="booking_form_inquiry">
-        <div class="InquiryFormBox">
-            
-            <div class="FieldSet">
-                <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="realname" placeholder="Full name" required="" type="text" value=""> <span class="hidden" id="realname_errmsg"></span></p>
-    
-                <p><input class="EmailAddress" data-required="Please enter your e-mail address" data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$" placeholder="Email" required="" type="text" value=""> <span class="hidden" id="email_errmsg"></span></p>
-    
-                <p><input class="InquiryCalendar hasDatepicker" data-min-date="7" id="starting_date" name="starting_date" placeholder="Starting date" required="" type="date" value="" min="2021-11-02"> <span class="hidden" id="starting_date_errmsg"></span></p>
-                <p><input class="Inquiryphone hasDatepicker" name="phone" placeholder="Phone or other ways to contact you" required="" type="text" value=""> </p>
-                            <textarea id="additionalrequirements" name="additionalrequirements" placeholder="How many people, hotel style and changes to make... " style="margin-bottom:20px;"></textarea>
-                <input name="nullemail" placeholder="Your alternative email?" type="hidden" value="">
-                <input name="cli_no" type="hidden" value="">
-                <input name="cli_sn" type="hidden" value="">
-                <input id="url" name="url" type="hidden" value="file:///D:/globalhighlights.com/design/top-nav.html">
-                <input id="sourcetype" name="sourcetype" type="hidden" value="32113">
-                <button class="sendButton" id="submit_booking_form_inquiry" name="booking_form_inquiry_list" type="submit">
-                    Send My Inquiry
-                    
-                </button>
-            </div>
+  <div class="formtitle">
+    <h2>Why Travel with Global Highlights</h2>
+    <ul>
+      <li class="tailormade"><strong>Tailor-made experience:</strong> All of your ideas/needs will be carefully
+        considered to create your ideal trip.</li>
+      <li class="worryfree"><strong>Worry-free planning: </strong>Every step of your trip, you will be looked
+        after by your 1:1 travel consultant based in Asia.</li>
+      <li class="norisk"><strong>No-risk booking:</strong> We refund as much as we can and adapt flexibly to
+        unexpected changes.</li>
+    </ul>
+  </div>
+  <div class="ghwhyus">
+    <form action="/form/save" method="post">
+      <div class="InquiryFormBox">
+        <div class="FieldSet">
+          <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="realname"
+              placeholder="Full name" required="" type="text"></p>
+          <p><input class="EmailAddress" data-required="Please enter your e-mail address"
+              data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
+              placeholder="Email" required type="text"></p>
+          <p><input class="InquiryCalendar" data-min-date="7" id="starting_date" name="starting_date"
+              placeholder="Starting date" required type="date"></p>
+          <p><input class="Inquiryphone" name="phone" placeholder="Phone or other ways to contact you"
+              type="text"> </p>
+          <textarea id="additionalrequirements" name="additionalrequirements"
+            placeholder="How many people, hotel style and changes to make... " style="margin-bottom:20px;"></textarea>
+          <input name="nullemail" placeholder="Your alternative email?" type="hidden">
+          <input id="url" name="url" type="hidden">
+          <input id="sourcetype" name="sourcetype" type="hidden" value="32113">
+          <button class="sendButton" type="submit">
+            Send My Inquiry
+          </button>
         </div>
+      </div>
     </form>
-    <script>
-        (function() {
-            String.prototype.lpad = function(padString, length) {
-                var str = this;
-                while (str.length < length)
-                    str = padString + str;
-                return str;
-            }
-            document.getElementById("url").value = (window.location.href);
-            const dateOffset = document.getElementById('starting_date').dataset.minDate;
-            const today = new Date();
-            const startMinDate = new Date(today.setDate(today.getDate() + parseInt(dateOffset)));
-            const minDateStr = startMinDate.getFullYear() + '-' + (startMinDate.getMonth() + 1).toString().lpad('0', 2) + '-' + startMinDate.getDate().toString().lpad('0', 2);
-            document.getElementById('starting_date').setAttribute("min", minDateStr);
-            const required_fields = document.querySelectorAll(":required");
-            required_fields.forEach(element => {
-                element.addEventListener("input", function(event) {
-                    if (element.validity.valueMissing) {
-                        element.setCustomValidity(element.dataset.required);
-                    } else if (element.validity.patternMismatch) {
-                        element.setCustomValidity(element.dataset.pattern);
-                    } else {
-                        element.setCustomValidity("");
-                    }
-                });
-            });
-        })();
-    </script>
-    </div>
-    </div>
-    
+  </div>
+</div>
+<script>
+(function () {
+  String.prototype.lpad = function (padString, length) {
+    var str = this;
+    while (str.length < length)
+      str = padString + str;
+    return str;
+  }
+  document.getElementById("url").value = (window.location.href);
+  const dateOffset = document.getElementById('starting_date').dataset.minDate;
+  const today = new Date();
+  const startMinDate = new Date(today.setDate(today.getDate() + parseInt(dateOffset)));
+  const minDateStr = 
+    startMinDate.getFullYear() + '-' + 
+    (startMinDate.getMonth() + 1).toString().lpad('0', 2) + '-' + 
+    startMinDate.getDate().toString().lpad('0', 2);
+  document.getElementById('starting_date').setAttribute("min", minDateStr);
+  const required_fields = document.querySelectorAll(":required");
+  required_fields.forEach(element => {
+    element.addEventListener("input", function(event) {
+      if (element.validity.valueMissing) {
+        element.setCustomValidity(element.dataset.required);
+      } else if (element.validity.patternMismatch) {
+        element.setCustomValidity(element.dataset.pattern);
+      } else {
+        element.setCustomValidity("");
+      }
+    });
+  });
+})();
+</script>    
     
     
 <footer>

From 7b216b0a7fd1e6a86c859ac2ce65c84d70eb709f Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 28 Oct 2021 15:57:19 +0800
Subject: [PATCH 6/6] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/controllers/information.php       |  9 +++
 .../views/mobile_first/gh-tour-form.php       | 69 +++++++++++++++++++
 2 files changed, 78 insertions(+)
 create mode 100644 application/views/mobile_first/gh-tour-form.php

diff --git a/application/controllers/information.php b/application/controllers/information.php
index 06738757..5b9b714e 100644
--- a/application/controllers/information.php
+++ b/application/controllers/information.php
@@ -935,6 +935,15 @@ class Information extends CI_Controller
             $breadcrumb_structured_data_content,
             $template);
 
+        $tour_form_content = $this->load->view(
+            $template_path . '-gh-tour-form',
+            array('information' => $information),
+            true);
+        $template = str_replace(
+            '<!--@TOUR-FORM-TAG@-->',
+            $tour_form_content,
+            $template);
+
         //替换模板中的标签
         $template = str_replace('<!--@TITLE@-->', $information->ic_seo_title, $template);
         $template = str_replace('<!--@DESCRIPTION@-->', $information->ic_seo_description, $template);
diff --git a/application/views/mobile_first/gh-tour-form.php b/application/views/mobile_first/gh-tour-form.php
new file mode 100644
index 00000000..01370474
--- /dev/null
+++ b/application/views/mobile_first/gh-tour-form.php
@@ -0,0 +1,69 @@
+<div class="form_content">
+  <div class="formtitle">
+    <h2>Why Travel with Global Highlights</h2>
+    <ul>
+      <li class="tailormade"><strong>Tailor-made experience:</strong> All of your ideas/needs will be carefully
+        considered to create your ideal trip.</li>
+      <li class="worryfree"><strong>Worry-free planning: </strong>Every step of your trip, you will be looked
+        after by your 1:1 travel consultant based in Asia.</li>
+      <li class="norisk"><strong>No-risk booking:</strong> We refund as much as we can and adapt flexibly to
+        unexpected changes.</li>
+    </ul>
+  </div>
+  <div class="ghwhyus">
+    <form action="/form/save" method="post">
+      <div class="InquiryFormBox">
+        <div class="FieldSet">
+          <p><input class="FullName" data-required="Please enter your fullname" id="realname" name="realname"
+              placeholder="Full name" required="" type="text"></p>
+          <p><input class="EmailAddress" data-required="Please enter your e-mail address"
+              data-pattern="Expecting an e-mail address" id="email" name="email" pattern="^[\w\-\.]+@[\w\-\.]+(\.\w+)+$"
+              placeholder="Email" required type="text"></p>
+          <p><input class="InquiryCalendar" data-min-date="7" id="starting_date" name="starting_date"
+              placeholder="Starting date" required type="date"></p>
+          <p><input class="Inquiryphone" name="phone" placeholder="Phone or other ways to contact you"
+              type="text"> </p>
+          <textarea id="additionalrequirements" name="additionalrequirements"
+            placeholder="How many people, hotel style and changes to make... " style="margin-bottom:20px;"></textarea>
+          <input name="nullemail" placeholder="Your alternative email?" type="hidden">
+          <input id="url" name="url" type="hidden">
+          <input id="sourcetype" name="sourcetype" type="hidden" value="32113">
+          <button class="sendButton" type="submit">
+            Send My Inquiry
+          </button>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>
+<script>
+(function () {
+  String.prototype.lpad = function (padString, length) {
+    var str = this;
+    while (str.length < length)
+      str = padString + str;
+    return str;
+  }
+  document.getElementById("url").value = (window.location.href);
+  const dateOffset = document.getElementById('starting_date').dataset.minDate;
+  const today = new Date();
+  const startMinDate = new Date(today.setDate(today.getDate() + parseInt(dateOffset)));
+  const minDateStr = 
+    startMinDate.getFullYear() + '-' + 
+    (startMinDate.getMonth() + 1).toString().lpad('0', 2) + '-' + 
+    startMinDate.getDate().toString().lpad('0', 2);
+  document.getElementById('starting_date').setAttribute("min", minDateStr);
+  const required_fields = document.querySelectorAll(":required");
+  required_fields.forEach(element => {
+    element.addEventListener("input", function(event) {
+      if (element.validity.valueMissing) {
+        element.setCustomValidity(element.dataset.required);
+      } else if (element.validity.patternMismatch) {
+        element.setCustomValidity(element.dataset.pattern);
+      } else {
+        element.setCustomValidity("");
+      }
+    });
+  });
+})();
+</script>
\ No newline at end of file