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

	// Categories
	$categories = get_the_term_list( $thb_id, 'portfolio-category', '', ', ', '' );
if ( $categories !== '' && ! empty( $categories ) ) {
	$categories = wp_strip_all_tags( $categories );
}

	$terms = get_the_terms( $thb_id, 'portfolio-category' );

	$cats = '';
if ( ! empty( $terms ) ) {
	foreach ( $terms as $term ) {
		$cats .= ' thb-cat-' . strtolower( $term->slug ); }
}
	// Link Class
	$link_class[] = 'btn-text style1 animation fade-in';

	// Listing Type
	$main_listing_type = get_post_meta( $thb_id, 'main_listing_type', true );
	$permalink         = '';
if ( $main_listing_type === 'lightbox' ) {
	$permalink    = $image_url[0];
	$link_class[] = 'mfp-image';
} elseif ( $main_listing_type === 'link' ) {
	$permalink = get_post_meta( $thb_id, 'main_listing_link', true );
} elseif ( $main_listing_type === 'lightbox-video' ) {
	$permalink    = get_post_meta( $thb_id, 'main_listing_link', true );
	$link_class[] = 'mfp-video';
} else {
	$permalink = get_the_permalink();
}
	// Video Item
if ( $main_listing_type === 'video' ) {
	$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-style3';
	$class[] = 'thb-portfolio-' . $thb_id;
?>
<div class="<?php echo esc_attr( implode( ' ', $class ) ); ?>">
	<div class="row max_width align-middle">
		<div class="small-12 medium-6 small-order-2 medium-order-1 columns content-side">
				<aside class="thb-categories animation fade-in">
					<?php
					if ( is_singular( 'portfolio' ) ) {
						echo esc_html( $categories );
					} else {
						the_category( ', ' );
					}
					?>
				</aside>
			<h2 class="animation fade-in"><a href="<?php echo esc_url( $permalink ); ?>" class="
															<?php
															if ( $main_listing_type === 'lightbox' ) {
																echo esc_attr( 'mfp-image' ); }
															?>
			"><?php the_title(); ?></a></h2>
			<a href="<?php echo esc_url( $permalink ); ?>" class="<?php echo esc_attr( implode( ' ', $link_class ) ); ?>"><?php esc_html_e( 'Learn More', 'revolution' ); ?></a>
		</div>
		<div class="small-12 medium-6 small-order-1 medium-order-2 columns image-side">
			<a href="<?php echo esc_url( $permalink ); ?>" class="thb-portfolio-image">
				<?php the_post_thumbnail( 'revolution-square-x2', array( 'class' => 'portfolio-slider-image animation fade-in' ) ); ?>
				<?php if ( $main_listing_type === 'video' ) { ?>
				<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 } ?>
			</a>
		</div>
	</div>
</div>