<?php

/**
 * The Template for displaying product archives, including the main shop page which is a post type archive
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/archive-product.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see https://woocommerce.com/document/template-structure/
 * @package WooCommerce\Templates
 * @version 8.6.0
 */

defined('ABSPATH') || exit;

get_header('shop');

$category = get_queried_object();

if ($category && $category->taxonomy === 'product_cat') {
    $category_slug = $category->slug;
    if (file_exists(get_stylesheet_directory() . '/woocommerce/archive-product-' . $category_slug . '.php')) {
        include get_stylesheet_directory() . '/woocommerce/archive-product-' . $category_slug . '.php';
        return;
    }
}
?>

<section class="home-banner position-relative">
    <div class="position-absolute top-0 start-0 w-100 h-100 banner-img">
        <img src="<?php echo site_url(); ?>/wp-content/uploads/2024/06/home-banner.webp" alt="games" width="100%" height="100%">
    </div>
    <div class="container h-100">
        <div class="row align-items-center h-100 banner-content">
            <div class="col-12 col-md-6">
                <nav class="mb-2" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item font-18">
                            <a href="https://viitorcloud.com/">Home</a>
                        </li>
                        <li class="breadcrumb-item font-18 active" aria-current="page">
                            <a href="<?php echo site_url(); ?>">Marketplace</a>
                        </li>
                        <li class="breadcrumb-item font-18 active" aria-current="page">Shop</li>
                    </ol>
                </nav>
                <p class="font-64 text-white mb-4">Shop</p>
                <p class="font-20 text-white">
                    Discover our all premium plugin
                </p>
            </div>
        </div>
    </div>
</section>

<section id="plugins" class="section-content py-80 pt-40">
    <div class="container">
        <div class="d-flex align-items-center justify-content-between">
            <h3 class="font-30 m-0 text-black fw-light">
                Shop
            </h3>
        </div>
        <div class="row">
            <?php
            $category_slug = 'paid';
            $args = array(
                'post_type' => 'product',
                'posts_per_page' => -1,
                'tax_query' => array(
                    array(
                        'taxonomy' => 'product_cat',
                        'field' => 'slug',
                        'terms' => $category_slug,
                    ),
                ),
            );
            $loop = new WP_Query($args);

            if ($loop->have_posts()) :
                while ($loop->have_posts()) : $loop->the_post();
                    global $product;
                    $title     = get_the_title();
                    $excerpt   = get_the_excerpt();
                    $permalink = get_permalink();
                    $thumbnail_id = get_post_thumbnail_id($product->ID);
                    $thumbnail = get_the_post_thumbnail_url($product->ID, 'full');
                    $thumbnail_alt = get_post_meta($thumbnail_id, '_wp_attachment_image_alt', true);
            ?>
                    <div class="col-12 col-md-6 col-lg-4 mt-40">
                        <div class="d-flex align-items-center">
                            <a href="<?php echo get_permalink(); ?>" class="d-flex align-items-center">
                                <?php if ($thumbnail) { ?>
                                    <img src="<?php echo $thumbnail; ?>" alt="<?php echo esc_attr($thumbnail_alt); ?>" width="80" height="80" />
                                <?php } ?>
                                <div class="plugin-detail ms-4">
                                    <p class="font-20 text-black"><?php echo esc_html($title); ?></p>
                                    <p class="font-18 font-black-light mt-2"><?php echo esc_html($excerpt); ?></p>
                                </div>
                            </a>
                        </div>
                    </div>
                <?php endwhile; ?>
            <?php else : ?>
                <p><?php _e('No products found', 'woocommerce'); ?></p>
            <?php endif; ?>
            <?php wp_reset_postdata(); // Reset the query 
            ?>

        </div>
    </div>
</section>

<?php
get_footer('shop');