<?php
/**
 * Template for displaying default element.
 *
 *
 * @author      ThimPress
 * @package     Thim_Builder/Templates
 * @version     1.0.0
 * @author      Thimpress, tuanta
 */

$posts_args = array(
	'posts_per_page'      => $instance['post_limit'],
	'ignore_sticky_posts' => 1,
	'cat'                 => $instance['cat_id']
);
$post_column = !empty($instance['post_column']) ? $instance['post_column'] : '3';
$query = new WP_Query( $posts_args );
if ($query->have_posts()) {
    echo '<div class="tp-list-posts-wrapper">';
   
    echo '<div class="tp-list-posts'. ' ' . $instance['style'] .'" data-number="'. esc_attr($post_column) .'">';
    while ($query->have_posts()) {
        $query->the_post();
    ?>
        <div class="post-item">
            <div class="thumb">
                <?php the_post_thumbnail(array(570, 350)); ?>
                <div class="post-category">
                    <?php
                        $categories_list = get_the_category_list( ',' );
                        $categories_list = explode(',',$categories_list);
                       if(!empty($categories_list)){
                           echo ent2ncr($categories_list[0]);
                       }
                    ?>
                </div>
            </div>
            <div class="tp-post-content">
                <h4 class="post-title"><a href="<?php echo esc_url(get_the_permalink()); ?>"><?php echo get_the_title(); ?></a></h4>
                <div class="tp-post-info">
                    <span class="date-time"><i class="las la-calendar"></i><?php echo  get_the_date( 'j M, Y' ) ?></span>
                    <span class="author"><i class="las la-user"></i><?php echo get_the_author()?></span>
                </div>
            </div>
        </div>
    <?php
    }
    wp_reset_postdata();
    echo '</div>';
    echo '<div class="slider__counter"><div class="slider-nav"><span class="current-item"></span><span class="total-items"></span></div></div>';
    echo '</div>';
    
}