<?php
/**
 * Layout 3
 * =========
 */
?>
<div class="query-layout-3">
    <?php if($layout_header_enable): ?>
        <div class="layout-header">
            <div class="layout-title">
                <h4>
                    <?php echo esc_html($layout_title); ?>
                </h4>
            </div>
            <div class="view-all">
                <a href="<?php echo get_category_link($cat_id); ?>">
                    <?php esc_html_e('View All', 'widgetkit-pro'); ?>
                    <i class="fa fa-long-arrow-right"></i>
                </a>
            </div>
        </div>
    <?php endif; ?>
    <?php
    /**
     * Argument
     * for query post
     * ================
     */
    $count = 0;
    if($query_post_type == 'recent'):
        $args = array(
            'orderby'	=> 'date',
            'order'		=> 'DESC',
            'post_type' =>  'post',
            'showposts'	=> $post_num_to_show,
            'post__not_in' => get_option("sticky_posts"),
        );
    elseif ($query_post_type == 'popular'):
        $args = array(
            'posts_per_page' => $post_num_to_show,
            'meta_key' => 'magmax_post_views_count',
            'orderby' => 'meta_value_num',
            'order' => 'DESC',
            'ignore_sticky_posts' => 1
        );
    elseif ($query_post_type == 'featured'):
        $args = array(
            'posts_per_page' => $post_num_to_show,
            'ignore_sticky_posts' => 1,
            'post_type' => 'post',
            'meta_query' => array(
                array(
                    'key'  => 'post-type',
                    'value' => 'featured',
                    'compare'   => '=',
                )
            )
        );
    elseif ($query_post_type == 'trending'):
        $args = array(
            'posts_per_page' => $post_num_to_show,
            'ignore_sticky_posts' => 1,
            'post_type' => 'post',
            'meta_query' => array(
                array(
                    'key'  => 'post-type',
                    'value' => 'trending',
                    'compare'   => '=',
                )
            )
        );
    endif;
    $query = new WP_Query($args);
    ?>
    <div class="cat-post-list post-grid-<?php echo $regular_post_grid ? $regular_post_grid : 'no-grid'; ?>">
        <?php
        if($query->have_posts()):
            ?>
            <div class="cat-post-list-wrapper">
                <?php
                while($query->have_posts()):
                    $query->the_post();
                    ?>
                    <?php if($count == 0): ?>
                    <div class="featured-post">
                        <?php if(has_post_thumbnail()): ?>
                            <div class="post-thumb">
                                <a href="<?php the_permalink() ?>">
                                    <?php the_post_thumbnail($featured_thumbnail_size); ?>
                                </a>
                            </div>
                        <?php endif; ?>
                        <div class="post-data">
                            <div class="post-title">
                                <?php if($show_cat_tag): ?>
                                    <div class="highlight-post-tag">
                                        <a href="<?php echo get_category_link($cat_id); ?>" style="
                                                background-color:<?php echo $tax_tag_bg_color;?>;
                                                color:white;
                                                ">
                                            <?php echo get_cat_name($cat_id); ?>
                                        </a>
                                    </div>
                                <?php endif; ?>
                                <a href="<?php the_permalink(); ?>" class="highlight-post-title highlight-title">
                                    <h3><?php the_title(); ?></h3>
                                </a>
                            </div>
                            <div class="post-meta">
                                <div class="post-author"><span><?php echo get_the_author(); ?></span></div>
                                <div class="seperator"> <span><?php esc_html_e('|', 'widgetkit-pro'); ?></span></div>
                                <div class="post-date"><span><?php echo get_the_date(); ?></span></div>
                            </div>
                            <?php if($show_excerpt): ?>
                                <div class="post-excerpt"><?php echo wp_trim_words(get_the_excerpt(), $excerpt_word_count, ''); ?></div>
                            <?php endif; ?>
                        </div>
                    </div>
                <?php else: ?>
                    <div class="regular-post <?php echo has_post_thumbnail() ? 'has-post-thumbnail' : 'no-post-thumbnail'; ?>">
                        <div class="regular-post-wrapper row">
                            <?php if(has_post_thumbnail()): ?>
                                <div class="post-thumb">
                                    <a href="<?php the_permalink(); ?>">
                                        <?php the_post_thumbnail($regular_thumbnail_size ); ?>
                                    </a>
                                </div>
                            <?php endif; ?>
                            <div class="post-data">
                                <div class="post-title">
                                    <?php if($show_cat_tag): ?>
                                        <div class="post-tag">
                                            <a href="<?php echo get_category_link($cat_id); ?>" style="
                                                    background-color:<?php echo $tax_tag_bg_color;?>;
                                                    color:white;
                                                    ">
                                                <?php echo get_cat_name($cat_id); ?>
                                            </a>
                                        </div>
                                    <?php endif; ?>
                                    <a href="<?php the_permalink(); ?>" class="regular-post-title regular-title">
                                        <h3><?php the_title(); ?></h3>
                                    </a>
                                </div>
                                <div class="post-meta">
                                    <div class="post-author"><span><?php echo get_the_author(); ?></span></div>
                                    <div class="seperator"> <span><?php esc_html_e('|', 'widgetkit-pro'); ?></span></div>
                                    <div class="post-date"><span><?php echo get_the_date(); ?></span></div>
                                </div>
                                <?php if($show_excerpt): ?>
                                    <div class="post-excerpt"><?php echo wp_trim_words(get_the_excerpt(), $excerpt_word_count, ''); ?></div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                <?php endif; ?>
                    <?php
                    $count++;
                endwhile;
                wp_reset_postdata();
                ?>
            </div>
            <?php
        endif;
        ?>
    </div>
</div>