<?php
global $thumbsize;
$grid_link = $grid_layout_mode = $title = $filter = '';
$posts = array();
$atts = vc_map_get_attributes($this->getShortcode(), $atts);
extract($atts);


$query_string = str_replace('|', '&', $atts['loop']);
$query_string = str_replace(':', '=', $query_string);
$query_string = str_replace('size', 'posts_per_page', $query_string);

parse_str($query_string, $query_array);


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;
}
$query_array['paged'] = $paged;
$post_per_page = $query_array['posts_per_page'];

$loop = new WP_Query($query_array);
?>

<section class="widget frontpage-posts section-blog widget-style layout-<?php echo esc_attr($layout); ?>   <?php if($el_class!=''){ echo esc_attr($el_class);} ?>">
    <?php
        if($title!=''){ ?>
            <h3 class="widget-title visual-title <?php echo esc_attr($size).' '.esc_attr($alignment); ?>">
                <span><?php echo trim(esc_attr($title)); ?></span>
            </h3>
        <?php }
    ?>
    <div class="widget-content"> 
            <?php
/**
 * $loop
 * $class_column
 *
 */

$_count =1;

$colums = '3';
$bscol = floor( 12/$colums );
 $end = $loop->post_count;
$num_mainpost = 2; 
?>

<div class="frontpage frontpage-v2">
<div class="row">
<?php

    $i = 0;
    $main = $num_mainpost;

    while($loop->have_posts()){
        $loop->the_post();
 ?>
        <?php if( $i<=$main-1) { ?>
            <?php if( $i == 0 ) {  ?>
                <div  class="main-posts">
            <?php } ?>
                <?php get_template_part( 'vc_templates/post/_single-fp-v2' ) ?>
            <?php if( $i == $main-1 || $i == $end -1 ) { ?>
                </div>
            <?php } ?>
        <?php } else { ?>
                <?php if( $i == $main  ) { ?>
                <div class="secondary-posts space-20">
                <?php }  ?>
                        <article class="post col-sm-6"><div class="media">
                              <div class="media-body">
                                <h4 class="media-heading" id="media-heading"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> </h4>
                                <div class="entry-date">
                                    <span><?php the_time( 'd' ); ?></span><?php the_time( 'M' ); ?>
                                </div>
                              </div>
                     </div></article>
                <?php if( $i == $end-1 ) {   ?>
                    </div>
                <?php } ?>
            <?php } ?>
<?php  $i++; } ?>
</div>
</div>

  
    </div>
        <?php if( isset($show_pagination) && $show_pagination ): ?>
        <div class="w-pagination"><?php nautica_fnc_pagination_nav( $post_per_page,$loop->found_posts,$loop->max_num_pages ); ?></div>
        <?php endif ; ?>
</section>
<?php wp_reset_query(); ?>