<?php defined('BASEPATH') OR exit('No direct script access allowed'); ?>
<footer>
            <div class="container">
                <div class="row">

                <?php $count_footer = 0; ?>    
                <?php foreach ($home_footer as $footer) : ?>

                    <?php $count_footer = $count_footer + 1; ?>

                     <div class="col-md-3 col-sm-6">
                        <h3><?= strtoupper($footer->title); ?></h3>
                        
                        <?= $footer->description; ?>
                        
                        <?php if ($count_footer == 1) : ?>
                            <ul class="list-social">
                            <li><a href="<?= $social_media->facebook; ?>" target="_blank" class="facebook"><i class="fa fa-facebook"></i></a></li> 
                            <li><a href="<?= $social_media->twitter; ?>" target="_blank" class="twitter"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="<?= $social_media->instagram; ?>" target="_blank" class="instagram"><i class="fa fa-instagram"></i></a></li>
                        </ul>
                        <!-- /.list-social -->
                        <?php endif; ?>
                        
                    </div>

                <?php endforeach; ?>

                </div>
                <div class="bottom-footer">
                    <div class="copyright">
                        ©COPYRIGHT <?= date('Y'); ?> MAO-MAO.CO
                    </div>
                    <!-- /.copyright -->
                    <ul class="list-payment">
                        <li><img src="<?= base_url('template/images/visa.png'); ?>" alt="visa" /></li>
                         <li><img src="<?= base_url('template/images/mastercard.png'); ?>" alt="mastercard" /></li>
                        <li><img src="<?= base_url('template/images/bca.png'); ?>" alt="BCA" /></li>
                    </ul>
                    <!-- /.list-payment -->
                </div>
            </div>
        </footer>
        <script src="<?= base_url('template/scripts/libs/jquery.easing.1.3.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/bootstrap.min.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/fancySelect.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/jquery.fancybox.pack.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/jquery.ui.touch-punch.min.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/jquery.mousewheel.min.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/allinone_bannerRotator.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/owl.carousel.min.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/libs/jquery.countdown.min.js'); ?>"></script>
        <script src="<?= base_url('template/scripts/functions.js'); ?>"></script>

         <!-- MUST ADD THIS TO EVERY TEMPLATE. this is for Datepicker at account page -->
        <script type="text/javascript">
        $(function() {
            $( ".datepicker" ).datepicker({
                dateFormat:'dd-mm-yy'
            });
        });
        </script>

        
        <!-- elevate zoom -->
        <script src="<?= base_url() . 'template/scripts/jquery.elevateZoom-3.0.8.min.js'; ?>"></script>
        <script type="text/javascript">

            $(document).ready(function () {

                $("#zoom_03").elevateZoom({gallery:'thumbs_list', cursor: 'zoom-in', galleryActiveClass: "active", 
                    imageCrossfade: true, 
                    easing : true, 
                    borderSize : 1,
                    borderColour : '#e8e8e9',
                    zoomWindowWidth : 500,
                    zoomWindowHeight : 500, 
                    loadingIcon: "http://www.canvaswebdesign.com/spinner.gif"}); 
            }); 

        </script>


    </body>
</html>