<?php
/**
 * Template loop for overlay style
 */
if ( ! isset ( $j ) ) {
	$j = 1;
} else {
	$j = $j;
}
$heading_title_tag = get_theme_mod( 'penci_grid_title_tag', 'h2' );
$heading_title_tag_class = 'h2' == $heading_title_tag ? 'penci_grid_title_df' : 'penci_grid_title';
?>
<section class="grid-style grid-overlay">
    <article id="post-<?php the_ID(); ?>" class="item overlay-layout hentry">
        <div class="penci-overlay-over">
            <div class="thumbnail">
				<?php
				do_action( 'penci_bookmark_post' );
				/* Display Review Piechart  */
				if ( function_exists( 'penci_display_piechart_review_html' ) ) {
					penci_display_piechart_review_html( get_the_ID() );
				}
				?>

                <a <?php echo penci_layout_bg( penci_image_srcset( get_the_ID(), penci_featured_images_size( 'penci-full-thumb' ) ) ); ?> class="<?php echo penci_layout_bg_class();?> penci-image-holder"
                   href="<?php the_permalink(); ?>" aria-label="<?php echo wp_strip_all_tags( get_the_title() ); ?>"
                   title="<?php echo wp_strip_all_tags( get_the_title() ); ?>">
					<?php echo penci_layout_img( penci_image_srcset( get_the_ID(), penci_featured_images_size( 'penci-full-thumb' ) ), get_the_title() ); ?>
                </a>

            </div>

            <a class="overlay-border" aria-label="<?php echo wp_strip_all_tags( get_the_title() ); ?>"
               href="<?php the_permalink() ?>"></a>

            <div class="overlay-header-box">
				<?php if ( ! get_theme_mod( 'penci_grid_cat' ) ) : ?>
                    <span class="cat"><?php penci_category( '' ); ?></span>
				<?php endif; ?>

                <<?php echo esc_attr( $heading_title_tag ); ?> class="penci-entry-title entry-title overlay-title <?php echo $heading_title_tag_class;?>"><a
                            href="<?php the_permalink(); ?>"><?php the_title(); ?></a></<?php echo esc_attr( $heading_title_tag ); ?>>
				<?php do_action( 'penci_after_post_title' ); ?>
				<?php penci_soledad_meta_schema(); ?>
				<?php if ( ! get_theme_mod( 'penci_grid_author' ) ) : ?>
                    <div class="penci-meta-author overlay-author byline"><span
                                class="author-italic author vcard"><?php echo penci_get_setting( 'penci_trans_written_by' ); ?> <?php if ( function_exists( 'coauthors_posts_links' ) ) :
								penci_coauthors_posts_links();
							else: ?>
                                <?php echo penci_author_meta_html(); ?>
							<?php endif; ?></span></div>
				<?php endif; ?>
            </div>
        </div>
		<?php $hide_readtime = get_theme_mod( 'penci_grid_readingtime' ); ?>
		<?php if ( ! get_theme_mod( 'penci_grid_date' ) || ! get_theme_mod( 'penci_grid_comment' ) || ! get_theme_mod( 'penci_grid_share_box' ) || get_theme_mod( 'penci_grid_countviews' ) || penci_isshow_reading_time( $hide_readtime ) ) : ?>
            <div class="penci-post-box-meta grid-post-box-meta overlay-post-box-meta">
				<?php do_action( 'penci_grid_meta' ); ?>
				<?php if ( ! get_theme_mod( 'penci_grid_date' ) ) : ?>
                    <div class="overlay-share overlay-style-date"><?php penci_fawesome_icon( 'far fa-clock' ); ?><?php penci_soledad_time_link(); ?></div>
				<?php endif; ?>
				<?php if ( ! get_theme_mod( 'penci_grid_comment' ) ) : ?>
                    <div class="overlay-share overlay-style-comment"><a
                                href="<?php comments_link(); ?> "><?php penci_fawesome_icon( 'far fa-comment' ); ?><?php comments_number( '0 ' . penci_get_setting( 'penci_trans_comments' ), '1 ' . penci_get_setting( 'penci_trans_comment' ), '% ' . penci_get_setting( 'penci_trans_comments' ) ); ?></a>
                    </div>
				<?php endif; ?>

				<?php
				if ( get_theme_mod( 'penci_grid_countviews' ) ) {
					echo '<div class="overlay-share overlay-style-countviews">';
					penci_get_post_countview( get_the_ID() );
					echo '</div>';
				}
				?>
				<?php if ( penci_isshow_reading_time( $hide_readtime ) ): ?>
                    <div class="overlay-share overlay-style-readtime"><?php penci_reading_time(); ?></div>
				<?php endif; ?>
				<?php if ( ! get_theme_mod( 'penci_grid_share_box' ) ) : ?>
                    <div class="penci-post-share-box">
						<?php echo penci_getPostLikeLink( get_the_ID() ); ?>
						<?php penci_soledad_social_share(); ?>
                    </div>
				<?php endif; ?>
            </div>
		<?php endif; ?>

    </article>
</section>
<?php
if ( isset( $infeed_ads ) && $infeed_ads ) {
	penci_get_markup_infeed_ad(
		array(
			'wrapper'    => 'section',
			'classes'    => 'grid-style grid-overlay penci-infeed-data',
			'fullwidth'  => $infeed_full,
			'order_ad'   => $infeed_num,
			'order_post' => $j,
			'code'       => $infeed_ads,
			'echo'       => true
		)
	);
}
?>
<?php $j ++; ?>