<?php
/**
 * Template part for displaying posts
 */
?>
<?php 
  $archive_year  = get_the_time('Y'); 
  $archive_month = get_the_time('m'); 
  $archive_day   = get_the_time('d'); 
?>
<div class="col-lg-4 col-md-4">
	<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
		<div class="blogger p-2 mb-4">
			<?php if(has_post_thumbnail() && get_theme_mod( 'tafri_travel_blog_blog_post_featured_image',true) != '') { ?>
				<div class="post-image">
				    <?php the_post_thumbnail(); ?>
			 	</div>
	 		<?php } ?>
	 		<h2 class="py-2 mb-0"><a href="<?php echo esc_url( get_permalink() ); ?>" title="<?php echo the_title_attribute(); ?>" class="text-capitalize"><?php the_title();?><span class="screen-reader-text"><?php the_title(); ?></span></a></h2>
	 		<?php if( get_theme_mod( 'tafri_travel_blog_grid_post_date',true) != '' || get_theme_mod( 'tafri_travel_blog_comment_hide',true) != '' || get_theme_mod( 'tafri_travel_blog_grid_post_author',true) != '' || get_theme_mod( 'tafri_travel_blog_time_hide',true) != '') { ?>
		      	<div class="post-info py-1 px-2 mb-2">
			        <?php if( get_theme_mod( 'tafri_travel_blog_grid_post_date',true) != '') { ?>
			          <span class="entry-date ps-2 pe-3"><i class="<?php echo esc_attr(get_theme_mod('tafri_travel_blog_grid_post_date_icon','fa fa-calendar'));?>"></i> <a href="<?php echo esc_url( get_day_link( $archive_year, $archive_month, $archive_day)); ?>"><?php echo esc_html( get_the_date() ); ?><span class="screen-reader-text"><?php echo esc_html( get_the_date() ); ?></span></a></span><?php echo esc_html( get_theme_mod('tafri_travel_blog_grid_post_metabox_seperator') ); ?>
			        <?php } ?>
			        <?php if( get_theme_mod( 'tafri_travel_blog_grid_post_author',true) != '') { ?>
			          <span class="entry-author ps-2 pe-3"><i class="<?php echo esc_attr(get_theme_mod('tafri_travel_blog_grid_post_author_icon','fa fa-user'));?>"></i> <a href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' )) ); ?>"><?php the_author(); ?><span class="screen-reader-text"><?php the_author(); ?></span></a></span><?php echo esc_html( get_theme_mod('tafri_travel_blog_grid_post_metabox_seperator') ); ?>
			        <?php } ?>
			        <?php if( get_theme_mod( 'tafri_travel_blog_grid_post_comment',true) != '') { ?>
			          <i class="<?php echo esc_attr(get_theme_mod('tafri_travel_blog_grid_post_comment_icon','fas fa-comments'));?> ps-2 pe-2"></i><span class="entry-comments ps-2 pe-3"><?php comments_number( __('0 Comments','tafri-travel-blog'), __('0 Comments','tafri-travel-blog'), __('% Comments','tafri-travel-blog') ); ?></span>
			        <?php } ?>
			        <?php if( get_theme_mod( 'tafri_travel_blog_grid_post_time',true) != '') { ?>
		            <span class="entry-time pe-2"><i class="<?php echo esc_attr(get_theme_mod('tafri_travel_blog_grid_post_time_icon','fas fa-clock'));?>"></i> <?php echo esc_html( get_the_time() ); ?></span>
		          <?php }?>
		          <?php echo esc_html (tafri_travel_blog_edit_link()); ?>
		      	</div>
		    <?php }?>
    		<div class="text">
				<p class="m-0">
					<?php $tafri_travel_blog_theme_lay = get_theme_mod( 'tafri_travel_blog_grid_post_content','Post Excerpt');
						if($tafri_travel_blog_theme_lay == 'Post Content'){ ?>
							<?php the_content(); ?>
						<?php }
						if($tafri_travel_blog_theme_lay == 'Post Excerpt'){ ?>
						<?php $tafri_travel_blog_excerpt = get_the_excerpt(); echo esc_html( tafri_travel_blog_string_limit_words( $tafri_travel_blog_excerpt, esc_attr(get_theme_mod('tafri_travel_blog_grid_excerpt_number','20')))); ?> <?php echo esc_html( get_theme_mod('tafri_travel_blog_grid_excerpt_suffix','{...}') ); ?>
					<?php }?>
				</p>
			</div>
			<?php if( get_theme_mod('tafri_travel_blog_button_text','Read More') != ''){ ?>
			<div class="post-link my-3 text-end">
			<a href="<?php echo esc_url( get_permalink() ); ?>"><?php echo esc_html(get_theme_mod('tafri_travel_blog_button_text','Read More'));?><span class="screen-reader-text"><?php echo esc_html(get_theme_mod('tafri_travel_blog_button_text','Read More'));?></span></a>
			</div>
			<?php } ?>
		</div>
	</article>
</div>