<?php
/**
 * The main post template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * e.g., it puts together the home page when no home.php file exists.
 *
 * Learn more: {@link https://codex.wordpress.org/Template_Hierarchy}
 *
 * @package WordPress
 * @subpackage Debbie
 * @since Debbie 1.0
 */

get_header(); ?>

    <!-- post index page: news -->

    <!--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">

                <div class="news-columns">

                    <?php
                    $parent = $post->ID;
                    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
                    $query_args = array(
                      'post_type' => 'post',
                      'posts_per_page' => 20,
                      'paged' => $paged
                    );

                    // create a new instance of WP_Query
                    $the_query = new WP_Query( $query_args );
                    ?>

                    <?php if ($the_query->have_posts()) : while ($the_query->have_posts()) : $the_query->the_post(); // run the loop ?>
                    <!-- item -->
                    <div class="news-item">
                        <?php if (has_post_thumbnail()) { ?>
                        <a href="<?php the_permalink(); ?>" class="img-container transparent-onhover">
                            <?php the_post_thumbnail(array(600, 530), array('class' => 'img-responsive transparent-onhover')); ?>
                        </a>
                        <?php } ?>
                        <div class="news-text-box">
                            <h3 class="news-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                            <span class="news-date"><?php the_time('M dS Y'); ?></span>
                            <p class="news-excerpt">
                            <?php
                                // Remove p tags from excerpt.
                                // https://wordpress.org/support/topic/remove-paragraph-tags-from-excerpt
                                remove_filter('the_excerpt', 'wpautop');
                                the_excerpt();
                            ?>
                            </p>
                        </div>
                    </div>
                    <!-- item -->
                    <?php endwhile; ?>

                    <?php
                    // Reset the post to the original after loop. otherwise the current page becomes the last item from the while loop.
                    // https://codex.wordpress.org/Function_Reference/wp_reset_query
                    wp_reset_query();
                    ?>

                    <?php else :?>

                        <p>No content found.</p>

                    <?php endif; ?>

                </div>
                <!-- columns -->

                <?php
                // Include the pagination.
                include 'pagination.php';
                ?>

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

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

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

<?php get_footer(); ?>