<?php
/**
 * Template part for displaying posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package printx
 */

$gallery_images = function_exists('tpmeta_gallery_field')? tpmeta_gallery_field('printx_post_gallery') : '';
$printx_blog_cat = get_theme_mod('printx_blog_cat', false);
$categories = get_the_terms( $post->ID, 'category' );

if ( is_single() ): ?>

<article id="post-<?php the_ID();?>" <?php post_class( 'postbox__item mb-20 transition-3' );?>>
    <?php if ( has_post_thumbnail() ): ?>
    <div class="postbox__thumb w-img">
        <div class="tp-blog-slider-active">
            <?php foreach ( $gallery_images as $key => $image ): ?>
                <img src="<?php echo esc_url($image['url']); ?>" alt="aa <?php echo esc_attr($image['alt']); ?>">
            <?php endforeach;?>
        </div>
        <?php if(!empty($printx_blog_cat && $categories[0]->name)) : ?>
        <div class="postbox__tag">
            <p><?php echo esc_html($categories[0]->name);?></p>
        </div>
        <?php endif; ?>
    </div>
    <?php endif; ?>
    <div class="postbox__content">
        <?php get_template_part( 'template-parts/blog/blog-meta' ); ?>
        <div class="postbox__text">
            <?php the_content();?>
            <?php
            wp_link_pages( [
                'before'      => '<div class="page-links">' . esc_html__( 'Pages:', 'printx' ),
                'after'       => '</div>',
                'link_before' => '<span class="page-number">',
                'link_after'  => '</span>',
            ] );
             ?>
        </div>
    </div>
</article>

<?php else: ?>

<article id="post-<?php the_ID();?>" <?php post_class( 'postbox__item mb-60 transition-3' );?>>

    <?php if ( has_post_thumbnail() ): ?>
    <div class="postbox__thumb w-img">
        <div class="tp-blog-slider-active">
            <?php foreach ( $gallery_images as $key => $image ): ?>
                <img src="<?php echo esc_url($image['url']); ?>" alt="aa <?php echo esc_attr($image['alt']); ?>">
            <?php endforeach;?>
        </div>
        <?php if(!empty($printx_blog_cat && $categories[0]->name)) : ?>
        <div class="postbox__tag">
            <p><?php echo esc_html($categories[0]->name);?></p>
        </div>
        <?php endif; ?>
    </div>
    <?php endif; ?>

    <div class="postbox__content">
        <?php get_template_part( 'template-parts/blog/blog-meta' ); ?>
        <h3 class="postbox__title">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h3>
        <div class="postbox__text">
            <?php the_excerpt();?>
        </div>
        <?php get_template_part( 'template-parts/blog/blog-btn' ); ?>
    </div>
</article>


<article id="post-<?php the_ID();?>" <?php post_class( 'postbox__item tp-postbox-item format-gallery mb-50 transition-3 d-none' );?>>
    <?php if ( !empty( $gallery_images ) ): ?>
    <div class="tp-postbox-thumb tp-postbox-slider swiper-container w-img p-relative">
        <div class="tp-blog-slider-active">
            <?php foreach ( $gallery_images as $key => $image ): ?>
            <div class="tp-postbox-slider-item swiper-slide">
                <img src="<?php echo esc_url($image['url']); ?>" alt="aa <?php echo esc_attr($image['alt']); ?>">
            </div>
            <?php endforeach;?>
        </div>
        <div class="tp-postbox-nav">
            <button class="tp-postbox-slider-button-next"><i class="fal fa-arrow-right"></i></button>
            <button class="tp-postbox-slider-button-prev"><i class="fal fa-arrow-left"></i></button>
        </div>
    </div>
    <?php endif;?>
    <div class="tp-postbox-content">
        <?php get_template_part( 'template-parts/blog/blog-meta' ); ?>
        <h3 class="tp-postbox-title">
            <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h3>
        <div class="tp-postbox-text">
            <?php the_excerpt();?>
        </div>
        <?php get_template_part( 'template-parts/blog/blog-btn' ); ?>
    </div>
</article>


<?php endif;?>