<div class="container">

    <div class="divider-box"><hr class="line-divider"/></div>

    <!--footer-->
    <div class="footer-box">

        <div class="row">

            <!--footmenu-->
            <div class="col-md-6 col-sm-6 footer-menu-box">
                <?php
                // Get ancestor's slug.
                global $post;

                // Get current template file.
                // http://wordpress.stackexchange.com/questions/10537/get-name-of-the-current-template-file
                global $template;

                // When any single Post page is being displayed.
                // https://codex.wordpress.org/Conditional_Tags
                // https://developer.wordpress.org/reference/functions/is_single/
                // https://developer.wordpress.org/reference/functions/is_page/
                if (is_single() || basename($template) === 'index.php') {
                    // Get blog id/ slug globally.
                    // @ref: http://stackoverflow.com/questions/35645803/wordpress-how-to-get-postss-parent-page
                    $blog_id = get_option('page_for_posts');
                    $parent_url = get_permalink($blog_id);
                } elseif (is_page()) { // When any single Page is being displayed.
                    // Get ancestor's id
                    $parent_id = get_ancestors($post->ID, 'page');
                    $parent_url = get_permalink(reset($parent_id));
                }

                // Get current url.
                // https://kovshenin.com/2012/current-url-in-wordpress/
                global $wp;
                $current_url = home_url($wp->request) . '/';

                // Get menu.
                $menu_name = 'primary';
                $locations = get_nav_menu_locations();
                $menu = wp_get_nav_menu_object($locations[$menu_name]);

                $menu_items = array();
                if ($menu !== null) {
                    $menu_items = wp_get_nav_menu_items($menu->term_id);
                }
                ?>
                <?php if (count($menu_items) > 0) { ?>
                <ul>
                    <?php foreach ((array) $menu_items as $key => $menu_item) { ?>
                        <?php
                        $addClass = '';
                        if ($menu_item->url == $current_url && ($key + 1) == count($menu_items)
                            || $menu_item->url == $parent_url && ($key + 1) == count($menu_items)) {
                            $addClass = ' class="active end"';
                        } elseif (($key + 1) == count($menu_items)) {
                            $addClass = ' class="end"';
                        } elseif ($menu_item->url == $current_url || $menu_item->url == $parent_url) {
                            $addClass = ' class="active"';
                        }
                        ?>
                        <?php
                        // Check if a page has child pages.
                        // https://wordpress.org/support/topic/ifelse-statement-for-if-a-page-has-child-pages
                        $children = get_pages('child_of=' . $menu_item->object_id);
                        if ($menu_item->title === 'Projects' && count($children) > 0) {
                            shuffle($children);
                            $pageids = array();
                            foreach ($children as $page) {
                                $pageids[]= $page->ID;
                            }
                        ?>
                            <li<?php echo $addClass; ?>><a href="<?php echo get_permalink($page->ID);?>"><?php echo $menu_item->title;?></a></li>
                        <?php } else { ?>
                            <li<?php echo $addClass; ?>><a href="<?php echo $menu_item->url;?>"><?php echo $menu_item->title;?></a></li>
                        <?php } ?>

                    <?php } ?>
                </ul>
                <?php } ?>
            </div>
            <!--footmenu-->

            <div class="col-md-6 col-sm-6 copyright-box">
                <p><?php echo get_option('copyright');?></p>
            </div>

        </div>

        <div class="row">

            <div class="col-md-12 col-sm-12 sponsors-box">
                <ul>
                    <li><a href="http://www.artscouncil.org.uk/" target="_blank"><img src="<?php echo get_bloginfo('template_directory');?>/images/logo_ac.jpg" alt="#"/></a></li>
                    <li><a href="http://www.plymouth.ac.uk/" target="_blank"><img src="<?php echo get_bloginfo('template_directory');?>/images/logo_uop.png" alt="#"/></a></li>
                </ul>
            </div>

        </div>

    </div>
    <!--footer-->

</div>
<!--container-->

<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery" data-use-bootstrap-modal="false">
    <!-- The container for the modal slides -->
    <div class="slides"></div>
    <!-- Controls for the borderless lightbox -->
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
    <!-- The modal dialog, which will be used to wrap the lightbox content -->
    <div class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body next"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left prev">
                        <i class="glyphicon glyphicon-chevron-left"></i>
                        Previous
                    </button>
                    <button type="button" class="btn btn-primary next">
                        Next
                        <i class="glyphicon glyphicon-chevron-right"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="<?php echo get_template_directory_uri();?>/js/bootstrap-image-gallery/jquery.blueimp-gallery.min.js"></script>
<script src="<?php echo get_template_directory_uri();?>/bootstrap/bootstrap-image-gallery/js/bootstrap-image-gallery.min.js"></script>
<script src="<?php echo get_template_directory_uri();?>/js/bootstrap-image-gallery/demo.js"></script>
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->

<?php wp_footer(); ?>

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-83444529-1', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>