<?php	
/*
Template Name: Blog - Masonry 3 Columns
*/
?>
<?php get_header(); ?>
<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
<?php 
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$ombre_query = new WP_Query( 
    array('posts_per_page' => get_option( 'posts_per_page' ), 'paged' => $paged) 
);
$headerimage = get_post_meta( get_the_id(), 'ombre_featured_image_key', true );
$subtitle = get_post_meta( get_the_id(), 'ombre_subtitle_key', true );
$partnerscheck = get_post_meta( get_the_id(), 'ombrepartnerscheck', true );
?>
<?php if (empty($headerimage)) { ?>
<div id="page-title">
    <h1>
        <span><?php the_title(); ?></span>
    </h1>
</div>
<?php if (!empty($subtitle)) { ?>
<div id="sub-title">
    <div><span><?php echo esc_attr($subtitle); ?></span></div>
</div>
<?php } ?>
<?php } else { ?>
<div id="featured-image-container">
    <!-- LOADER -->
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($headerimage); ?>">
        <div id="featured-image-title">
            <h1><?php the_title(); ?></h1>
            <?php if (!empty($subtitle)) { ?>
                <p><span><?php echo esc_attr($subtitle); ?></span></p>
            <?php } ?>
        </div>
    </div>
</div>
<?php } ?>
<div id="page-container">
    <div class="grid">
        <div class="unit whole">
            <?php 
            if ( function_exists( 'ombre_page_slider') ) {
                ombre_page_slider(); 
            }
            ?>
            <?php the_content(); ?>        
            <?php get_template_part( 'templates/catmenu', 'template'); ?>   
            <div class="masonry-grid">
                <div id="three-columns" data-columns>
                    <?php while($ombre_query->have_posts()) : $ombre_query->the_post(); ?>
                    <?php get_template_part( 'templates/post', 'template'); ?>
                    <?php endwhile; ?>  
                </div>
            </div> 
            <?php if ( $ombre_query->max_num_pages > 1 ) : ?>
            <?php ombre_custom_pagination($ombre_query); ?> 
            <?php endif; ?> 
            <?php wp_reset_postdata(); ?>
        </div>
    </div>
    <?php if ((function_exists('ombre_partners') && ($partnerscheck == 'on')) ) { ?>
    <div class="grid-border"></div>
    <div class="grid">
        <div class="unit whole no-padding">
            <?php ombre_partners(); ?>
        </div>
    </div>
    <?php } ?>
</div>
<?php endwhile; ?>
<?php get_footer(); ?>