<?php
/**
 * Layout 2
 * =========
 * side style for post
 * ===================
 */
?>
<div class="single-catgory-layout">
    <div id="layout-2">
        <?php if($layout_header_enable): ?>
            <div class="layout-header">
                <div class="layout-title">
                    <h4 >
                        <?php echo esc_html($layout_title); ?>
                    </h4>
                </div>
                <?php if($layout_view_all_enable): ?>
                    <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>
                <?php endif; ?>
            </div>
            <!--layout-header-->
        <?php endif; ?>
        <?php
        /**
         * Argument
         * for query post
         * ================
         */
        $count = 0;
        $args = array(
            'cat' => $cat_id,
            'post_type' =>  'post',
            'posts_per_page' => $post_num_to_show,
        );
        $query = new WP_Query($args);
        ?>
        <div class="cat-post-list <?php echo 'highlight-post-style-'.$highlight_layout_style; ?>">
            <?php
            if($query->have_posts()):
                ?>
                <div class="cat-post-list-wrapper">
                    <?php
                    while($query->have_posts()):
                        $query->the_post();
                        ?>
                        <?php if($count == 0 && ($highlight_first_post == 'yes')): ?>
                        <div class="featured-post" style="grid-row: span <?php echo $post_num_to_show - 1 ;?>">
                            <?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_highlight_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"><?php echo get_the_author(); ?></div>
                                    <div class="seperator"> <span><?php esc_html_e('|', 'widgetkit-pro'); ?></span></div>
                                    <div class="post-date"><?php echo get_the_date(); ?></div>
                                </div>
                                <?php if($show_excerpt): ?>
                                    <div class="post-excerpt"><?php echo wp_trim_words(get_the_excerpt(), $highlight_excerpt_word_count, ''); ?></div>
                                <?php endif; ?>
                            </div>
                        </div>
                    <?php else: ?>
                        <div class="regular-post">
                            <div class="regular-post-wrapper row">
                                <?php if(has_post_thumbnail()): ?>
                                    <div class="post-thumb <?php echo ($highlight_first_post == 'yes') ? 'col-md-4': 'col-md-4';?>">
                                        <a href="<?php the_permalink(); ?>">
                                            <?php the_post_thumbnail($regular_thumbnail_size ); ?>
                                        </a>
                                    </div>
                                <?php endif; ?>
                                <div class="post-data <?php echo ($highlight_first_post == 'yes') ? 'col-md-8': 'col-md-8';?>">
                                    <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"><?php echo get_the_author(); ?></div>
                                        <div class="seperator"> <span><?php esc_html_e('|', 'widgetkit-pro'); ?></span></div>
                                        <div class="post-date"><?php echo get_the_date(); ?></div>
                                    </div>
                                    <?php if($show_excerpt): ?>
                                        <div class="post-excerpt"><?php echo wp_trim_words(get_the_excerpt(), $regular_excerpt_word_count, ''); ?></div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    <?php endif; ?>
                        <?php
                        $count++;
                    endwhile;
                    wp_reset_postdata();
                    ?>
                </div>
                <?php
            endif;
            ?>
        </div>
        <!--cat-post-list-->
    </div>
</div>