<?php
$thb_id    = get_the_ID();
$image_id  = get_post_thumbnail_id( $thb_id );
$image_url = wp_get_attachment_image_src( $image_id, 'full' );

/* Listing Type */
$main_listing_type = get_post_meta( $thb_id, 'main_listing_type', true );
$permalink         = '';
if ( 'lightbox' === $main_listing_type ) {
	$permalink    = $image_url[0];
	$link_class[] = 'mfp-image';
} elseif ( 'link' === $main_listing_type ) {
	$permalink = get_post_meta( $thb_id, 'main_listing_link', true );
} elseif ( 'lightbox-video' === $main_listing_type ) {
	$permalink    = get_post_meta( $thb_id, 'main_listing_link', true );
	$link_class[] = 'mfp-video';
} else {
	$permalink = get_the_permalink();
}
/* Video Item */
if ( 'video' === $main_listing_type ) {
	$main_listing_video = get_post_meta( $thb_id, 'main_listing_video', true );
	$class[]            = 'thb-video-slide';
}
/* Check Mobile Video */
if ( thb_is_mobile() && ot_get_option( 'mobile_portfolio_video_disable', 'off' ) === 'on' ) {
	$main_listing_type = 'regular';
	$class[]           = 'thb-video-disabled-mobile';
}
/* Classes */
$class[] = 'portfolio-slide';
$class[] = 'portfolio-slide-style8';
$class[] = 'thb-portfolio-' . $thb_id;

/* Link Class */
$link_class[] = 'thb-portfolio-slide-link';
$link_class[] = 'lightbox' === $main_listing_type ? 'mfp-image' : false;
?>
<div class="<?php echo esc_attr( implode( ' ', $class ) ); ?>">
	<a href="<?php echo esc_url( $permalink ); ?>" class="<?php echo esc_attr( implode( ' ', $link_class ) ); ?>">
		<?php if ( 'video' === $main_listing_type ) { ?>
		<div class="thb-portfolio-video" data-vide-bg="mp4: <?php echo esc_url( $main_listing_video ); ?>, poster: <?php echo esc_attr( $image_url[0] ); ?>" data-vide-options="posterType: 'auto', autoplay: false, loop: true, muted: true, position: 50% 50%, resizing: true"></div>
		<?php } ?>
		<?php the_post_thumbnail( 'full' ); ?>
	</a>
	<?php if ( get_the_excerpt() ) { ?>
		<?php add_filter( 'excerpt_length', 'thb_short_excerpt_length' ); ?>
		<div class="thb-portfolio-slide-excerpt animation fade-in">
			<p><?php echo esc_html( get_the_excerpt() ); ?></p>
		</div>
	<?php } ?>
</div>