/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/wp-content/themes/paytech/blog.php
<?php
  // Template name: Blog
  get_header();

  $template_directory = get_template_directory_uri();
  $srcset = 'srcset="' . $template_directory . '/assets/images/lazyload.png"';
?>

<?php
  $args = [];
  $args['is_light'] = false;
  get_template_part('templates/blocks/breadcrumbs', null, $args);
?>

<main>
  <section class="blog-slider-section">
    <div class="container">
      <h1 class="section-title title-1 mob-title-1 --text-centered" data-animate="word">
        <?php 
          $title = get_field('title');
          if ($title) {
            echo $title;
          } else {
            the_title();
          }
        ?>
      </h1>
      <?php
        $articles_slider = get_field('articles_slider');
        if ($articles_slider) :
          $articleCount = 0;
          foreach($articles_slider as $item) {
            $preview = get_field('preview', $item);
            $category = get_the_category($item);
            $category_color = get_field('category_color', $category[0]);
            $post_status = get_post($item)->post_status;
            if ($preview['preview'] && $post_status == 'publish') {
              $articleCount++;
            }
          }
      ?>
        <div class="blog-slider <?php if ($articleCount <= 1) echo '-hide-arrows'; ?>">
          <div class="slider">

            <div class="swiper-wrapper">
              <?php
                foreach($articles_slider as $item) :
                  $preview = get_field('preview', $item);
                  $category = get_the_category($item);
                  $category_color = get_field('category_color', $category[0]);
                  $post_status = get_post($item)->post_status;
                  if ($preview['preview'] && $post_status == 'publish') :
              ?>
                <a href="<?php echo get_the_permalink($item); ?>" class="swiper-slide post-card -bigger" data-animate="swim-top">
                  <div class="img">
                    <?php
                      if ($category[0]) :
                    ?>
                    <div class="categorie blog-tag -<?php echo $category_color; ?>">
                      <?php echo $category[0]->name; ?>
                    </div>
                    <?php
                      endif;
                    ?>
                    <img src="<?php echo $preview['preview']['url']; ?>" alt="<?php echo $preview['preview']['alt']; ?>">
                  </div>
                  <div class="content">
                    <p class="title title-3 mob-title-3 -bold">
                      <?php
                        if ($preview['title']) {
                          echo $preview['title'];
                        } else {
                          echo get_the_title($item);
                        }
                      ?>
                    </p>
                    <p class="date text-3 mob-text-3">
                      <?php
                        echo get_the_date('F n, Y', $item);
                      ?>
                    </p>
                  </div>
                </a>
              <?php
                  endif;
                endforeach;
              ?>
            </div>
            <div class="navigation swiper-navigation" data-animate="fade">
              <div class="prev swiper-navigation__button"></div>
              <div class="next swiper-navigation__button"></div>
            </div>
          </div>
          <div class="nav-pag navigation swiper-navigation">
            <div class="prev swiper-navigation__button"></div>
            <div class="pagination"></div>
            <div class="next swiper-navigation__button"></div>
          </div>
        </div>
      <?php
        endif;
      ?>
    </div>
  </section>

  <section class="blog-list" data-animate-group="list">
    <div class="container">
      <div class="blog-list__wrapper">
        <div class="blog-list__menu" data-animate="swim-top">
          <?php
            $categories = get_categories([
              'taxonomy'   => 'category',
              'hide_empty' => true,
            ]);
          ?>
          <div class="blog-tag all-tag -black -active">all</div>
          <?php
            foreach($categories as $category) :
              $color = get_field('category_color', $category);
          ?>
					  <div class="blog-tag -<?php echo $color; ?>" data-slug="<?php echo $category->slug; ?>" data-id="<?php echo $category->cat_ID; ?>"><?php echo $category->name; ?></div>
          <?php
            endforeach;
          ?>
        </div>
        <div class="blog-list__ajax">
          <?php get_template_part('templates/blog-list'); ?>
        </div>
      </div>
    </div>
  </section>
</main>

<?php
  get_footer();
?>