<?php get_header(); ?>

<main>

    <?php echo do_shortcode('[hero_slider]'); ?>


    <section class="categories">
        <a href="<?php echo esc_url( wc_get_page_permalink('shop') ); ?>" class="categories__item categories__item--all">
            Zobacz wszystkie produkty
        </a>

        <?php
            $all_cats = get_terms([
                'taxonomy'   => 'product_cat',
                'hide_empty' => false,
            ]);

            $product_cats = array_filter($all_cats, function($cat){
                return $cat->slug !== 'bez-kategorii';
            });

            if (! is_wp_error($product_cats) && ! empty($product_cats)):
                foreach ($product_cats as $cat): ?>
                    <a href="<?php echo esc_url( get_term_link($cat) ); ?>"
                    class="categories__item <?php echo $cat->slug ?>">
                    <span class="categories__icon">
                        <?php 
                            $svg = get_template_directory() . '/assets/images/' . $cat->slug . '.svg';
                            echo file_exists($svg) ? file_get_contents($svg) : '';
                        ?>
                    </span>
                    <span class="categories__label"><?php echo esc_html($cat->name); ?></span>
                    </a>
                <?php endforeach;
            endif;
        ?>

        <a href="<?php echo esc_url( wc_get_page_permalink('shop') ); ?>"
            class="categories__item categories__item--wide">
            Zobacz wszystkie produkty
        </a>
    </section>

    <section class="bestseller">
        <p class="hero__heading bestseller__heading">
                <span class="hero__heading--bold">
                    PAN<span class="hero__heading--highlight">DA</span>
                </span> 
                BESTSELLERY
        </p>


        <?php echo do_shortcode('[product_slider limit="6" orderby="rand"]'); ?>


        <a href="<?php echo esc_url( home_url( '/sklep/' ) ); ?>" class="bestseller__shop-button">
            Przejdź do sklepu
        </a>
    </section>


    <section class="hero section-main">
        <div class="hero__media">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/hero.png" alt="kubek" class="hero__image" />
        </div>

        <div class="hero__content">
            <p class="hero__heading">
                CO OFERUJE 
                <span class="hero__heading--bold">
                    PAN<span class="hero__heading--highlight">DA</span>
                </span> 
                GADŻETY?
            </p>

            <p class="hero__description">
                Naszym celem jest dostarczenie produktów reklamowych w możliwie najlepszej jakości oraz cenie. 
                <span class="hero__description--highlight">Posiadamy 10-letnie doświadczenie</span>, 
                a nasz park maszynowy oraz doświadczenie załogi gwarantuje najwyższą jakość usług.
            </p>

            <div class="hero__feature">
                <div class="hero__icon">
                    <?php echo file_get_contents(get_template_directory() . '/assets/images/location.svg'); ?>
                </div>
                <p class="hero__feature-text">Największy wybór produktów</p>
            </div>

            <div class="hero__feature">
                <div class="hero__icon hero__icon--yellow">
                    <?php echo file_get_contents(get_template_directory() . '/assets/images/calendar.svg'); ?>
                </div>
                <p class="hero__feature-text">Produkty z Twoim nadrukiem</p>
            </div>

            <div class="hero__feature">
                <div class="hero__icon hero__icon--blue">
                    <?php echo file_get_contents(get_template_directory() . '/assets/images/ticket.svg'); ?>
                </div>
                <p class="hero__feature-text">Produkty w różnych pakietach</p>
            </div>
        </div>
    </section>
</main>

<?php get_footer(); ?>