
<link rel="stylesheet" type="text/css" href="<?php echo THEME_URL . $theme . '/assets/css/footer.css' ?>">
<!-- added css for custom display -->
<link rel="stylesheet" type="text/css" href="<?php echo THEME_URL . $theme . '/assets/css/custom.css' ?>">
<!-- end added css for custom display -->

<!-- new footer row -->
<div class="row bg-white mx-0">
<div class="container bg-white">
    <div class="row">
        <div class="col-12 col-md-4 col-lg-3">
            <!-- facebook row -->
           <!--  <div class="fb-page" data-href="https://www.facebook.com/1553070758314613" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" ><blockquote cite="https://www.facebook.com/1553070758314613" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/1553070758314613">72 生活站</a></blockquote></div> -->

            <!-- end facebook row -->

            <!-- new facebook row -->
             <!-- begin Widget Facebook
      ========================================= -->
        <style type="text/css">
            /* ------- begin Widget Facebook -------------- */
.widget--facebook--container {
  padding: 10px;
  border: 1px solid #000;
}

.widget-facebook {
  height: 400px;
}
/*@media all and (orientation:portrait) {*/
/* Style adjustments for portrait mode goes here */
/*}*/
/*@media all and (orientation:landscape) {*/
/* Style adjustments for portrait mode goes here */

