<?php
/**
 * Template Name: Portfolio Grid (Without Space)
 *
 * @package ZookaStudio
 * @subpackage Monaco
 * @since 1.0.0
 * @author Luan Nguyen
 */

get_header();
global $post,$cms_meta,$paged,$cs_span,$cs_cat_class,$masonry_filter;
global $myglobal_page_id;
$myglobal_page_id = get_the_ID();
?>
<?php
    if($cms_meta->_cms_masonry_limit!='') $limit = $cms_meta->_cms_masonry_limit; else $limit = '9';
    if($cms_meta->_cms_masonry_columns!='') $masonry_columns = $cms_meta->_cms_masonry_columns; else $masonry_columns = '3';
    $column = 12/$masonry_columns;

    $masonry_loadmore = (isset($cms_meta->_cms_masonry_loadmore)&& $cms_meta->_cms_masonry_loadmore!='')?true:false;
    $masonry_filter = (isset($cms_meta->_cms_masonry_filter)&& $cms_meta->_cms_masonry_filter!='')?true:false;
    $categories = isset($cms_meta->_cms_portfolio_categories)?$cms_meta->_cms_portfolio_categories:'';

    if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
    elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
    else { $paged = 1; }
    global $cs_span;
    $cs_span = "cols-".$masonry_columns;
    /*script*/
    wp_enqueue_script('imagesloaded', get_template_directory_uri(). '/assets/js/jquery.imagesloaded.js', array('jquery'));
    wp_enqueue_script('jquery-isotope', get_template_directory_uri(). '/assets/js/jquery.isotope.min.js', array('jquery','imagesloaded'));
    wp_enqueue_script('cms-jquery-isotope', get_template_directory_uri(). '/assets/js/jquery.isotope.cms.js', array('jquery-isotope'));

    /* Get thumbmail size for multiple columns */
    $thumbmail_size = 'large';
?>

<div class="cms-blog-portfolio-nospace <?php cms_main_class(); ?>">
    <div id="primary" class="">
        <div id="content" class="cms-portfolio cms-portfolio-grid grid-<?php echo esc_attr($masonry_columns);?>" role="main">
        <?php
            if($masonry_filter){
                get_template_part( 'single-templates/portfolio/filter');
            }
            ?>
        <?php
        $params = array(
                'post_type' => 'portfolio',
                'showposts' => $limit,
                'paged' => $paged
                );
        if($categories){
            $params['tax_query'] = array(
                        array(
                        'taxonomy' => 'portfolio_cat',
                        'field' => 'slug',
                        'terms' => explode(',', $categories),
                        )
                    );
        }
        ?>
        <?php $wp_query = new WP_Query($params); ?>
        <?php if ( $wp_query->have_posts() ) : ?>
            <?php
                if($masonry_loadmore){
                    /*ajax media*/
                    wp_enqueue_style( 'wp-mediaelement' );
                    wp_enqueue_script( 'wp-mediaelement' );
                    /* js, css for load more */
                    wp_register_script( 'cms-loadmore-js', get_template_directory_uri().'/assets/js/cms_loadmore.js', array('jquery') ,'1.0',true);
                    // What page are we on? And what is the pages limit?
                    $max = $wp_query->max_num_pages;
                    $paged = ( get_query_var('paged') > 1 ) ? get_query_var('paged') : 1;

                    // Add some parameters for the JS.
                    wp_localize_script(
                        'cms-loadmore-js',
                        'cs_more_obj',
                        array(
                            'startPage' => $paged,
                            'maxPages' => $max,
                            'total' => $wp_query->found_posts,
                            'perpage' => $limit,
                            'nextLink' => next_posts($max, false),
                            'ajaxType' => 'Button',
                            'masonry' => 'masonry'
                        )
                    );
                    wp_enqueue_script( 'cms-loadmore-js' );
                }
            ?>
            <div class="cms-loadmore-post cms-isotope-grid-post portfolio-grid2 clearfix">
            <?php while ( $wp_query->have_posts() ) : $wp_query->the_post();
                    $categories = get_the_terms($post->ID,'portfolio_cat');
                    $cms_cat_class = '';
                    if(is_array($categories)){
                        foreach($categories as $category){
                            $cms_cat_class .= ' portfolio-'.$category->slug;
                        }
                    }
                /* Include the post format-specific template for the content. If you want to
                 * this in a child theme then include a file called called content-___.php
                 * (where ___ is the post format) and that will be used instead.
                 */

                echo '<div class="cms-grid-item col-xs-12 col-sm-12 col-md-'.$column.' col-lg-'.$column.' '.$cms_cat_class.' nopaddingall">';
                    get_template_part( 'single-templates/portfolio/content', 'nospace');
                echo '</div>';

            endwhile; // end of the loop.?>
            
        <?php else : ?>
            <?php get_template_part( 'single-templates/content', 'none' ); ?>
        <?php endif; ?> 
            </div>
        <?php
            if($masonry_loadmore){
                echo '<div class="cs_pagination"></div>';
            }
            else{
                cms_paging_nav();    
            }
            wp_reset_postdata()
        ?>
        
        </div><!-- #content -->
    </div><!-- #primary -->
</div>
<?php get_footer(); ?>