11

application/views/mobile_first/gh-pc.php

@@ -187,7 +187,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                 <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
-                    <i aria-hidden="true" class="fa fa-angle-right"></i>
+                    
                 </button>
             </div>
         </div>

application/views/mobile_first/gh.php

@@ -45,6 +45,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
 
 <nav id="ml-menu" class="menu">
+    <!--
     <div class="siteSearch">
         <form id="searchbox_001281624266240652297:cl1fy1cxepi" name="googlesreach"
               action="https://www.asiahighlights.com/sitesearch">
@@ -56,7 +57,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
             <input type="hidden" name="__ftoken__"
                    value="MTU5ODMzNDc2NDQ0NA==.3664784f0395175e7de44382781cd7f7cb647e2a"></form>
     </div>
-
+-->
     <button class="action action--close" aria-label="Close Menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" fill="var(--c-text-secondary)"></path></svg></button>
     <div class="menu__wrap">
         <ul data-menu="main" class="menu__level menu__level--current" tabindex="-1" role="menu" aria-label="All">
@@ -113,13 +114,81 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
 
 
 <!--移动底部-->
-<footer>
-    <div class="infotailor">
-        <div class="infotailorword">We are here to help you...<br> Start planning your tailor-made Asia tour with 1-1 help from our travel advisors.
-        <div class="infotailormade"><a href="/forms/tailormade">Create My Trip </a></div>
-        </div>
 
+
+    <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>
+    </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>
+    
+    
+    
+<footer>
+
     <div id="footer">
         <div class="footerContent">