/*}*/
@media all and (orientation:portrait) {
    @media (min-width: 768px) {
        .widget-facebook {
     height: 900px;
        }
    }

    @media (min-width: 992px) {
         .widget-facebook {
     height: 500px;
        }
     }
}
@media all and (orientation: landscape) {
 /* .widget-facebook {
     height: 800px;
  }*/
  @media (min-width: 768px) {
        .widget-facebook {
     height: 500px;
        }
    }
}
.widget-facebook .facebook_iframe {
  border: none;
}
/* ---------- end Widget Facebook---------------- */



        </style>
        <div class="widget-facebook">
          <script>
            function setupFBframe(frame) {
              if (frame.src) return; // already set up

              var container = frame.parentNode;
              console.log(frame.parentNode);

              var containerWidth = container.offsetWidth;
              var containerHeight = container.offsetHeight;

              var src =
                "https://www.facebook.com/plugins/page.php" +
                "?href=https%3A%2F%2Fwww.facebook.com%2F1553070758314613" +
                "&tabs=timeline" +
                "&width=" +
                containerWidth +
                "&height=" +
                containerHeight +
                "&small_header=false" +
                "&adapt_container_width=false" +
                "&hide_cover=false" +
                "&hide_cta=true" +
                "&show_facepile=true" +
                "&appId";

              frame.width = containerWidth;
              frame.height = containerHeight;
              frame.src = src;
            }

            var facebookIframe;

            /* begin Window Resize
            ############################################ */

            // Why resizeThrottler? See more : https://developer.mozilla.org/ru/docs/Web/Events/resize
            (function() {
              window.addEventListener("resize", resizeThrottler, false);

              var resizeTimeout;

              function resizeThrottler() {
                if (!resizeTimeout) {
                  resizeTimeout = setTimeout(function() {
                    resizeTimeout = null;
                    actualResizeHandler();
                  }, 66);
                }
              }

              function actualResizeHandler() {
                document.querySelector('#facebook_iframe').removeAttribute('src');
                setupFBframe(facebookIframe);
              }
            })();
            /* end Window Resize
            ############################################ */
          </script>
          <iframe id="facebook_iframe" class="facebook_iframe" onload="facebookIframe = this; setupFBframe(facebookIframe)"></iframe>
        </div>

      <!-- end Widget Facebook
      ========================================= -->

            <!-- end new facebook row -->


        </div>
        <div class="col-12 col-md-8  col-lg-9 mb-2">
        <div class="container">
            <div class="row">
                <!-- inner address & map row -->
                <div class="col-12 col-md-12 col-lg-4">
                    <!-- address row -->
                    <div class="container">
                        <div class="row">
                            <div class="col-12 px-0">
                                <img src="<?php echo base_url('my-assets/image/siteimage/bottomlogo.png'); ?>" class="img-fluid">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12 px-0">
                                <p class="my-0 mb-1 mt-3 footergreytext"><?php echo display('contact_us') ?></p>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-2 col-md-3 col-lg-3 px-0">
                                <p class=" footergreytext"><?php echo display('phone'); ?> :</p>
                            </div>
                            <div class="col-10 col-md-9 col-lg-9 px-0">
                                <p class=" footergreytext"><?php echo html_escape($Web_settings['0']['whatsapp']); ?>
                                <br>(營業時間: 11:00 - 20:00)</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-2 col-md-3 col-lg-3 px-0">
                                <p class=" footergreytext"><?php echo display('email'); ?> :</p>
                            </div>
                            <div class="col-10 col-md-9 col-lg-9 px-0">
                                <p class=" footergreytext"><?php echo html_escape($Web_settings['0']['email']); ?></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-2 col-md-3 col-lg-3 px-0">
                                <p class=" footergreytext"><?php echo display('address'); ?> :</p>
                            </div>
                            <div class="col-10 col-md-9 col-lg-9 px-0">
                                <p class=" footergreytext"><?php echo html_escape($Web_settings['0']['address']) . "<br>" . html_escape($Web_settings['0']['address2']); ?></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-2 col-md-3 col-lg-3 px-0">
                                <p class=" footergreytext"><?php echo display('front_store'); ?> :</p>
                            </div>
                            <div class="col-10 col-md-9 col-lg-9 px-0">
                                <p class=" footergreytext"><?php echo html_escape($Web_settings['0']['storeaddress']); ?></p>
                            </div>
                        </div>

                    </div>
                    <!-- end address row -->
                </div>
                <div class="col-12 col-md-12 col-lg-8">
                    <!-- google map -->
                        <div class="mapouter"><div class="gmap_canvas"><iframe  width="100%" height="400" id="gmap_canvas" src="https://maps.google.com/maps?q=%E6%B7%B1%E6%B0%B4%E5%9F%97%E6%AC%BD%E5%B7%9E%E8%A1%9756%E8%99%9FA%E5%9C%B0%E9%8B%AA&t=&z=17&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe></div></div>
                    <!-- end google map -->
                </div>
                <!--  end inner address & map row -->
            </div>

            <div class="row mt-4">
                <div class="col-12 col-lg-4  d-none d-md-block">
                    <p><?php echo display('submit_us'); ?></p>
                     <div class="d-flex justify-content-left">
                         <?php if ($Web_settings['0']['facebook_account']) {
	echo '<a href="' . html_escape($Web_settings['0']['facebook_account']) . '">';
}?>
                     <img src="<?php echo base_url('my-assets/image/siteimage/facebookicon.png'); ?>" class="mr-3">
                      <?php if ($Web_settings['0']['facebook_account']) {
	echo '</a >';
}?>
 <?php if ($Web_settings['0']['youtube_account']) {
	echo '<a href="' . html_escape($Web_settings['0']['youtube_account']) . '">';
}?>
                     <img src="<?php echo base_url('my-assets/image/siteimage/youtubeicon.png'); ?>" class="mx-3">
                     <?php if ($Web_settings['0']['youtube_account']) {
	echo '</a >';
}?>
<?php if ($Web_settings['0']['instagram_account']) {
	echo '<a href="' . html_escape($Web_settings['0']['instagram_account']) . '">';
}?>
                     <img src="<?php echo base_url('my-assets/image/siteimage/instagramicon.png'); ?>" class="mx-3">
                        <?php if ($Web_settings['0']['instagram_account']) {
	echo '</a >';
}?>
                 </div>
                    <!-- bottom menu -->
                    <!-- <div class="d-flex justify-content-center my-auto">

                            <div class="text-center my-2 footerlrborder px-3">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><?php echo display('faq'); ?></a>
                </div>
                            <div class="text-center my-2 footerlrborder px-3">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><?php echo display('delivery_service'); ?></a>
                </div>

                <div class="text-center my-2 footerlrborder px-3">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><?php echo display('termofuse'); ?></a>
                </div>

                <div class="text-center my-2 footerlrborder px-3">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><?php echo display('privacypolicy'); ?></a>
                </div>
                <div class="text-center my-2 px-3">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2">
                    <?php echo display('contact_us'); ?></a>
                </div>

                    </div> -->
                    <!-- end bottom menu -->
                </div>
                <div class="col-12 col-lg-8">
                    <p><?php echo display('payment_method'); ?></p>
                     <img src="<?php echo base_url('my-assets/image/siteimage/payment.png'); ?>" class="img-fluid" style="max-width:481px;width:100%;">
                    <!-- <div class="d-flex justify-content-center">
                         <?php if ($Web_settings['0']['facebook_account']) {
	echo '<a href="' . html_escape($Web_settings['0']['facebook_account']) . '">';
}?>
                     <img src="<?php echo base_url('my-assets/image/siteimage/facebookicon.png'); ?>" class="mx-3">
                      <?php if ($Web_settings['0']['facebook_account']) {
	echo '</a >';
}?>
 <?php if ($Web_settings['0']['youtube_account']) {
	echo '<a href="' . html_escape($Web_settings['0']['youtube_account']) . '">';
}?>
                     <img src="<?php echo base_url('my-assets/image/siteimage/youtubeicon.png'); ?>" class="mx-3">
                     <?php if ($Web_settings['0']['youtube_account']) {
	echo '</a >';
}?>
<?php if ($Web_settings['0']['instagram_account']) {
	echo '<a href="' . html_escape($Web_settings['0']['instagram_account']) . '">';
}?>
                     <img src="<?php echo base_url('my-assets/image/siteimage/instagramicon.png'); ?>" class="mx-3">
                        <?php if ($Web_settings['0']['instagram_account']) {
	echo '</a >';
}?>
                 </div> -->
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
</div>
<!-- end new footer row -->





