<?php
/* banner-php */
get_header('inner'); 
?>
<div class="domik_container">
    <div class="page-title">
        <h1 class="title"><?php the_archive_title();?></h1>
    </div>
    <?php
    if(is_front_page()) {
        $paged = (get_query_var('page')) ? get_query_var('page') : 1;
    } else {
        $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
    }
    $post_args = array(
        'post_type' => 'portfolio',
        'paged' => $paged,
        'posts_per_page'=> domik_get_option('folio_posts_per_page'),
        'orderby'=> domik_get_option('folio_archive_orderby'),
        'order'=> domik_get_option('folio_archive_order'),
    );

    $folio_posts = new WP_Query($post_args);
    if($folio_posts->have_posts()) : 
    ?>
    <section class="folio-grid-folios-wrap">
        <?php 
        if(domik_get_option('folio_show_filter')) :  
            $term_args = array(
                'taxonomy'          => 'skill',
                'orderby'           => domik_get_option('folio_filter_orderby'), //id, count, name, slug, none
                'order'             => domik_get_option('folio_filter_order'),
            );
            $portfolio_skills = get_terms($term_args); 
        ?>
    
        <?php if(count($portfolio_skills)): ?>
            <div class="filter-holder">
                <div class="filter-button">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="filter-text"><?php _e('Filter','domik');?></div>
                </div>
                <div class="gallery-filters vis-filter">
                    <a href="#" class="gallery-filter gallery-filter-active"  data-filter="*"><?php _e('All','domik');?></a>        
                    <?php foreach($portfolio_skills as $portfolio_skill) { ?>
                        <a href="#" class="gallery-filter " data-filter=".skill-<?php echo esc_attr($portfolio_skill->slug ); ?>"><?php echo esc_html($portfolio_skill->name ); ?></a>
                    <?php } ?>
                </div>
            </div>
        <?php endif; ?>
    <?php endif; ?>
    <?php
    $grid_cls = 'gallery-items';
    $grid_cls .= ' '.domik_get_option('folio_column').'-coulms';
    if(domik_get_option('folio_show_info_first')){
        $grid_cls .= ' vis-port-info';
    }else{
        $grid_cls .= ' hid-port-info';
    }
    $grid_cls .= ' grid-'.domik_get_option('folio_pad').'-pad';
    if( domik_get_option('folio_enable_gallery') ){
        $grid_cls .= ' folio-gallery';
    }
    ?>
        <div class="<?php echo esc_attr($grid_cls );?>" 
        <?php if( domik_get_option('folio_show_loadmore') && (domik_get_option('folio_posts_per_page') != '-1' && $folio_posts->found_posts && $folio_posts->found_posts > domik_get_option('folio_posts_per_page') ) ):
        $lmore_data = $post_args;
        $lmore_data['action'] = 'domik_lm_folio';
        $lmore_data['lmore_items'] = domik_get_option('folio_loadmore_items');
        ?>
         data-lm-request="<?php echo esc_url(admin_url( 'admin-ajax.php' ) ) ;?>"
         data-lm-nonce="<?php echo wp_create_nonce( 'domik_lm_folio' ); ?>"
         data-lm-settings="<?php echo esc_attr(json_encode($lmore_data) ); ?>"
        <?php endif;?>>
            <div class="grid-sizer"></div>
            <?php while($folio_posts->have_posts()) : $folio_posts->the_post(); ?>
                    
                <?php get_template_part( 'template-parts/folio/list', '' ); ?>
            
            <?php endwhile; ?>
        </div>
        <?php if( domik_get_option('folio_show_pagination') ) domik_custom_pagination($folio_posts->max_num_pages, $range = 2, $folio_posts );?>   
        <?php if( domik_get_option('folio_show_loadmore') && (domik_get_option('folio_posts_per_page') != '-1' && $folio_posts->found_posts && $folio_posts->found_posts > domik_get_option('folio_posts_per_page') ) ): ?>
        <div class="folio-grid-lmore-holder">
            <a class="folio-load-more" data-click="1" data-remain="yes" href="#"><?php echo wp_kses(__('<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span>','domik'), array('i'=>array('class'=>array()),'span'=>array('class'=>array()),) );?></a>
        </div>
        <?php endif; ?>   
    </section>
    <?php
    endif;
    wp_reset_postdata(); ?>
</div>
<?php get_footer('inner'); ?>