<?php
get_header(); ?>
<?
$args = array('taxonomy' => 'product_cat');
$categories = get_categories($args);

//$arr_cat = [[]];

foreach ($categories as $item_cat) {
  if ($item_cat->parent === 0) :
    $arr_cat[$item_cat->term_id][0] = $item_cat->name;
  else :
    $arr_cat[$item_cat->parent][$item_cat->term_id] = $item_cat->name;
  endif;
}

?>
<div id="primary" class="content-area">
  <main id="main" class="site-main">
    <section class="main">
      <div class="main__container">
        <div class="main__wrapper">
          <div class="main__menu">
            <div class="main__menu-header">Все категории</div>
            <div class="main__menu-content">
              <? foreach ($arr_cat as $key_big => $item_cat_big) : ?>
                <div class="main__menu-item">
                  <a href="<?= get_category_link($key_big); ?>" class="main__menu-wrapper">
                    <img class="main__menu-icon main__menu-icon--visible" src="<?= get_field('ikonka_obychnaya', 'term_' . $key_big); ?>" alt="">
                    <img class="main__menu-icon" src="<?= get_field('ikonka_hover', 'term_' . $key_big); ?>" alt="">
                    <div class="main__menu-text"> <?= $item_cat_big[0]; ?></div>
                  </a>
                  <? if (count($item_cat_big) > 1) : ?>
                    <div class="main__menu-arrow icon-angle-right"></div>
                    <div class="popup popup--small">
                      <object>
                        <div class="popup__content">
                          <div class="popup__content-top">
                            <div class="popup__column">
                              <!-- <div class="popup__column-title">Guns</div> -->
                              <? foreach ($item_cat_big as $key => $item_cat) : ?>
                                <? if ($key !== 0) : ?>
                                  <a href="<?= get_category_link($key); ?>" class="popup__column-item"><?= $item_cat; ?></a>
                                <? endif; ?>
                              <? endforeach ?>
                            </div>
                          </div>
                          <!-- <div class="popup__content-bottom">
                            <div class="popup__bottom-item">top favourite</div>
                            <div class="popup__bottom-item">fishing gear</div>
                          </div> -->
                        </div>
                      </object>
                      <!-- <img src="<?= bloginfo('template_directory') ?>/assets/img/bg-popup.jpg" alt="" class="popup__bg"> -->
                    </div>
                  <? endif; ?>
                </div>
              <? endforeach; ?>
            </div>
          </div>
          <? if (have_rows('slajder_na_glavnoj', 'option')) : ?>
            <div class="swiper">
              <div class="swiper-wrapper">
                <? $count = 0; ?>
                <? while (have_rows('slajder_na_glavnoj', 'option')) : the_row(); ?>
                  <? $slide = get_sub_field('slajd'); ?>
                  <div class="swiper-slide <?= ($count == 0 ? 'swiper-slide--marginMax' : ''); ?>">
                    <div class="swiper__box">
                      <div class="swiper__box-text"><?= $slide['malenkij_tekst']; ?></div>
                      <div class="swiper__box-title"><?= $slide['krupnyj_tekst']; ?></div>
                      <? if ($slide['tekst_knopki']) : ?>
                        <a href="<?= $slide['ssylka'] ?>" class="button">
                          <div class="button__text"><?= $slide['tekst_knopki']; ?></div>
                        </a>
                      <? endif; ?>
                    </div>
                    <img class="swiper-slide-img" src="<?= $slide['foto']; ?>" alt="">
                  </div>
                  <? $count++; ?>
                <? endwhile; ?>

                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
              </div>
              <div class="swiper-pagination"></div>
            </div>
          <? endif; ?>
        </div>
      </div>
    </section>
    <?php // Show the selected frontpage content.
    if (have_posts()) :
      while (have_posts()) : the_post();
        the_content();
      endwhile;
    else : // I'm not sure it's possible to have no posts when this page is shown, but WTH.
      get_template_part('template-parts/post/content', 'none');
    endif; ?>
  </main><!-- #main -->
</div><!-- #primary -->
<?php get_footer();