<div class="row px-0 footerbgcolor mx-0"  >

    <div class="container">
        <!-- FAQ question row desktop-->
        <div class="row d-none d-md-block ">
            <div class="col-12 footerbrbottom">
                <div class="d-flex justify-content-center my-auto">

                            <div class="text-center text-white my-2  px-4">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><!-- 常見問題 --><?php echo display('faq'); ?></a>
                </div>
                            <div class="text-center text-white my-2  px-4">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><!--
                    送貨服務 --><?php echo display('delivery_service'); ?></a>
                </div>

                <div class="text-center text-white my-2  px-4">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext "><!--
                    使用條款      --><?php echo display('termofuse'); ?></a>
                </div>

                <div class="text-center text-white my-2  px-4">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext "><!--
                    隱私政策 --><?php echo display('privacypolicy'); ?></a>
                </div>
                <div class="text-center text-white my-2 px-4">
                    <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext ">
                    <?php echo display('contact_us'); ?></a>
                </div>

                    </div>
            </div>
        </div>
        <!-- end  FAQ question row desktop-->

        <!-- FAQ question row mobile-->
        <div class="row d-block d-md-none">
            <div class="col-12 text-center mt-2">
                 <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><!-- 常見問題 --><?php echo display('faq'); ?></a>
            </div>
            <div class="col-12 text-center mt-2">
                  <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext my-2"><!--
                    送貨服務 --><?php echo display('delivery_service'); ?></a>
            </div>
            <div class="col-12 text-center mt-2">
                  <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext "><!--
                    使用條款      --><?php echo display('termofuse'); ?></a>
            </div>
            <div class="col-12 text-center mt-2">
                  <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext "><!--
                    隱私政策 --><?php echo display('privacypolicy'); ?></a>
            </div>
            <div class="col-12 text-center mt-2 footerbrbottom">
                  <a href="http://seventytwo.artech-system.com/about_us" class="footerlinkhover footertext ">
                    <?php echo display('contact_us'); ?></a>
            </div>
        </div>
        <!-- end  FAQ question row mobile-->
        <div class="row">
            <div class="col-12 text-center">
                <p class="my-2" style="color:#FFFFFF;"><?php echo html_escape($Web_settings['0']['copyright']); ?>
            </div>
        </div>
    </div>

    <!-- end footer text -->
<!-- end custom footer -->


<!--Newsletter-->
<!-- <div class="newsletter border-top py-4">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <div class="row align-items-center">
                    <div class="col-12 col-sm-auto mb-4 mb-lg-0">
                        <h5 class="newsletter-title fs-21 mb-0"><i data-feather="send" class="mr-2"></i><?php echo display('subscribe_for_news_and') . " " . display('offers') ?></h5>
                    </div>
                </div>
            </div>
            <div class="col-lg-5">
                <?php echo form_open('#', array('class' => 'row m0 newsletter_form')); ?>
                    <div class="input-group">
                        <input type="email" class="form-control" placeholder="<?php echo display('enter_your_email') ?>" required="" id="sub_email">
                        <div class="input-group-append ml-2">
                            <button class="btn btn-secondary fs-14 text-capitalize color4 color46"  id="smt_btn" type="button"><?php echo display('subscribe') ?></button>
                        </div>
                    </div>
                <?php echo form_close(); ?>
            </div>
        </div>
    </div>
