<?php
/**
 * Shop by Category
 */

if ( ! class_exists( 'WooCommerce' ) ) {
    return;
}

$categories = get_terms([
    'taxonomy'   => 'product_cat',
    'hide_empty' => false,
    'slug' => [
        'women-scrubs',
        'mens-scrubs',
        'lab-coats',
        'scrub-sets',
        'accessories',
        'shoes',
        'headwear'
    ]
]);

if ( empty( $categories ) || is_wp_error( $categories ) ) {
    return;
}
?>

<section class="nucco-home-categories">

    <div class="container">

        <div class="nucco-home-section-title">

            <h2>Shop by Category</h2>

            <span></span>

        </div>

        <div class="nucco-home-category-grid">

            <?php foreach ( $categories as $category ) :

                $thumbnail_id = get_term_meta( $category->term_id, 'thumbnail_id', true );

                $image = wp_get_attachment_image_url( $thumbnail_id, 'medium' );

                if ( ! $image ) {
                    $image = wc_placeholder_img_src();
                }

            ?>

                <a href="<?php echo esc_url( get_term_link( $category ) ); ?>" class="nucco-home-category-card">

                    <div class="nucco-home-category-image">

                        <img src="<?php echo esc_url( $image ); ?>" alt="<?php echo esc_attr( $category->name ); ?>">

                    </div>

                    <h3><?php echo esc_html( $category->name ); ?></h3>

                    <p><?php echo intval( $category->count ); ?> Products</p>

                </a>

            <?php endforeach; ?>

        </div>

    </div>

</section>