<?php
/**
 * The template used for displaying page nav
 *
 * @package WordPress
 * @subpackage Metric Life
 * @since Metric Life 1.0
 */
?>

<nav class="navbar navbar-default" role="navigation">

    <div class="container-fluid">

        <!-- row -->
        <div class="row">

            <!-- navbar-header -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="<?php echo site_url(); ?>"><?php echo get_option('blogname');?></a>
            </div>
            <!-- navbar-header -->

            <!-- email -->
            <div class="pull-right hidden-xs contact-box">
                <span>email: <a href="mailto:debbierob55527@gmail.com">debbierob55527(at)gmail.com</a></span>
            </div>
            <!-- email -->

        </div>
        <!-- row -->

        <!-- row -->
        <div class="row">

            <!-- collapse content -->
            <div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
                <?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 class="nav navbar-nav col-md-9 col-sm-9">
                    <?php
                    foreach ((array) $menu_items as $key => $menu_item) {
                        // 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 if ($menu_item->url == $current_url || $menu_item->url == $parent_url) {?> class="active"<?php } ?>><a href="<?php echo get_permalink($page->ID);?>"><?php echo $menu_item->title;?></a></li>
                    <?php } else { ?>
                        <li<?php if ($menu_item->url == $current_url || $menu_item->url == $parent_url) {?> class="active"<?php } ?>><a href="<?php echo $menu_item->url;?>"><?php echo $menu_item->title;?></a></li>
                    <?php } ?>

                    <?php } ?>

                </ul>
                <?php } ?>

                <!-- search box -->
                <div class="search-box col-md-3 col-sm-3">
                    <form class="navbar-form search-form" role="search" method="get" action="<?php echo get_site_url(); ?>">
                        <div class="input-group">
                            <input type="text" class="form-control search-field" placeholder="Search" name="s">
                            <div class="input-group-btn" style="width:10px">
                                <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- search box -->

            </div>
            <!-- collapse content -->

        </div>
        <!-- row -->

    </div>

</nav>