From d35c04d828c748076274a7d89aad038ec8cc0e58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B9=E8=AF=9A=E8=AF=9A?= <ycc@hainatravel.com>
Date: Thu, 21 Oct 2021 15:52:14 +0800
Subject: [PATCH] =?UTF-8?q?GH=E7=9A=84=E9=9D=99=E6=80=81=E5=8C=96=E5=8F=91?=
 =?UTF-8?q?=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/mobile_first/gh-next.php | 373 +++++++++++++++++++++
 1 file changed, 373 insertions(+)
 create mode 100644 application/views/mobile_first/gh-next.php

diff --git a/application/views/mobile_first/gh-next.php b/application/views/mobile_first/gh-next.php
new file mode 100644
index 00000000..7074e39c
--- /dev/null
+++ b/application/views/mobile_first/gh-next.php
@@ -0,0 +1,373 @@
+<?php if (!empty($recommands['Article A']) || !empty($recommands['Article B']) || !empty($recommands['Article C']) || !empty($recommands['Article D'])) { ?>
+
+    <h2 style="text-align: center;">Recommended Articles</h2>
+
+    <div class="swiper" id='recommendedArticles'>
+        <div class="swiper-wrapper">
+
+            <?php if (!empty($recommands['Article A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+
+            <?php if (!empty($recommands['Article A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+            <?php if (!empty($recommands['Article A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+            <?php if (!empty($recommands['Article A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+            <?php if (!empty($recommands['Article A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+            <?php if (!empty($recommands['Article A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article A']->mobile_photo) ? $recommands['Article A']->ic_photo_img : $recommands['Article A']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article A']->ic_url; ?>"> <?php echo $recommands['Article A']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article B'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article B']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article B']->mobile_photo) ? $recommands['Article B']->ic_photo_img : $recommands['Article B']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article B']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article B']->ic_url; ?>"> <?php echo $recommands['Article B']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article C'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article C']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article C']->mobile_photo) ? $recommands['Article C']->ic_photo_img : $recommands['Article C']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article C']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article C']->ic_url; ?>"> <?php echo $recommands['Article C']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article D'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article D']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article D']->mobile_photo) ? $recommands['Article D']->ic_photo_img : $recommands['Article D']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article D']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article D']->ic_url; ?>"> <?php echo $recommands['Article D']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article E'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article E']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article E']->mobile_photo) ? $recommands['Article E']->ic_photo_img : $recommands['Article E']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article E']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article E']->ic_url; ?>"> <?php echo $recommands['Article E']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article F'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article F']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article F']->mobile_photo) ? $recommands['Article F']->ic_photo_img : $recommands['Article F']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article F']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article F']->ic_url; ?>"> <?php echo $recommands['Article F']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article G'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article G']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article G']->mobile_photo) ? $recommands['Article G']->ic_photo_img : $recommands['Article G']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article G']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article G']->ic_url; ?>"> <?php echo $recommands['Article G']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Article H'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Article H']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo empty($recommands['Article H']->mobile_photo) ? $recommands['Article H']->ic_photo_img : $recommands['Article H']->mobile_photo; ?>"
+                                 class="img-responsive" alt="<?php echo $recommands['Article H']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Article H']->ic_url; ?>"> <?php echo $recommands['Article H']->ic_title; ?> </a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+        </div>
+        <div class="swiper-button-next"></div>
+        <div class="swiper-button-prev"></div>
+        <div class="swiper-pagination"></div>
+    </div>
+<?php } ?>
+
+
+<?php if (!empty($recommands['Tour A']) || !empty($recommands['Tour B']) || !empty($recommands['Tour C']) || !empty($recommands['Tour D'])) { ?>
+
+
+    <h2 style="text-align: center;">Recommended Tours</h2>
+
+    <div class="swiper" id='recommendedArticles'>
+        <div class="swiper-wrapper">
+
+            <?php if (!empty($recommands['Tour A'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour A']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour A']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour A']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour A']->ic_url; ?>"><?php echo $recommands['Tour A']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+
+            <?php if (!empty($recommands['Tour B'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour B']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour B']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour B']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour B']->ic_url; ?>"><?php echo $recommands['Tour B']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Tour C'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour C']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour C']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour C']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour C']->ic_url; ?>"><?php echo $recommands['Tour C']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Tour D'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour D']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour D']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour D']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour D']->ic_url; ?>"><?php echo $recommands['Tour D']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Tour E'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour E']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour E']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour E']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour E']->ic_url; ?>"><?php echo $recommands['Tour E']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Tour F'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour F']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour F']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour F']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour F']->ic_url; ?>"><?php echo $recommands['Tour F']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Tour G'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour G']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour G']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour G']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour G']->ic_url; ?>"><?php echo $recommands['Tour G']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+            <?php if (!empty($recommands['Tour H'])) { ?>
+                <div class="swiper-slide">
+                    <div class="nextarticle">
+                        <a href="<?php echo $recommands['Tour H']->ic_url; ?>" rel="nofollow">
+                            <img src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                                 originalsrc="<?php echo $recommands['Tour H']->mobile_photo; ?>"
+                                 class="img-responsive"
+                                 alt="<?php echo $recommands['Tour H']->ic_title; ?>">
+                        </a>
+                        <div class="nextarticlename">
+                            <a href="<?php echo $recommands['Tour H']->ic_url; ?>"><?php echo $recommands['Tour H']->ic_title; ?></a>
+                        </div>
+                    </div>
+                </div>
+            <?php } ?>
+
+
+
+        </div>
+        <div class="swiper-button-next"></div>
+        <div class="swiper-button-prev"></div>
+        <div class="swiper-pagination"></div>
+    </div>
+
+
+<?php } ?>
+
+<!-- Swiper JS -->
+<script src="https://data.globalhighlights.com/js/swiper-bundle-7.0.9.min.js"></script>
+<!-- Initialize Swiper -->
+<script>
+    var swiper = new Swiper("#recommendedArticles", {
+        cssMode: true,
+        keyboard: true,
+        slidesPerView: 4,
+        navigation: {
+            nextEl: ".swiper-button-next",
+            prevEl: ".swiper-button-prev"
+        },
+        pagination: {
+            el: ".swiper-pagination",
+            clickable: true
+        }
+    });
+</script>
\ No newline at end of file