<?php
/**
 * The template part for displaying services
 *
 * @package perfect-blogging
 * @subpackage perfect-blogging
 * @since perfect-blogging 1.0
 */
?>
<?php 
  $archive_year  = get_the_time('Y'); 
  $archive_month = get_the_time('m'); 
  $archive_day   = get_the_time('d'); 
?>
<div class="col-md-4 col-sm-4">
  <div class="main-cat-box grid-box mb-5">
    <h2><a href="<?php echo esc_url( get_permalink() ); ?>" title="<?php echo the_title_attribute(); ?>"><?php the_title();?><span class="screen-reader-text"><?php the_title(); ?></span></a></h2>
    <?php if( get_theme_mod( 'perfect_blog_grid_post_author',true) != '' || get_theme_mod( 'perfect_blog_grid_post_date',true) != '' || get_theme_mod( 'perfect_blog_grid_post_comment',true) != '' || get_theme_mod( 'perfect_blog_grid_post_time',true) != '') { ?>
    <div class="metabox p-1 mb-1">
      <?php if( get_theme_mod( 'perfect_blog_grid_post_date',true) != '') { ?>
        <span class="entry-date"><i class="<?php echo esc_attr(get_theme_mod('perfect_blog_grid_post_date_icon','fas fa-calendar-alt')); ?>"></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><span class="ms-2"><?php echo esc_html( get_theme_mod('perfect_blog_metabox_separator_grid_post','|') ); ?></span>     
      <?php } ?>
      <?php if( get_theme_mod( 'perfect_blog_grid_post_comment',true) != '') { ?>
        <span class="entry-comments"><i class="<?php echo esc_attr(get_theme_mod('perfect_blog_grid_post_comment_icon','fas fa-comments')); ?>"></i> <?php comments_number( __('0 Comment', 'perfect-blogging'), __('0 Comments', 'perfect-blogging'), __('% Comments', 'perfect-blogging') ); ?></span><span class="ms-2"><?php echo esc_html( get_theme_mod('perfect_blog_metabox_separator_grid_post','|') ); ?></span>
      <?php } ?>
      <?php if( get_theme_mod( 'perfect_blog_grid_post_author',true) != '') { ?>
        <span class="entry-author me-1"><i class="<?php echo esc_attr(get_theme_mod('perfect_blog_grid_post_author_icon','fas 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><span class="ms-2"><?php echo esc_html( get_theme_mod('perfect_blog_metabox_separator_grid_post','|') ); ?></span>
      <?php } ?>
      <?php if( get_theme_mod( 'perfect_blog_grid_post_time',true) != '') { ?>
        <span class="entry-time"><i class="<?php echo esc_attr(get_theme_mod('perfect_blog_grid_post_time_icon','fas fa-clock')); ?>"></i> <?php echo esc_html( get_the_time() ); ?></span>
      <?php }?>
    </div>
    <?php } ?>
    <?php if( get_theme_mod( 'perfect_blog_show_featured_image_grid_post',true) != '') { ?>
      <div class="box-image">
        <?php the_post_thumbnail();?>
      </div>
    <?php }?>
    <div class="overlay">
      <div class="entry-content"><p><?php $perfect_blogging_excerpt = get_the_excerpt(); echo esc_html( perfect_blog_string_limit_words( $perfect_blogging_excerpt, esc_attr(get_theme_mod('perfect_blog_grid_excerpt_number','20')))); ?><?php echo esc_html( get_theme_mod('perfect_blog_post_suffix_option','...') ); ?></p></div>
      <div class="read-comp mb-4">
        <a href="<?php echo esc_url( get_permalink() );?>"><?php echo esc_html(get_theme_mod('perfect_blog_button_text','Read Complete Post'));?><span class="screen-reader-text"><?php echo esc_html(get_theme_mod('perfect_blog_button_text','Read Complete Post'));?></span><span class="more"><i class="fas fa-long-arrow-alt-right"></i></span></a>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
</div>