<?php
/*
Template Name: Project Article
*/
/**
 * The template for displaying home page
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Debbie
 * @since Debbie 1.0
 */
get_header(); ?>

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

        <?php
        // Include the page nav.
        get_template_part( 'nav-topmenu', 'nav' );
        ?>

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

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

            <!-- article-box -->
            <div class="col-md-12">

                <?php
                // Get page by slug.
                // https://codex.wordpress.org/Function_Reference/get_page_by_path
                // http://wordpress.stackexchange.com/questions/102841/how-to-get-page-id-of-a-page-using-page-slug
                $page_slug = 'projects';
                $slug_type = 'page';
                $output_type = ARRAY_A;
                $page = get_page_by_path($page_slug, $output_type, $slug_type);

                // // Get all pages belong to a parent.
                // // http://wordpress.stackexchange.com/questions/74063/getting-only-direct-child-pages-in-wordpress-with-get-pages
                // // https://codex.wordpress.org/Function_Reference/get_pages
                // // https://developer.wordpress.org/reference/functions/get_pages/
                // $args = array(
                //     'child_of' => $page['ID'],
                //     'parent ' => $page['ID'],
                //     'offset' => 0,
                //     'post_type' => 'page',
                //     'post_status' => 'publish',
                //     'sort_column' => 'menu_order',
                //     'sort_order' => 'asc',
                // );
                // $pages = get_pages($args);

                // Get all pages belong to a parent.
                // https://codex.wordpress.org/Function_Reference/get_children
                // http://stackoverflow.com/questions/6137559/wordpress-limit-get-pages-to-show-5-items
                // https://wordpress.org/support/topic/sort-children-by-menu-order
                $output_type = ARRAY_A;
                $output_type = OBJECT;
                $args = array(
                    // 'numberposts' => 4,
                    'order' => 'DESC',
                    'orderby' => 'menu_order',
                    'post_parent' => $page['ID'],
                    'post_status' => 'publish',
                    'post_type' => 'page',
                );
                $pages = get_children($args, $output_type);

                // Get all children and count them.
                // $children = get_pages('child_of=' . $page['ID']);
                ?>

                <?php if (count($pages) > 0) { ?>
                <!-- project nav container-->
                <div class="row">
                    <div class="col-md-12 project-nav">
                        <ul>
                            <?php
                            $count = 1;
                            foreach ($pages as $key => $child) {
                            ?>
                                <li<?php if($key == $post->ID) { ?> class="current"<?php } ?>><a href="<?php echo get_permalink($child->ID); ?>"><?php echo $child->post_title; ?></a>
                                <?php if(count($pages) != $count) { ?>
                                <span class="nav-separator">&#47;</span>
                                <?php } ?>
                                </li>
                            <?php
                            $count ++;
                            }
                            ?>
                        </ul>
                    </div>
                </div>
                <!-- project nav container-->
                <?php } ?>

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

                    <!-- article-image-box -->
                    <div class="col-md-6 col-md-push-6">

                        <?php
                        // Include the page carousal.
                        get_template_part( 'carousal-videos', 'carousal' );
                        get_template_part( 'carousal-images', 'carousal' );
                        ?>

                    </div>
                    <!-- article-image-box -->

                    <!-- article-text-box -->
                    <div class="col-md-6 col-md-pull-6">

                        <?php
                        // Start the loop.
                        while ( have_posts() ) : the_post();

                            /*
                             * Include the post format-specific template for the content. If you want to
                             * use this in a child theme, then include a file called called content-___.php
                             * (where ___ is the post format) and that will be used instead.
                             */
                            get_template_part( 'content-project', get_post_format() );

                        // End the loop.
                        endwhile;
                        ?>

                    </div>
                    <!-- article-text-box -->

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

            </div>
            <!-- article-box -->

        </div>
        <!-- body-box -->

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

<?php get_footer(); ?>