<?php
/**
 * The template for displaying all pages
 *
 * @package Kindergarten Playgroup
 * @subpackage kindergarten_playgroup
 */

get_header(); ?>

	<?php while ( have_posts() ) : the_post(); ?>
	    <div id="post-<?php the_ID(); ?>" class="external-div">
	        <div class="box-image-page">
	            <?php if ( has_post_thumbnail() ) : ?>
	                <!-- If post has thumbnail, apply parallax background with header settings -->
	                <div class="featured-image" 
	                     style="background-image: url('<?php echo esc_url( get_the_post_thumbnail_url( get_the_ID(), 'full' ) ); ?>'); 
	                            background-size: cover;
	                            background-position: <?php echo esc_attr( get_theme_mod( 'kindergarten_playgroup_header_background_position', 'center' ) ); ?>;
	                            background-attachment: <?php echo (get_theme_mod( 'kindergarten_playgroup_header_background_attachment', 1 ) ? 'fixed' : 'scroll'); ?>;
	                            height: <?php echo esc_attr( get_theme_mod( 'kindergarten_playgroup_header_image_height', 350 ) ); ?>px;">
	                </div>
	            <?php else : ?>
	                <!-- Fallback image for pages with no thumbnail -->
	                <div class="single-page-img">
	                </div>
	            <?php endif; ?>
	        </div> 
	        <div class="box-text">
	            <h2><?php the_title();?></h2>  
	        </div> 
	    </div>
	<?php endwhile; ?>
		
	<main id="tp_content" role="main">
		<div class="container">
			<div id="primary" class="content-area">
				<?php $kindergarten_playgroup_sidebar_layout = get_theme_mod( 'kindergarten_playgroup_sidebar_page_layout','right');
			    if($kindergarten_playgroup_sidebar_layout == 'left'){ ?>
			        <div class="row">
			          	<div class="col-md-4 col-sm-4" id="theme-sidebar"><?php dynamic_sidebar('sidebar-2');?></div>
			          	<div class="col-md-8 col-sm-8 left-sidebar">
			           		<?php while ( have_posts() ) : the_post();

								the_content();

								wp_link_pages( array(
									'before' => '<div class="page-links">' . __( 'Pages:', 'kindergarten-playgroup' ),
									'after'  => '</div>',
								) );
								// If comments are open or we have at least one comment, load up the comment template.
								if ( comments_open() || get_comments_number() ) :
									comments_template();
								endif;

								endwhile; // End of the loop.
							?>
			          	</div>
			        </div>
			        <div class="clearfix"></div>
			    <?php }else if($kindergarten_playgroup_sidebar_layout == 'right'){ ?>
			        <div class="row">
			          	<div class="col-md-8 col-sm-8 right-sidebar">
				            <?php while ( have_posts() ) : the_post();

								the_content();

								wp_link_pages( array(
									'before' => '<div class="page-links">' . __( 'Pages:', 'kindergarten-playgroup' ),
									'after'  => '</div>',
								) );
								// If comments are open or we have at least one comment, load up the comment template.
								if ( comments_open() || get_comments_number() ) :
									comments_template();
								endif;

								endwhile; // End of the loop.
							?>
			          	</div>
			          	<div class="col-md-4 col-sm-4" id="theme-sidebar"><?php dynamic_sidebar('sidebar-2');?></div>
			        </div>
			    <?php }else if($kindergarten_playgroup_sidebar_layout == 'full'){ ?>
			        <div class="full">
			            <?php while ( have_posts() ) : the_post();

							the_content();

								wp_link_pages( array(
									'before' => '<div class="page-links">' . __( 'Pages:', 'kindergarten-playgroup' ),
									'after'  => '</div>',
								) );
							// If comments are open or we have at least one comment, load up the comment template.
							if ( comments_open() || get_comments_number() ) :
								comments_template();
							endif;

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


<?php get_footer();