<?php get_template_part('amp/header'); ?>

<?php
$layout = epcl_get_option( 'amp_archives_layout', 'grid-posts' );
$obj = get_queried_object();
$category_meta = get_term_meta( $obj->term_id, 'epcl_post_categories', true );
?>
<!-- start: #archives-->
<main id="archives" class="main">
    
    <div class="grid-container grid-medium">
        <div class="tag-description section bg-box primary-cat-<?php echo esc_attr($obj->term_id); ?>" >
        
            <div class="left grid-35 tablet-grid-45 np-mobile">
                <b><?php esc_html_e('Category:', 'groovy'); ?></b>
                <h1 class="title medium fw-bold no-margin ctag ctag-<?php echo esc_attr($obj->term_id); ?>"><svg><use xlink:href="#tag-decoration"></use></svg><?php single_cat_title(); ?></h1>
                <div class="total"><?php esc_html( printf( _n( '%1$s <span class="dot"></span> Article', '%1$s &nbsp;<span class="dot"></span> Articles', $obj->count, 'groovy'), number_format_i18n( $obj->count ) ) ); ?></div>
                <div class="epcl-decoration-counter"><?php echo esc_html($obj->count); ?></div>
            </div>

            <?php if( term_description() ): ?>
                <div class="right grid-65 tablet-grid-55 np-tablet np-mobile">
                    <?php echo term_description(); ?>
                </div>
            <?php endif; ?>
            
            <div class="clear"></div>

            <div class="epcl-category-overlay"></div>
        </div>

    </div>

    <?php get_template_part( 'partials/home-blocks/'.$layout ); ?>

</main>
<!-- end: #archives -->

<?php get_template_part('amp/footer'); ?>