<?php if(! defined('ABSPATH')){ return; }
global $columns, $zn_config, $current_post;

/*
 * Load resources in footer
 */
wp_enqueue_script('isotope');

$columns = !empty( $zn_config['blog_columns'] ) ? $zn_config['blog_columns'] : zget_option( 'blog_style_layout', 'blog_options', false, '1' );

if(is_search()){
    if($zn_config['sidebar']){
        $columns = 2;
    }
    else {
        $columns = 3;
    }
}

$columns = apply_filters('zn_blogcolumns_cols', $columns);

$columns_size = str_replace('.', '', (12 / ($columns ? $columns : 6))); // prevent division by 0 & remove dots in 12/5=2.4

// Check if PB Element has style selected, if not use Blog style option. If no blog style option, use Global site skin.
$blog_style = zget_option( 'blog_style', 'blog_options', false, '' ) != '' ? zget_option( 'blog_style', 'blog_options', false, '' ) : zget_option( 'zn_main_style', 'color_options', false, 'light' );
if( isset( $zn_config['blog_style'] ) ){
    $blog_style = $zn_config['blog_style'] != '' ? $zn_config['blog_style'] : $blog_style;
}

// Determines if the blog is rtl
$isotopeOpt = array();
if ( is_rtl() ) {
    $isotopeOpt = array(
        'isOriginLeft' => false,
    );
}

?>
	<div class="itemListView clearfix eBlog kl-blog kl-blog-list-wrapper kl-blog--style-<?php echo esc_attr( $blog_style ); ?>" <?php echo WpkPageHelper::zn_schema_markup('blog'); ?>>

        <?php
            the_archive_description( '<div class="kl-blog-taxonomy-description">', '</div>' );
        ?>

		<?php
			if ( have_posts() ) :

                echo "<div class='itemList zn_blog_columns kl-blog--columns kl-cols-" . $columns . " row ' data-kl-isotope='" . json_encode( $isotopeOpt ) . "'>";

				while ( have_posts() ) {
					the_post();

					$image = '';

                    $post_format    = get_post_format() ? get_post_format() : 'standard';
                    $current_post   = zn_setup_post_data( $post_format, 'excerpt' );

                    // Hide Body & bottomn links side of the articles, for Links, Quote (post type articles)
                    $hide_body = ($post_format == 'link' || $post_format == 'quote');

					?>
                    <div class="col-sm-6 col-lg-<?php echo esc_attr( $columns_size );?> blog-isotope-item kl-blog-column">
                        <div class="itemContainer kl-blog-item-container zn_columns zn_columns<?php echo esc_attr( $columns );?> <?php echo implode ( ' ' , get_post_class('blog-post' ) ); ?>">

                            <?php echo $current_post['before_head']; ?>

                            <?php
                                // Portfolio media
                                if ( 'yes' === zget_option( 'show_search_medias', 'portfolio_options', false, 'no' ) ) {
                                    include( locate_template( 'inc/loop-portfolio-media.php' ) );
                                }
                                // Blgo media
                                include(locate_template( 'components/blog/multicolumns/blog-media.php' ));
                                // Load item header
                                include(locate_template( 'components/blog/blog-meta.php' ));
                            ?>

                            <?php if(!$hide_body): ?>

                            <?php

                                // Load item content
                                include(locate_template( 'components/blog/multicolumns/blog-content.php' ));


                                // Load item links
                                include(locate_template( 'components/blog/blog-links.php' ));
                            ?>
                            <!-- item links -->
                            <div class="clearfix"></div>

                            <?php
                                // Load item tags
                                include(locate_template( 'components/blog/multicolumns/blog-tags.php' ));
                            ?>

                            <?php endif; ?>

                        </div><!-- end Blog Item -->
                    </div>
					<?php
				}

                echo '</div>';

			else:
                /**
                 * No posts message
                 * @since v4.0.12
                 */
                include(locate_template( 'components/blog/blog-noposts.php' ));
            endif;
            ?>

		<!-- end .itemList -->

		<?php include(locate_template( 'components/blog/blog-pagination.php' )); ?>

    </div>