<?php
/**
 *
 * @package Total
 */
if (get_theme_mod('total_portfolio_section_disable') != 'on') {
    ?>
    <section id="ht-portfolio-section" class="ht-section">
        <div class="ht-container">
            <?php
            $total_portfolio_title = get_theme_mod('total_portfolio_title');
            $total_portfolio_sub_title = get_theme_mod('total_portfolio_sub_title');
            ?>

            <?php if ($total_portfolio_title || $total_portfolio_sub_title) { ?>
                <div class="ht-section-title-tagline">
                    <?php if ($total_portfolio_title) { ?>
                        <h2 class="ht-section-title"><?php echo esc_html($total_portfolio_title); ?></h2>
                    <?php } ?>

                    <?php if ($total_portfolio_sub_title) { ?>
                        <div class="ht-section-tagline"><?php echo esc_html($total_portfolio_sub_title); ?></div>
                    <?php } ?>
                </div>
            <?php } ?>

            <?php
            $total_portfolio_cat = get_theme_mod('total_portfolio_cat');

            if ($total_portfolio_cat) {
                $total_portfolio_cat_array = explode(',', $total_portfolio_cat);
                ?>
                <div class="ht-portfolio-cat-name-list">
                    <i class="fas fa-th-large" aria-hidden="true"></i>
                    <?php
                    foreach ($total_portfolio_cat_array as $total_portfolio_cat_single) {
                        $category_slug = "";
                        $category_slug = get_category($total_portfolio_cat_single);
                        if (is_object($category_slug)) {
                            $category_slug = 'total-portfolio-' . $category_slug->term_id;
                            ?>
                            <div class="ht-portfolio-cat-name" data-filter=".<?php echo esc_attr($category_slug); ?>">
                                <?php echo esc_html(get_cat_name($total_portfolio_cat_single)); ?>
                            </div>
                            <?php
                        }
                    }
                    ?>
                </div>
            <?php } ?>

            <div class="ht-portfolio-post-wrap">
                <div class="ht-portfolio-posts ht-clearfix">
                    <?php
                    if ($total_portfolio_cat) {
                        $count = 1;
                        $args = array('cat' => $total_portfolio_cat, 'posts_per_page' => -1);
                        $query = new WP_Query($args);
                        if ($query->have_posts()):
                            while ($query->have_posts()):
                                $query->the_post();
                                $categories = get_the_category();
                                $category_slug = "";
                                $cat_slug = array();

                                foreach ($categories as $category) {
                                    $cat_slug[] = 'total-portfolio-' . $category->term_id;
                                }

                                $category_slug = implode(" ", $cat_slug);

                                if (has_post_thumbnail()) {
                                    $image_url = get_template_directory_uri() . '/images/portfolio-small-blank.png';
                                    $total_image = wp_get_attachment_image_src(get_post_thumbnail_id(), 'total-portfolio-thumb');
                                    $total_image_large = wp_get_attachment_image_src(get_post_thumbnail_id(), 'large');
                                } else {
                                    $image_url = get_template_directory_uri() . '/images/portfolio-small.png';
                                    $total_image = "";
                                }
                                ?>
                                <div class="ht-portfolio <?php echo esc_attr($category_slug); ?>">
                                    <div class="ht-portfolio-outer-wrap">
                                        <div class="ht-portfolio-wrap" style="background-image: url(<?php echo esc_url($total_image[0]) ?>);">

                                            <img class="no-lazyload" src="<?php echo esc_url($image_url); ?>" alt="<?php esc_attr(get_the_title()); ?>">

                                            <div class="ht-portfolio-caption">
                                                <h5><?php the_title(); ?></h5>
                                                <a class="ht-portfolio-link" href="<?php echo esc_url(get_permalink()); ?>"><i class="fas fa-link"></i></a>

                                                <?php if (has_post_thumbnail()) { ?>
                                                    <a class="ht-portfolio-image" data-lightbox-gallery="gallery1" href="<?php echo esc_url($total_image_large[0]) ?>"><i class="fas fa-search"></i></a>
                                                <?php } ?>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <?php
                            endwhile;
                        endif;
                        wp_reset_postdata();
                    }
                    ?>
                </div>
                <?php ?>
            </div>
        </div>
    </section>
    <?php
}