<?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']
);
$text_view = isset($instance['view_all']) ? $instance['view_all'] : '';
$link_view = isset($instance['view_link']) ? $instance['view_link'] : '';
$query = new WP_Query( $posts_args );
if ($query->have_posts()) {
    echo '<div class="tp-list-posts-wrapper">';
    echo '<div class="post-view"><a href="'. esc_url($link_view) .'"><i class="las la-angle-double-up"></i>'.esc_html($text_view).'</a></div>';
    echo '<div class="tp-list-posts owl-carousel '. $instance['style'] .'">';
    while ($query->have_posts()) {
        $query->the_post();
    ?>
        <div class="post-item">
            <div class="thumb">
                <?php the_post_thumbnail(array(700, 400)); ?>
                <div class="tp-post-info">
                     <div class="post-time"></i><?php the_time( ' F d, Y' ) ?></div>
                    <h4 class="post-title"><a href="<?php echo esc_url(get_the_permalink()); ?>"><?php echo get_the_title(); ?></a></h4>
                </div>
            </div>
        </div>
    <?php
    }
    wp_reset_postdata();
    
    echo '</div></div>';
    
}