<?php
global $redux_demo;
$betubeFcatON = $redux_demo['featured-caton'];
if($betubeFcatON == true){
	$betubeFcat = $redux_demo['featured-cat'];
}
$betubeFcatCount = $redux_demo['featured-counter'];
$betube_img_opti = $redux_demo['betube_img_opti'];
?>
<section id="premium">
	<div class="row">
		<div class="heading clearfix">
			<div class="large-11 columns">				
				<h4><i class="fa fa-play-circle-o"></i><?php esc_html_e( 'Featured Videos', 'betube' ); ?></h4>
			</div>
			<div class="large-1 columns">
				<div class="navText show-for-large">
					<a class="prev secondary-button"><i class="fa fa-angle-left"></i></a>
					<a class="next secondary-button"><i class="fa fa-angle-right"></i></a>
				</div>
			</div><!--End large-1-->
		</div><!--End heading-->
    </div><!--End Row-->
	<div id="owl-demo" class="owl-carousel carousel" data-right="<?php if(is_rtl()){ echo 'true';}else{echo 'false';}?>" data-car-length="4" data-items="4" data-loop="true" data-nav="false" data-autoplay="true" data-autoplay-timeout="3000" data-dots="false" data-auto-width="false" data-responsive-small="1" data-responsive-medium="2" data-responsive-xlarge="5">
	<?php 
		global $paged, $wp_query, $wp;
		$args = wp_parse_args($wp->matched_query);
		if($betubeFcatON == 1){
			$arags = array(
					'post_type' => 'post',
					'posts_per_page' => $betubeFcatCount,
					'category__in' => $betubeFcat,
				);
		}else{
			$arags = array(
					'post_type' => 'post',
					'posts_per_page' => $betubeFcatCount,
					'meta_query' => array(
					array(
						'key' => 'featured_post',
						'value' => '1',
						'compare' => '=='
						)
					),
				);
		}
		$number = 1;
		$wp_query = new WP_Query($arags);
		while ($wp_query->have_posts()) : $wp_query->the_post();
			$beTubeFeaturedPost = get_post_meta( $post->ID, 'featured_post', true );			
		if($number <= $betubeFcatCount){			
			if($betubeFcatON == 0 && $beTubeFeaturedPost == 1){			
	?>
			<div class="item <?php echo esc_attr($number);?>">
				<figure class="premium-img">			
				<?php 
					global $post;
					$post_id = $post->ID;
					if($betube_img_opti == true){
						$thumbURL = get_the_post_thumbnail_url($post->ID, 'betube-fslider');
					}else{
						$thumbURL = get_the_post_thumbnail_url($post->ID, 'full');
					}					
					if(empty($thumbURL)){
						$thumbURL = betube_thumb_url($post_id);
					}
					$altTag = betube_thumb_alt($post_id);
				?>
				<img src="<?php echo esc_url($thumbURL); ?>" alt="<?php echo esc_attr($altTag); ?>"/>
					<figcaption>
					<?php				
					$betubepostCatgory = get_the_category( $post->ID );
					?>
						<h5>
						<?php echo get_the_title(); ?>
						</h5>
						<p><?php echo esc_html($betubepostCatgory[0]->name); ?></p>
					</figcaption>
				</figure>
				<a href="<?php the_permalink(); ?>" class="hover-posts">
					<span><i class="fa fa-play"></i><?php esc_html_e( 'watch video', 'betube' ); ?></span>
				</a>
			</div> <!--End item-->
			<?php $number++;?>
			<?php }elseif($betubeFcatON == 1){?>			
			<div class="item">
				<figure class="premium-img">			
				<?php 
					global $post;
					$post_id = $post->ID;
					if($betube_img_opti == true){
						$thumbURL = get_the_post_thumbnail_url($post->ID, 'betube-fslider');
					}else{
						$thumbURL = get_the_post_thumbnail_url($post->ID, 'full');
					}
					if(empty($thumbURL)){
						$thumbURL = betube_thumb_url($post_id);
					}					
					$altTag = betube_thumb_alt($post_id);
				?>
				<img src="<?php echo esc_url($thumbURL); ?>" alt="<?php echo esc_attr($altTag); ?>"/>
					<figcaption>
					<?php				
					$betubepostCatgory = get_the_category( $post->ID );
					?>
						<h5>
						<?php echo get_the_title(); ?>
						</h5>
						<p><?php echo esc_html($betubepostCatgory[0]->name); ?></p>
					</figcaption>
				</figure>
				<a href="<?php the_permalink(); ?>" class="hover-posts">
					<span><i class="fa fa-play"></i><?php esc_html_e( 'watch video', 'betube' ); ?></span>
				</a>
			</div> <!--End item-->
			<?php $number++;?>
			<?php }?>
		<?php }?>	
		<?php endwhile; ?>
		<?php wp_reset_postdata(); ?>
		<?php wp_reset_query(); ?>
    </div><!--End owl-demo-->
</section><!--End Featured Section-->