</div> -->
<!--Footer-->
<?php
// $blockitems = [1, 0, 0, 1];
// $mob_footer_block = $Web_settings[0]['mob_footer_block'];
// if (!empty($mob_footer_block)) {
// 	$blockitems = json_decode($mob_footer_block);
// }

?>
<!-- <footer class="main-footer border-top color2">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-lg-4 col-xl-4 py-3 py-md-5 text-center text-md-left <?php echo ($blockitems[0] == '1' ? 'd-md-block' : 'd-none d-md-block') ?>">
                <div class="footer-about">
                    <div class="footer-logo mb-3">
                        <a href="<?php echo base_url() ?>"><img src="<?php echo base_url() . $Web_settings[0]['footer_logo'] ?>" class="img-fluid" alt="logo"></a>
                    </div>
                     <p><?php echo htmlspecialchars_decode($Web_settings[0]['footer_details']); ?></p>
                     <address>
                        <p><?php echo display('address') ?>: <?php echo html_escape($company_info[0]['address']); ?></p>
                    </address>

                    <div class="contact_info">
                        <ul class="list-unstyled text-sm">
                            <li><?php echo display('mobile') ?>: <a href="tel:<?php echo html_escape($company_info[0]['mobile']); ?>"><?php echo html_escape($company_info[0]['mobile']); ?></a></li>
                            <li><?php echo display('email') ?>: <a href="mailto:<?php echo html_escape($company_info[0]['email']); ?>"><?php echo html_escape($company_info[0]['email']); ?></a></li>
                            <li><?php echo display('website') ?>: <a
                                href="#"><?php echo html_escape($company_info[0]['website']); ?></a></li>
                        </ul>
                    </div>
                </div>
            </div> -->


             <?php
// $q = 1;
// if ($footer_block) {
// 	foreach ($footer_block as $footer) {
?>
<!--
                            <div class="col-sm-6 col-md-4 col-lg-3 col-xl-2 py-3 py-md-5 <?php echo ($blockitems[$q] == '1' ? 'd-md-block' : 'd-none d-md-block') ?>">
                                <div class="footer-box">
                                    <?php echo htmlspecialchars_decode($footer->details); ?>
                                </div>
                            </div> -->
                            <?php
// $q++;
// 	}
// }
?>

         <!--    <?php if (1 == $Web_settings[0]['app_link_status']) {?>
                <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3 py-3 py-md-5 <?php echo ($blockitems[3] == '1' ? 'd-md-block' : 'd-none d-md-block') ?>">
                    <h3 class="link-title fs-17 mb-3 font-weight-600 position-relative footer-app-link"><?php echo display('download_the_app') ?></h3>
                    <p><?php echo display('get_access_to_all_exclusive_offers') ?></p>

                    <a class="market-button google-button d-inline-block mr-2 mb-2 border rounded bg-gray" href="<?php if ($Web_settings[0]['apps_url']) {echo htmlspecialchars_decode($Web_settings[0]['apps_url']);}?>"><span class="mb-subtitle">Download on the</span><span class="mb-title">Google Play</span></a>
                </div>
            <?php }?> -->
      <!--   </div>
    </div>
</footer> -->
<!--Sub footer-->
<!-- <div class="sub-footer bg-white py-3 border-top color2">
    <div class="container">
        <div class="row justify-content-end align-items-center">
            <div class="col-md-6 text-center text-md-left">
                <div class="copy"><?php if ($Web_settings[0]['footer_text']) {
	echo htmlspecialchars_decode($Web_settings[0]['footer_text']);
}?></div>
            </div>
            <div class="col-md-6">
                <?php if (1 == $Web_settings[0]['pay_with_status']) {
	if ($pay_withs) {
		?>
                <ul class="list-unstyled text-center text-md-right mb-0">
                    <li class="list-inline-item"><h6><?php echo display('pay_with') ?> :</h6></li>
                        <?php
foreach ($pay_withs as $pay_with): ?>
                                <li class="list-inline-item">
                                    <a href="<?php echo html_escape($pay_with['link']); ?>" target="_blank"><img width="30" height="30" src="<?php echo base_url() ?>my-assets/image/pay_with/<?php echo html_escape($pay_with['image']); ?>" alt="#"></a>
                                </li>
                            <?php endforeach;?>
                </ul>
                <?php }}?>
            </div>
        </div>
    </div>
</div> -->