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

$archive_category = get_theme_mod( 'translucent_blog_enable_archive_category', true );
$archive_author   = get_theme_mod( 'translucent_blog_enable_archive_author', true );
$archive_date     = get_theme_mod( 'translucent_blog_enable_archive_date', true );
$excerpt_length   = get_theme_mod( 'translucent_blog_excerpt_length', 10 );

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

	<div class="post-item post-overlay-grid style-1">
		<div class="post-item-image">
			<?php translucent_blog_post_thumbnail(); ?>
		</div>
		<div class="post-grid-overlay"></div>
		<div class="post-item-content">
			<div class="post-title-wrap">
				<?php
				if ( is_singular() ) :
					the_title( '<h1 class="entry-title">', '</h1>' );
				else :
					the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
				endif;
				?>
			</div>
			<div class="post-title-wrap">
				<?php if ( $archive_category === true ) : ?>
					<div class="entry-cat">
						<?php the_category( '', '', get_the_ID() ); ?>
					</div>
				<?php endif; ?>
				<div class="post-exerpt">
					<p><?php echo wp_kses_post( wp_trim_words( get_the_excerpt(), $excerpt_length ) ); ?></p>
				</div>
				<ul class="entry-meta">
					<?php if ( $archive_author === true ) : ?>
						<li class="post-author"> <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>"><i class="far fa-user"></i><?php echo esc_html( get_the_author() ); ?></a></li>
					<?php endif; ?>
					<?php if ( $archive_date === true ) : ?>
						<li class="post-date"><i class="far fa-calendar-alt"></i></span><?php echo esc_html( get_the_date() ); ?></li>
					<?php endif; ?>
					<li class="reading-time"><i class="far fa-clock"></i>
						<?php
						echo translucent_blog_time_interval( get_the_content() );
						echo esc_html__( ' min read', 'translucent-blog' );
						?>
					</li>
					<li class="comment"><i class="far fa-comment"></i><?php echo absint( get_comments_number( get_the_ID() ) ); ?></li>
				</ul>
			</div>	
		</div>
	</div>

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