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] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BA=A7=E5=93=81=E8=A1=A8?=
 =?UTF-8?q?=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