/home/bdqbpbxa/demo-subdomains/paytech.goodface.com.ua/wp-content/themes/paytech/single-post.php
<?php
  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="article">
    <div class="container">
      <?php
        $category = get_the_category($post->ID);
        $category_color = get_field('category_color', $category[0]);
          $blog = get_pages( [
            'meta_key' => '_wp_page_template',
            'meta_value' => "blog.php"
          ]);
          $permalink = get_the_permalink($blog[0]);
      ?>
      <div class="blog-breadcrumbs" data-animate="fade">
        <a href="<?php echo $permalink; ?>" class="prev"></a>
        <a href="<?php echo $permalink; ?>?cat=<?php echo $category[0]->slug; ?>" class="tag blog-tag -<?php echo $category_color; ?>">
          <?php echo $category[0]->name; ?>
        </a>
      </div>
      <?php
        $preview = get_field('preview');
        
      ?>
      <h1 class="section-title --text-centered title-1 mob-title-1" data-animate="word">
        <?php
          if ($preview['title']) {
            echo $preview['title'];
          } else {
            the_title();
          }
        ?>
      </h1>
      <?php
        if ($preview['description']) :
      ?>
        <p class="start-text text-2 mob-text-2 -higher --text-centered" data-animate="swim-top">
          <?php echo $preview['description']; ?>
        </p>
      <?php
        endif;
      ?>
      <div class="start-img" data-animate="fade">
        <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $preview['preview']['url']; ?>" alt="<?php echo $preview['preview']['alt']; ?>">
      </div>
      <div class="editor article-editor article-content">
        <?php
          $main = get_field('main');
          foreach($main as $item) :
            if ($item['choose_block_type'] == 'editor' && $item['editor']) :
              echo $item['editor'];
            elseif ($item['choose_block_type'] == 'blockquote' && $item['blockquote']['text']) :
        ?>
          <div class="blockquote" data-animate="swim-top">
            <p class="text text-2 mob-text-2 -higher">
              <?php echo $item['blockquote']['text']; ?>
            </p>
            <?php
              if ($item['blockquote']['name']) :
            ?>
            <p class="name text-3 mob-text-3 -bold"><?php echo $item['blockquote']['name']; ?></p>
            <?php
              endif;
              if ($item['blockquote']['position']) :
            ?>
            <p class="position text-3 mob-text-3 "><?php echo $item['blockquote']['position']; ?></p>
            <?php
              endif;
            ?>
          </div>

        <?php
          elseif ($item['choose_block_type'] == 'video' && $item['video']['preview'] && $item['video']['video']) :
        ?>

          <div class="video video-default">
            <div class="video__preview">
              <img class="-lazyload" <?php echo $srcset; ?> src="<?php echo $item['video']['preview']['url']; ?>" alt="<?php echo $item['video']['preview']['alt']; ?>">
            </div>
            <div class="video__inner">
                <video class="-lazyload" data-src="<?php echo $item['video']['video']['url'] ?>" data-start-position="0" controls></video>
            </div>
          </div>

        <?php    
            endif;
          endforeach;
        ?>      
      </div>
    </div>
  </section>

  <?php
    $blog_id = 350;
    $hide_all_related_posts = get_field('hide_related_psots_for_all_posts', $blog_id);
    $hide_related_posts_for_this_post = get_field('hide_related_posts_for_this_post');
    $posts_for_display = get_field('related_articles');
    if (!$hide_all_related_posts && !$hide_related_posts_for_this_post) :
      $title = get_field('title_for_related_posts_in_articles', $blog_id);

      if (!$posts_for_display) {        
        $posts_for_display =  new WP_Query([
          'posts_per_page' => 3,
          'post_type' => 'post',
          'orderby' => 'date',
          'order' => 'DESC',
          'cat' => $category[0]->cat_ID,
          'post__not_in' => [get_the_ID()]
        ]);
        $posts_for_display = $posts_for_display->posts;
      }
      if ($posts_for_display) :
  ?>
    <section class="related-posts" data-animate-group="list">
      <div class="container">
        <?php
          if ($title) :
        ?>
          <h2 class="section-title title-2 mob-title-2" data-animate="word">
            <?php echo $title; ?>
          </h2>
        <?php
          endif;
        ?>
        <div class="related-posts__wrapper">
          <?php
            foreach($posts_for_display as $post) {
              $args['post_id'] = $post->ID;
              $args['data_animate'] = 'data-animate="swim-top"';
              $args['is_preview'] = false;
              get_template_part('templates/cards/post-preview', null, $args);
            }
          ?>
        </div>
      </div>
    </section>
  <?php
      endif;
    endif;
  ?>
</main>

<?php
  get_footer();
?>