<?php 
$modelmax = esc_attr(get_option( 'ombre_modelmax' )); 
if (!empty($modelmax)) {
    $max = $modelmax;
} else {
    $max = 10;
}
?>
<div class="masonry-grid">
    <div id="<?php echo esc_attr($modelscolumns); ?>" data-columns> 
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$wp_query = new WP_Query( 
    array('post_type' => 'ombremodels','posts_per_page' => $max, 'paged' => $paged) 
);
?>
<?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
<?php $modelexcerpt = get_post_meta( get_the_id(), 'ombremodelexcerpt', true ); ?>
<?php $hidemodeltext = get_post_meta( get_the_id(), 'ombrehidemodeltext', true ); ?> 
<div id="model<?php the_ID(); ?>" class="grid-container<?php if($modelscolumns == 'four-columns') { ?> grid-small<?php } ?>">
    <?php if ( has_post_thumbnail() ) {
    $thumb_id = get_post_thumbnail_id();
    $thumb_url_array = wp_get_attachment_image_src($thumb_id, 'large', true);
    $thumb_url = $thumb_url_array[0];
    ?>
    <div class="grid-img">
        <a href="<?php the_permalink(); ?>" class="o-gallery link">
            <img src="<?php echo esc_url($thumb_url); ?>" alt="<?php the_title(); ?>" />
        </a>
    </div>
    <?php } ?>
    <?php if ($hidemodeltext != 'on') { ?>
    <div class="grid-content">
        <?php if($modelscolumns != 'four-columns') { ?>
        <h4>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h4>
        <?php if(!empty ($modelexcerpt)) { ?>
        <p>
            <?php echo esc_attr($modelexcerpt); ?>    
        </p>
        <?php } ?>
        <?php } else { ?>
        <h5>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h5>
        <?php if(!empty ($modelexcerpt) && ($modelscolumns != 'four-columns')) { ?>
        <p>
            <?php echo esc_attr($modelexcerpt); ?>    
        </p>
        <?php } ?>
        <?php } ?>
    </div>
    <?php if ($modelscolumns != 'four-columns') { ?>
    <a class="arrow-button" href="<?php the_permalink(); ?>"><?php esc_attr_e( 'View model', 'ombre' ); ?></a>
    <?php } ?>
    <?php } ?>
</div>    
<?php endwhile; ?>
    </div>
</div>
<?php if ( $wp_query->max_num_pages > 1 ) { ?>
<div class="blogpager">    
    <div class="previous">
        <?php 
        $nexttext = '<i class="fa fa-chevron-left"></i>' . esc_attr__( 'Previous', 'ombre' );
        $prevtext = esc_attr__( 'Next', 'ombre' ) . '<i class="fa fa-chevron-right"></i>';
        ?>
        <?php next_posts_link( $nexttext , $wp_query->max_num_pages ); ?>
    </div>
    <div class="next">
        <?php previous_posts_link( $prevtext , $wp_query->max_num_pages ); ?>
    </div>
</div>
<?php } ?>
<?php wp_reset_postdata(); ?>