<?php
$parent_id = 7;


# получаем дочерние рубрики
$sub_cats = get_categories( array(
  'child_of' => $parent_id,
  'hide_empty' => 0
) );
if( $sub_cats ){
  foreach( $sub_cats as $cat ){
    // var_dump($cat);
    // Данные в объекте $cat

    // $cat->term_id
    // $cat->name (Рубрика 1)
    // $cat->slug (rubrika-1)
    // $cat->term_group (0)
    // $cat->term_taxonomy_id (4)
    // $cat->taxonomy (category)
    // $cat->description ()
    // $cat->parent (0)
    // $cat->count (14)
    // $cat->object_id (2743)
    // $cat->cat_ID (4)
    // $cat->category_count (14)
    // $cat->category_description ()
    // $cat->cat_name (Рубрика 1)
    // $cat->category_nicename (rubrika-1)
    // $cat->category_parent (0)
    ?>
        <section>
          <div class="vhod-text-img">
            <div class="vhod-img-opis">
              <?php $img_arr = get_field('img_cat', 'category_'.$cat->cat_ID);
              ?>
              <img src="<?php echo $img_arr['url']; ?>" class="img-fluid" alt="">
            </div>
            <div class="vhod-dver-text-opis">
              <span><?php echo $cat->name;?></span>
              <?php echo $cat->description;?>
              <section>
                <div class="vhod-dver-item-plus">
                  <div class="vhod-dver-item-block">
                    <div class="vhod-dver-item-block-img">
                      <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/2.png" style="width: 16px;height: 9px;" alt="">
                    </div>
                  </div>

                  <div class="vhod-dver-item-block">
                    <div class="vhod-dver-item-block-img">
                      <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/3.png" style="width: 16px;height: 14px;" alt="">
                    </div>
                  </div>

                  <div class="vhod-dver-item-block">
                    <div class="vhod-dver-item-block-img">
                      <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/4.png" style="width: 16px;height: 16px;" alt="">
                    </div>
                  </div>

                  <div class="vhod-dver-item-block">
                    <div class="vhod-dver-item-block-img">
                      <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/5.png" style="width: 16px;height: 16px;" alt="">
                    </div>
                  </div>

                  <section>
                    <div class="vhod-dver-item-block">
                      <div class="vhod-dver-item-block-img">
                        <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/6.png" style="width: 12px;height: 16px;" alt="">
                      </div>
                    </div>

                    <div class="vhod-dver-item-block">
                      <div class="vhod-dver-item-block-img">
                        <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/7.png" style="width: 16px;height: 16px;" alt="">
                      </div>
                    </div>

                    <div class="vhod-dver-item-block">
                      <div class="vhod-dver-item-block-img">
                        <img src="<?php bloginfo('template_url')?>/img/vhod-dveri-opis/8.png" style="width: 16px;height: 16px;" alt="">
                      </div>
                    </div>
                  </section>
                </div>
              </section>

              <div class="vhod-dver-btn"><a href="<?php the_permalink($cat->slug); ?>">Подробнее о коллекции</a></div>

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

        <section id="portfolio" class="s_portfolio vhod-dveri-block-2">
        <!-- <section class="vhod-dveri-block-2"> -->

          <div class="nav-block-dveri">
            <div class="nav-block-dveri-list">
              <p>Толщина металла:</p>
              <?php $doordes = get_field( 'doordes'); ?>
              <div class="nav-block-dveri-list-change"><form action=""><select name=""><option>1,2 мм</option></select></form></div>
            </div>
          </div>



          <div class="nav-block-dveri-item filter_div controls" data-mix="#container">
             <?php
            $cat_id = 6;
            $tags = get_tags_in_cat($cat_id);
            if($tags){
              echo '<ul class="comment-nav">';
              echo '<li data-filter="*"  class="filter active">Все</li>';
              foreach($tags as $tag_id => $tag_name){
                echo '<li class="filter" data-filter=".' . $tag_id . '">' . $tag_name . '</li>';
              }
              echo '</ul>';
            }
            ?>
            <!-- <ul class="comment-nav">
              <li class="filter active" data-filter="all">Все</li>
              <li class="filter" data-filter=".category-1">Металл / МДФ</li>
              <li class="filter" data-filter=".category-2">МДФ / МДФ</li>
            </ul> -->
          </div>
          <div id="container">

          <!-- <div class="nav-block-dveri-item tabs"> -->

            <!-- <ul class="comment-nav">
              <li class="active">Все</li>
              <li>Металл / МДФ</li>
              <li>МДФ / МДФ</li>
            </ul>


            <div>
              <div>  -->
              <?php

    // echo '<h3>'. $cat->name .'</h3>';

    # получаем записи из рубрики
    $myposts = get_posts( array(
      'numberposts' => -1,
      'category'    => $cat->cat_ID,
      'orderby'     => 'post_date',
      'order'       => 'DESC',
    ) );
    # выводим записи
    global $post;
    foreach($myposts as $post){
      setup_postdata($post);?>
      <?php $doordes = get_field( 'doordes'); ?>
      <?php $tag_ids = wp_get_post_tags( $post->ID, array('fields' => 'ids'));
              $comma_separated = implode(" ", $tag_ids);
              if($tag_ids){
                echo '<div class="vhod-dveri-block-list mix '. $comma_separated .'">';
              }
              ?>
      <!-- <div class="vhod-dveri-block-list mix category-1"> -->
                 <div class="vhod-dveri-block-list-title">
                  <span><?php echo get_the_title(); ?></span>
                  <?php if(!empty($doordes['price_mod'])){ ?>
                    <span><?php  echo $doordes['price_mod']?></span>
                  <?php } ?>

                </div>
                <div class="vhod-dveri-block-list-img">
                  <img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="">
                </div>
                <div style="position: relative;">
                 <div class="vhod-dveri-block-left">
                   <p style="margin: 20px 0 10px"><b>Внешняя отделка</b></p>
                   <p><?php echo $doordes['out_door_1']; ?></p>
                   <p><?php echo $doordes['out_door_2']; ?></p>
                 </div>
                 <div class="vhod-dveri-block-right">
                   <p style="margin: 20px 0 10px"><b>Внутренняя отделка</b></p>
                   <p><?php echo $doordes['in_door_1']; ?></p>
                   <p><?php echo $doordes['in_door_2']; ?></p>
                 </div>
               </div>
               <div class="block-bottom-2">
                 <span><a href="#" class="btn-dveri">Заказать дверь</a></span>
                 <span><a href="<?php echo get_permalink(); ?>" class="review">Подробнее о двери</a></span>
               </div>
               <div class="block-side-2">
                 <div class="block-side-title">Цвет внешней отделки</div>
                 <ul>
                   <li><a href="#"><img src="<?php echo $doordes['color_out_1']['url']; ?>" alt="" title=""></a></li>
                   <li><a href="#"><img src="<?php echo $doordes['color_out_2']['url']; ?>" alt="" title=""></a></li>
                   <li><a href="#"><img src="<?php echo $doordes['color_out_3']['url']; ?>" alt="" title=""></a></li>
                 </ul>
                 <div class="block-side-title-2 block-side-title-3">Цвет МДФ накладок</div>
                 <ul>
                   <li><a href="#"><img src="<?php echo $doordes['color_in_1']['url']; ?>" alt="" title=""></a></li>
                   <li><a href="#"><img src="<?php echo $doordes['color_in_2']['url']; ?>" alt="" title=""></a></li>
                   <li><a href="#"><img src="<?php echo $doordes['color_in_3']['url']; ?>" alt="" title=""></a></li>
                   <li><a href="#"><img src="<?php echo $doordes['color_in_4']['url']; ?>" alt="" title=""></a></li>
                   <li><a href="#"><img src="<?php echo $doordes['color_in_5']['url']; ?>" alt="" title=""></a></li>
                 </ul>
               </div>
             </div>
             <?php
    }
    ?>
   <!-- </div>
  </div> -->

</div>
<div class="button-more"><a href="#">Показать все двери коллеции (14)</a></div>
</section>
<?php
  }



  wp_reset_postdata(); // сбрасываем глобальную переменную пост
}  ?>