<?php
/**
 * The template for displaying pages
 *
 */

get_header(); ?>

<div class='container'>
<div id="primary" class="content-area">
	<main id="main" class="site-main" role="main">
		<?php
		// Start the loop.
		while ( have_posts() ) : the_post();
		?>

		<h1>Latest News</h1>

		<div class='row'>

			<?php $the_query = new WP_Query( 'posts_per_page=5' ); ?>
			<?php while ($the_query -> have_posts()) : $the_query -> the_post(); ?>
				<div class='col-md-5'>
						<!-- <div class='mini-blog-item'> -->
						<?php if (has_post_thumbnail( get_the_ID() ) ): ?>
							<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( get_the_ID() ), 'single-post-thumbnail' ); ?>
							<a href="<?php the_permalink() ?>">
								<img class="img-fluid" src='<?php echo $image[0]; ?>'>
							</a>
						<?php endif; ?>
					<!-- </div> -->
				</div>
				<div class='col-md-7'>
					<div class='mini-blog-item'>
						<div class='mini-blog-item-content'>
							<a href="<?php the_permalink() ?>">
								<h2><?php the_title(); ?></h2>
							</a>
							<?php
							$category = get_the_category(get_the_ID());
							if ($category){
								echo "<p><strong>".$category[0]->cat_name."</strong></p>";
							}
							?>
							<?php the_excerpt(); ?>
						</div>
					</div>
				</div>
			<?php
			endwhile;
			wp_reset_postdata();
			?>

		</div>

		<?php
			// End of the loop.
		endwhile;
		?>

	</main><!-- .site-main -->

</div><!-- .content-area -->
</div>

<?php get_footer(); ?>