<?php
/**
 * Template part for Slider Style 37
 */

$post_thumb_size  = ! empty( $post_thumb_size ) ? $post_thumb_size : 'penci-thumb';
$bpost_thumb_size = ! empty( $bpost_thumb_size ) ? $bpost_thumb_size : 'penci-magazine-slider';
$penci_is_mobile  = penci_is_mobile();
?>
<?php if ( $feat_query->have_posts() ) : ?>
	<?php $i     = 1;
	$num_posts   = $feat_query->post_count;
	$number_last = $num_posts - 1;
	while ( $feat_query->have_posts() ) : $feat_query->the_post();
		$thumb = $bpost_thumb_size;
		if ( $i == $number_last || $i == $num_posts ): $thumb = $post_thumb_size; endif;

			$thumb_mobile = ! empty( $post_thumb_size_mobile ) ? $post_thumb_size_mobile : 'penci-masonry-thumb';

		?>
        <div class="item swiper-slide">
            <div class="penci-item-mag penci-item-<?php if ( $i != $number_last && $i != $num_posts ) {
				echo '1';
			} else {
				echo '2';
			} ?>  <?php echo( ( $i == $number_last || $i == $num_posts ) ? 'penci-pitem-small' : 'penci-pitem-big' ) ?>">
	            <?php do_action( 'penci_bookmark_post' ); ?>
				<?php if ( ! $disable_lazyload ) { ?>
                    <a class="penci-image-holder penci-lazy"
                       data-bgset="<?php echo penci_image_srcset( get_the_ID(),$thumb,$thumb_mobile ); ?>"
                       href="<?php the_permalink(); ?>" title="<?php echo wp_strip_all_tags( get_the_title() ); ?>"></a>
				<?php } else { ?>
                    <a class="penci-image-holder"
                       style="background-image: url('<?php echo penci_get_featured_image_size( get_the_ID(), $penci_is_mobile ? $thumb_mobile : $thumb ); ?>');"
                       href="<?php the_permalink(); ?>" title="<?php echo wp_strip_all_tags( get_the_title() ); ?>"></a>
				<?php } ?>
                <div class="penci-slide-overlay penci-slider6-overlay penci-slider37-overlay">
                    <a class="overlay-link"
                       aria-label="<?php echo wp_strip_all_tags( get_the_title() ); ?>"
                       href="<?php the_permalink(); ?>"></a>
					<?php if ( ! $hide_format_icons && ( has_post_format( 'video' ) || has_post_format( 'audio' ) || has_post_format( 'link' ) || has_post_format( 'quote' ) || has_post_format( 'gallery' ) ) ): ?>
                        <a href="<?php the_permalink(); ?>"
                           class="overlay-icon-format <?php if ( $i % 3 == 1 ): echo ' lager-size-icon'; endif; ?>">
							<?php if ( has_post_format( 'video' ) ) : ?>
								<?php penci_fawesome_icon( 'fas fa-play' ); ?>
							<?php endif; ?>
							<?php if ( has_post_format( 'audio' ) ) : ?>
								<?php penci_fawesome_icon( 'fas fa-music' ); ?>
							<?php endif; ?>
							<?php if ( has_post_format( 'link' ) ) : ?>
								<?php penci_fawesome_icon( 'fas fa-link' ); ?>
							<?php endif; ?>
							<?php if ( has_post_format( 'quote' ) ) : ?>
								<?php penci_fawesome_icon( 'fas fa-quote-left' ); ?>
							<?php endif; ?>
							<?php if ( has_post_format( 'gallery' ) ) : ?>
								<?php penci_fawesome_icon( 'far fa-image' ); ?>
							<?php endif; ?>
                        </a>
					<?php endif; ?>
                    <div class="penci-mag-featured-content">
                        <div class="feat-text<?php if ( $meta_date_hide ): echo ' slider-hide-date'; endif; ?>">
							<?php if ( ( $i != $number_last && $i != $num_posts ) || $show_cat ): ?>
								<?php if ( ! $hide_categories ): ?>
                                    <div class="cat featured-cat"><?php penci_category( '' ); ?></div>
								<?php endif; ?>
							<?php endif; ?>
                            <h3><a title="<?php echo wp_strip_all_tags( get_the_title() ); ?>"
                                   href="<?php the_permalink() ?>"><?php echo wp_trim_words( wp_strip_all_tags( get_the_title() ), $slider_title_length, '...' ); ?></a>
                            </h3>
							<?php if ( $settings['cspost_enable'] || ! $hide_meta_comment || ! $meta_date_hide || $show_viewscount || $show_meta_author ): ?>
                                <div class="feat-meta">
									<?php if ( $show_meta_author ): ?>
                                        <span class="feat-author"><?php echo penci_get_setting( 'penci_trans_by' ); ?> <a
                                                    href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php the_author(); ?></a></span>
									<?php endif; ?>
									<?php if ( ! $meta_date_hide ): ?>
                                        <span class="feat-time"><?php penci_soledad_time_link(); ?></span>
									<?php endif; ?>
									<?php if ( ! $hide_meta_comment ): ?>
                                        <span class="feat-comments"><a
                                                    href="<?php comments_link(); ?> "><?php comments_number( '0 ' . penci_get_setting( 'penci_trans_comment' ), '1 ' . penci_get_setting( 'penci_trans_comment' ), '% ' . penci_get_setting( 'penci_trans_comments' ) ); ?></a></span>
									<?php endif; ?>
									<?php
									if ( $show_viewscount ) {
										echo '<span class="feat-countviews">';
										echo penci_get_post_views( get_the_ID() );
										echo ' ' . penci_get_setting( 'penci_trans_countviews' );
										echo '</span>';
									}
									?>
	                                <?php echo penci_show_custom_meta_fields( [
		                                'validator' => isset( $settings['cspost_enable'] ) ? $settings['cspost_enable'] : '',
		                                'keys'      => isset( $settings['cspost_cpost_meta'] ) ? $settings['cspost_cpost_meta'] : '',
		                                'acf'       => isset( $settings['cspost_cpost_acf_meta'] ) ? $settings['cspost_cpost_acf_meta'] : '',
		                                'label'     => isset( $settings['cspost_cpost_meta_label'] ) ? $settings['cspost_cpost_meta_label'] : '',
		                                'divider'   => isset( $settings['cspost_cpost_meta_divider'] ) ? $settings['cspost_cpost_meta_divider'] : '',
	                                ] ); ?>
                                </div>
							<?php endif; ?>
                        </div>
                    </div>
                </div>
            </div>

        </div>

		<?php if ( $i == ( $num_posts - 2 ) || $num_posts < 3 ): echo '</div></div></div><div class="penci-featured-items-right">'; endif; ?>

		<?php $i ++; endwhile;
	wp_reset_postdata(); ?>

<?php endif; ?>
