<?php
/**
 * Template Name: Portfolio Masonry
 * NOTE: Option Columns in Page option not in use for this layout
 * @package CMSSuperHeroes
 * @subpackage ZK Theme
 * @since 1.0.0
 * @author Chinh Duong Manh
 */

get_header();
global $post,$cms_meta,$paged,$cs_span,$cs_cat_class,$masonry_filter, $masonry_columns;
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 = '8';

    $masonry_loadmore = (isset($cms_meta->_cms_masonry_loadmore)&& $cms_meta->_cms_masonry_loadmore!='')?1:'';
    if($masonry_loadmore) $smof_data['blog_nav'] = $cms_meta->_cms_masonry_loadmore;

    $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; }

    $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 */
    $thumbmail_size = 'blog-masonry';
?>

<div class="cms-blog-portfolio cms-blog-portfolio-masonry <?php cms_main_class(); ?>">
    <div class="row">
        <div id="primary" class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div id="content" class="cms-portfolio cms-portfolio-grid cms-portfolio-masonry 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($smof_data['blog_nav']){
                        /*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-masonry-post row clearfix">

                <div id="cms-portfolio-masonry">
                <?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-6 col-lg-6 '.$cms_cat_class.'">';
                        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>
                </div>
            <?php
                cms_paging_nav_layout();
                wp_reset_postdata()
            ?>
            
            </div><!-- #content -->
        </div><!-- #primary -->
    </div>
</div>
<?php get_footer(); ?>