<?php get_header(); ?>
<?php 
$category_id = get_query_var('cat');
$cat_name = get_category(get_query_var('cat'))->name;
$cat_desc = get_category(get_query_var('cat'))->description;
$featuredimg = get_option( "category_gallerycatimage_$category_id" );
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$wp_query = new WP_Query( 
    array('cat' => $category_id,'posts_per_page' => get_option( 'posts_per_page' ), 'paged' => $paged) 
);
$removecats = get_option('ombre_removecats');
?>
<?php if (empty($featuredimg)) { ?>
<div id="page-title">
    <h1>
        <span><?php echo esc_attr($cat_name); ?></span>
    </h1>
    <?php if (!empty($subtitle)) { ?>
        <p><span><?php echo esc_attr($cat_desc); ?></span></p>
    <?php } ?>
</div>
<?php } else { ?>
<div id="featured-image-container">
    <!-- LOADER -->
    <div class="img-loading"></div>
    <div id="featured-image" data-img="<?php echo esc_url($featuredimg); ?>">
        <div id="featured-image-title">
            <h1><?php echo esc_attr($cat_name); ?></h1>
            <?php if (!empty($cat_desc)) { ?>
                <p><span><?php echo esc_attr($cat_desc); ?></span></p>
            <?php } ?>
        </div>
    </div>
</div>
<?php } ?>
<div id="page-container">
    <div class="grid">
        <div class="unit whole">
            <?php if ($removecats != 'true') { ?>
            <ul class="ombre-menu more-margin">
                <li id="ombre-menu-title"><?php echo esc_html__( 'CATEGORIES', 'ombre'); ?></li>
            <?php 
            $args = array('type' => 'post'); 
            $post_categories = get_categories( $args );
            $category_id = get_query_var('cat');          
            foreach($post_categories as $c){
                $cat_name = $c->name;
                $cat_id = $c->cat_ID;
                $cat_url = get_category_link( $cat_id );
                if ( $cat_id == $category_id ) {
            ?>
            <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 } ?>
            <?php } ?>
            </ul>
            <?php } ?>
            <div class="masonry-grid">
                <div id="two-columns" data-columns>
                    <?php while($wp_query->have_posts()) : $wp_query->the_post(); ?>
                    <?php get_template_part( 'templates/post', 'template'); ?>
                    <?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(); ?>