<?php get_header(); ?>
<?php 
$removegalcats = get_option('ombre_removegalcats');
$gallerycatcolumns = get_option('ombre_gallerycatcolumns');
if (!empty($gallerycatcolumns)) {
    $gallerycolumns = $gallerycatcolumns;
}
else {
    $gallerycolumns = 'three-columns';
}
$taxonomy = get_queried_object();
$taxonomyid = $taxonomy->term_id;
$taxonomyname = $taxonomy->name;
$taxonomydesc = $taxonomy->description;
$ombregalleryimage = get_option( "ombregallerycats_gallerycatimage_$taxonomyid" );
?>
<?php if (!empty($ombregalleryimage)) { ?>
<div id="featured-image-container">
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($ombregalleryimage); ?>">
        <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( 'ombregallerycats' ); ?>
<?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($gallerycolumns); ?>" data-columns>
        <?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
        <?php if (function_exists( 'ombre_single_gallery' )) { ombre_single_gallery(); } ?>
        <?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(); ?>