<?php

/**
 * Template part for displaying video posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package Gerold_Theme
 * @since Gerold 1.0.0
 * @author ThemeJunction 
 */

$gerold_blog_cat = get_theme_mod('gerold_blog_cat', true);
$gerold_categories = get_the_terms($post->ID, 'category');

// get video url
$gerold_video_url = function_exists('get_field') ? get_field('post_video_link') : "";

if (is_single()) : ?>

  <!-- single post -->
  <article id="post-<?php the_ID(); ?>" <?php post_class("tj-single__post"); ?>>
    <?php if (has_post_thumbnail()) : ?>
      <!-- post thumbnail -->
      <div class="tj-post__thumb">
        <a href="<?php the_permalink(); ?>">
          <?php the_post_thumbnail('full', ['class' => 'img-responsive']); ?>
        </a>

        <?php if (!empty($gerold_video_url)) : ?>
          <div class="tj-post__video">
            <a href="<?php print esc_url($gerold_video_url); ?>" class="popup_video"><i class="fa-thin fa-circle-play"></i></a>
          </div>
        <?php endif; ?>

        <?php if (!empty($gerold_categories[0]->name) && "yes" == $gerold_blog_cat) : ?>
          <a href="<?php echo esc_url(get_category_link($gerold_categories[0]->term_id)); ?>" class="category"><?php echo esc_html($gerold_categories[0]->name); ?></a>
        <?php endif; ?>
      </div>
    <?php endif; ?>

    <div class="tj-post__content">
      <!-- entry-meta -->
      <?php get_template_part('template-parts/blog/post-meta'); ?>

      <!-- entry content -->
      <div class="tj-entry__content tj-post__content">

        <?php the_content(); ?>

        <?php
        wp_link_pages([
          'before'      => '<div class="tj-page__links"> <span class="tj-page-links__title">' . esc_html__('Pages:', 'gerold') . '</span>',
          'after'       => '</div>',
          'link_before' => '<span>',
          'link_after'  => '</span>',
          'pagelink'    => '<span class="screen-reader-text">' . esc_html__('Page', 'gerold') . ' </span>%',
          'separator'   => '<span class="screen-reader-text"> </span>',
        ]);
        ?>
      </div>

      <!-- post tags -->
      <?php gerold_get_tag(); ?>

    </div>
  </article>
  <!-- !single post -->

<?php else : ?>

  <!-- post-<?php the_ID(); ?> -->
  <article id="post-<?php the_ID(); ?>" <?php post_class("tj__post tj-post wow fadeInUp"); ?> data-wow-delay="0.3s">

    <?php if (has_post_thumbnail()) : ?>
      <!-- post thumbnail -->
      <div class="tj-post__thumb">
        <a href="<?php the_permalink(); ?>">
          <?php the_post_thumbnail('full', ['class' => 'img-responsive']); ?>
        </a>

        <?php if (!empty($gerold_video_url)) : ?>
          <div class="tj-post__video">
            <a href="<?php print esc_url($gerold_video_url); ?>" class="popup_video"><i class="fa-thin fa-circle-play"></i></a>
          </div>
        <?php endif; ?>

        <?php if (!empty($gerold_categories[0]->name) && "yes" == $gerold_blog_cat) : ?>
          <a href="<?php echo esc_url(get_category_link($gerold_categories[0]->term_id)); ?>" class="category"><?php echo esc_html($gerold_categories[0]->name); ?></a>
        <?php endif; ?>
      </div>
    <?php endif; ?>

    <div class="tj-post__content">
      <!-- entry-meta -->
      <?php get_template_part('template-parts/blog/post-meta'); ?>

      <!-- entry title -->
      <?php the_title('<h3 class="tj-post__title entry-title"><a href="' . esc_url(get_permalink()) . '" rel="bookmark">', '</a></h3>'); ?>

      <?php if (!empty(get_the_excerpt())) : ?>
        <div class="tj-post__excerpt">
          <!-- post excerpt -->
          <?php echo wp_trim_words(get_the_excerpt(), 40, '...'); ?>
        </div>
      <?php endif; ?>

      <!-- post btn -->
      <?php get_template_part('template-parts/blog/post-btn'); ?>
    </div>
    <div class="tj-clearfix"></div>
  </article><!-- !post-<?php the_ID(); ?> -->

<?php endif; ?>