<?php /* Template Name: Page */ ?>

<?php get_header(); ?>

<section class="page page-article">

	<div class="page-block page-hero">
		<div class="shade-fold"></div>
		<div class="image">
			<?php
			if ( has_post_thumbnail() ) {
				?>
				<img src="<?php the_post_thumbnail_url('full'); ?>" alt="" />
				<?php
			}
			?>
		</div>
		<div class="title">
			<div class="title-con <?php the_field('title_color'); ?>">
				<h1><?php the_title(); ?></h1>
				<h2><?php the_field('subtitle'); ?></h2>
			</div>
		</div>
	</div>

	<div class="page-block page-intro">
		<div class="container">
			<?php
			$categories = get_the_category();
			?>
			<div class="intro">
				<span class="date"><?= str_replace("/", ".", get_the_date()); ?> - <ul><?php foreach($categories as $category){ echo("<li>".$category->name."</li>"); } ?></ul></span>
				<?php the_content(); ?>
			</div>
		</div>
	</div>
	
	<?php
	// check if the flexible content field has rows of data
	if( have_rows('blogblock') ):
	
	    // loop through the rows of data
	    while ( have_rows('blogblock') ) : the_row();
	
			// show text broad
	        if( get_row_layout() == 'text_broad' ):
	
	        	include("blog_text_broad.php");
	
			// show text left
	        elseif( get_row_layout() == 'text_left' ):
	
	        	include("blog_text_left.php");
	
			// show text right
	        elseif( get_row_layout() == 'text_right' ):
	
	        	include("blog_text_right.php");
	
			// show fullwidth image
	        elseif( get_row_layout() == 'image_fullwidth' ):
	
	        	include("blog_image_fullwidth.php");
	
			// show contained image
	        elseif( get_row_layout() == 'image_contained' ):
	
	        	include("blog_image_contained.php");

			// show slider
			elseif( get_row_layout() == 'slider' ):

				include("blog_slider.php");

			// show grid
			elseif( get_row_layout() == 'grid' ):

				include("blog_grid.php");

			// show advertorial
			elseif( get_row_layout() == 'advertorial' ):

				include("blog_advertorial.php");
	
	        endif;
	
	    endwhile;
	
	endif;
	?>

	<div class="page-block page-share">
		<div class="container">
			<hr/>
			<div class="title-con">
				<h2>Hoe vond je dit artikel?</h2>
				<h3>Deel hem met je vrienden</h3>
			</div>
			<div class="share-con">
				<a class="share-link" target="_blank" href="http://instagram.com/littlemohn">
					<?php include('assets/img/icon-social-mail.svg'); ?>
				</a>
				<a class="share-link" target="_blank" href="http://instagram.com/littlemohn">
					<?php include('assets/img/icon-social-twitter.svg'); ?>
				</a>
				<a class="share-link" target="_blank" href="http://facebook.com/littlemohn">
					<?php include('assets/img/icon-social-facebook.svg'); ?>
				</a>
				<a class="share-link" target="_blank" href="http://pinterest.com/littlemohn">
					<?php include('assets/img/icon-social-pinterest.svg'); ?>
				</a>
			</div>
			<hr/>
		</div>
	</div>

	<div class="page-block page-related">
		<div class="shade-fold"></div>
		<div class="container">
			<div class="title-con">
				<h2>Lekker verder lezen?</h2>
				<h3>Deze artikelen vind je vast ook leuk!</h3>
			</div>
			<div class="post-con">

				<?php
				$args = array( 'posts_per_page' => '3', 'cat' => $categories[0]->term_id, 'post__not_in' => array( $post->ID ) );
				query_posts( $args );
				$i = 1;
				while ( have_posts() ) {
					the_post();
					?>
					<a href="<?php the_permalink(); ?>" class="blog-post">
						<div class="blog-thumb">
							<?php
							if ( has_post_thumbnail() ) {
								?>
								<img src="<?php the_post_thumbnail_url('large'); ?>" alt="" />
								<?php
							}
							?>
						</div>
						<div class="blog-content">
							<?php
							$categories = get_the_category();
							?>
							<span class="date"><?= str_replace("/", ".", get_the_date()); ?> - <ul><?php foreach($categories as $category){ echo("<li>".$category->name."</li>"); } ?></ul></span>
							<h3><?php the_title(); ?></h3>
							<h4><?php the_field('subtitle'); ?></h4>
						</div>
					</a>
					<?php
					$i++;
				}
				?>

			</div>
		</div>
	</div>

	<?php comments_template(); ?>

</section>

<?php get_footer(); ?>