information-system/application/views/mobile_first/jh-feedback-list.php

  <h2 style="text-align: center; position: relative; display: inline-block; width: 100%;">
                            Travelers <span style="color: #ad1818; margin: 0 8px;font-size: 22px;">❤</span> Japan
                            Highlights<span class="review-aggregate__info" aria-label="Open"><svg version="1.1"
                                    class="icon icon--vertical icon--size-1-5 icon--primary" role="presentation"
                                    width="20" height="20" viewBox="0 0 24 24">
                                    <path
                                        d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z">
                                    </path>
                                </svg></span>
                            <span class="popper__tooltip" data-cy="popper__tooltip" data-show="false"
                                data-popper-placement="right"><span class="popper__content"
                                    data-cy="popper__content">Japan Highlights is a proud member of the <a
                                        href="/about-us/highlights-travel-family">Highlights Travel Family</a> (trusted
                                    since 1998). Reviews are updated monthly from Tripadvisor, Google &
                                    Trustpilot.</span> <span class="review_close">&times;</span></span>
                        </h2>
                        <div class="visible-xs" style="margin: 20px 20px 90px 20px; ">
                        <img alt="TrustPilot Rating"
                                            class="img-responsive" width="382" height="193"
                                            src="https://images.japanhighlights.com/allpicture/2025/05/e6e82f033e0b4619a0df404f74578d7f_cut_382x193_241_1748531605.jpg" style="margin-bottom: 15px;">
                                            <img alt="TripAdvisor Rating"
                                            class="img-responsive" width="306" height="176">
                        </div>
<div class="table-responsive" style="margin-bottom: 20px;" rel="nofollow">
  <table style="width: max-content;">
    <tbody>
      <tr>
        <td class="hidden-xs feedback_logo">
        <img alt="TrustPilot Rating"
                                            class="img-responsive" width="382" height="193"
                                            src="https://images.japanhighlights.com/allpicture/2025/05/e6e82f033e0b4619a0df404f74578d7f_cut_382x193_241_1748531605.jpg" style="margin-bottom: 15px;">
                                            <img alt="TripAdvisor Rating"
                                            class="img-responsive" width="306" height="176"
                                            src="https://images.japanhighlights.com/allpicture/2025/05/dd7bda74592b44b3b98833e3e2f1448a_cut_306x176_241_1748531758.jpg">
        </td>
        <?php foreach ($feedback_list as $index => $feedback) {?>
        <td class="tour_feedback feedback_content">
        <div class="review_name" style="font-weight: 600; font-size: 1.3rem; margin-bottom: 3px;"><!--客人名字--></div>
                                            <div class="review_nationality" style="color: #777; margin-bottom: 15px;"><!--客人国籍--></div>
              <strong>
                <?php echo $feedback['title'] ?>
              </strong>
              <img src="<?php if (strpos($feedback['url'], 'trustpilot.com') == true) { echo 'https://images.japanhighlights.com/allpicture/2024/04/eba8a46e43514b55bb4e1dd15d9b5712_cut_211x40_241.jpg'; } else if (strpos($feedback['url'], 'tripadvisor.com') == true) { echo 'https://images.japanhighlights.com/allpicture/2024/04/8bebcc898ce54b64a46ced58580966d4_cut_104x19_241.jpg'; }  ?>" style="height: 17px; width: auto;" alt="tour rating">
              <p>
                <?php echo $feedback['content'] ?>
              </p>
              <a href="<?php echo $feedback['url'] ?>" target="_blank" rel="nofollow">More</a>
              <div class="customer_name">
              <strong style="color: #000;float: left; margin: 0;margin-right: 5px;">Date of Experience:</strong>: <?php echo $feedback['createdOn'] ?>
              </div>        
        </td>
        <?php }?>
      </tr>
    </tbody>
  </table>
</div>
<p style="text-align: center;">Read 1000+ verified reviews on <a
                                href="https://www.trustpilot.com/review/asiahighlights.com">Trustpilot</a> <img
                                src="https://images.japanhighlights.com/allpicture/2024/04/eba8a46e43514b55bb4e1dd15d9b5712_cut_211x40_241.jpg"
                                style="height: 17px; width: auto; margin: 0 3px; " alt="tour rating" width="211"
                                height="40"> & <a
                                href="https://www.tripadvisor.com/Attraction_Review-g1066457-d32912770-Reviews-Asia_Highlights_Japan_Travel-Shinjuku_Tokyo_Tokyo_Prefecture_Kanto.html">TripAdvisor</a>
                            <img src="https://images.chinahighlights.com/allpicture/2024/12/c81b67573a2d40d6922e95b33aeaf03d_cut_80x14_241_1733323252.png"
                                style="height: 15px; width: auto; margin: 0 3px; filter: brightness(170%);"
                                alt="Tour Review">.</p>
<style>
.popper__tooltip {
                                position: absolute;
                                top: -70px;
                                right: 0;
                                background-color: #fff;
                                color: #000;
                                padding: 5px;
                                border-radius: 5px;
                                font-size: 1rem;
                                border: #999;
                                width: 300px;
                                height: auto;
                                line-height: 22px;
                                font-family: Calibri;
                                font-weight: 300;
                                display: none;
                                text-align: left;
                                padding: 10px 15px;
                                box-shadow: 0 2px 8px #00000024;
                            }

                            .popper__tooltip[data-show] {
                                display: none;
                            }

                            .review-aggregate__info {
                                margin-left: 10px;
                                cursor: pointer;
                            }

                            .review-aggregate__info:hover .popper__tooltip {
                                display: block;
                            }
                            .review_close {     position: absolute;
    right: 0px;
    top: 0px;
    font-size: 1.5rem;
    cursor: pointer;
    font-weight: 600;
    background: #ececec;
    padding: 2px 5px;
    border-radius: 0 6px;}
    .review_close:hover { color: #ad1818; }
</style>