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

?>

<article id="post-<?php the_ID(); ?>" <?php post_class('post-item uk-animation-slide-bottom-small'); ?>>
	<div class="entry-header">
		<div class="post-feature">
			<a href="<?php the_permalink(); ?>">
				<img class="post-thum lazy" data-src="<?php echo get_ppo_thum( get_the_ID(), 'large','random'); ?>" alt="" uk-img="loading: lazy">
			</a>
		</div>
	</div><!-- .entry-header -->

	<div class="entry-content">
		<div class="post-title">
			<?php the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
		</div>
		<div class="time-meta">
			<span class="nickname">@<?php the_author(); ?></span> - <time class="timeago" itemprop="datePublished" datetime="<?php echo get_the_date('c');?>"><?php echo ''.get_gmt_from_date(get_the_time('Y-m-d G:i:s')); ?></time>
		</div>
		<div class="post-content">
			<p><?php echo mb_strimwidth(strip_shortcodes(strip_tags(apply_filters('the_content', $post->post_content))), 0, 120,"...");?></p>
		</div>
		
	</div><!-- .entry-content -->

	<div class="entry-footer">
		<div class="post-f-meta">
			<div class="left post-social-data"><?php echo show_post_meta(); ?></div>
			<div class="right post-cats"><div class="pf-cat"><i class="ri-hashtag"></i><?php echo get_post_first_cat(); ?></div></div>
		</div>
	</div><!-- .entry-footer -->

</article><!-- #post-<?php the_ID(); ?> -->
