<?php get_header(); ?>
<?php 
$removegalcats = get_option('ombre_removemodelcats');
$modelcatcolumns = get_option('ombre_modelcatcolumns');
if (!empty($modelcatcolumns)) {
    $modelscolumns = $modelcatcolumns;
}
else {
    $modelscolumns = 'three-columns';
}
$taxonomy = get_queried_object();
$taxonomyid = $taxonomy->term_id;
$taxonomyname = $taxonomy->name;
$taxonomydesc = $taxonomy->description;
$ombremodelsimage = get_option( "ombremodelcats_modelcatimage_$taxonomyid" );
?>
<?php if (!empty($ombremodelsimage)) { ?>
<div id="featured-image-container">
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($ombremodelsimage); ?>">
        <div id="featured-image-title">
            <h1><?php echo esc_html($taxonomyname); ?></h1>
            <?php if (!empty($taxonomydesc)) { ?>
                <p><span><?php echo esc_html($taxonomydesc); ?></span></p>
            <?php } ?>
        </div>
    </div>
</div>
<?php } else { ?>
<div id="page-title">
    <h1><span><?php echo esc_html($taxonomyname); ?></span></h1>
</div>
<?php if (!empty($taxonomydesc)) { ?>
<div id="sub-title">
    <div><span><?php echo esc_html($taxonomydesc); ?></span></div>
</div>
<?php } ?>
<?php } ?>

<div id="page-container">
    <div class="grid">
        <div class="unit whole">
<?php 
if ($removegalcats != 'true') {
$terms = get_terms( 'ombremodelcats' ); ?>
<?php if ( ! empty( $terms ) && ! is_wp_error( $terms ) ){ ?>
<ul class="ombre-menu">
    <li id="ombre-menu-title"><?php echo esc_html__( 'CATEGORIES', 'ombre'); ?></li>
    <?php       
    foreach ( $terms as $term ) {
        $cat_name = $term->name;
        $cat_id = $term->term_id;
        $cat_url = get_term_link( $cat_id );
        if ( $cat_id == $taxonomyid ) {
    ?>
    <li class="active"><?php echo esc_html($cat_name); ?></li>
        <?php } else { ?>
    <li><a href="<?php echo esc_url($cat_url); ?>"><?php echo esc_html($cat_name); ?></a></li>
        <?php }
    }     
    ?>
</ul>
<?php }} ?>
<div class="masonry-grid <?php if ($gallerycolumns == 'four-columns') { ?>grid-small<?php } ?>">
    <div id="<?php echo esc_attr($modelscolumns); ?>" data-columns>
        <?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($modelcatcolumns == '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_attribute(); ?>" />
                </a>
            </div>
        <?php } ?>
        <?php if ($hidemodeltext != 'on') { ?>
            <div class="grid-content">
                <?php if ($modelcatcolumns != 'four-columns') { ?>
                <h4>
                    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                </h4>
                <?php } else { ?>
                <h5>
                    <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                </h5>
                <?php } ?>
                <?php if(!empty ($modelexcerpt) && ($modelcatcolumns != 'four-columns')) { ?>
                <p><?php echo esc_html($modelexcerpt); ?></p>
                <?php } ?>
            </div>
            <?php if($modelcatcolumns != 'four-columns') { ?>
            <a class="arrow-button" href="<?php the_permalink(); ?>"><?php esc_html_e( 'View model', 'ombre' ); ?></a>
            <?php } ?>
            <?php } ?>
        </div>    
        <?php endwhile; ?>
    </div>
</div>
<?php if ( (get_next_posts_link()) || (get_previous_posts_link())) : ?>
<?php ombre_pagination(); ?>
<?php endif; ?>
        </div>
    </div>
</div>

<?php get_footer(); ?>