<?php
/**
 * The Template for displaying store banner.
 *
 * @package WCfM Markeplace Views Store/products
 *
 * For edit coping this to yourtheme/wcfm/store 
 *
 */

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

global $WCFM, $WCFMmp;

if( !apply_filters( 'wcfm_is_allow_store_banner', true ) ) return;
$titleposition = !empty($WCFMmp->wcfmmp_marketplace_options['store_name_position']) ? $WCFMmp->wcfmmp_marketplace_options['store_name_position'] : 'on_banner';
$vendor_id = $store_user->get_id();

$banner_type    = $store_user->get_banner_type();
$banner         = '';
$default_banner = !empty( $WCFMmp->wcfmmp_marketplace_options['store_default_banner'] ) ? wcfm_get_attachment_url($WCFMmp->wcfmmp_marketplace_options['store_default_banner']) : $WCFMmp->plugin_url . 'assets/images/default_banner.jpg';

if( $banner_type == 'slider' ) {
	$banner_sliders = $store_user->get_banner_slider();
} elseif( $banner_type == 'video' ) {
	$banner_video = $store_user->get_banner_video();
} else {
	$banner = $store_user->get_banner();
}
if( !$banner ) {
	$banner = $default_banner;
	$banner = apply_filters( 'wcfmmp_store_default_banner', $banner );
}

$mobile_banner = $store_user->get_mobile_banner();
if( !$mobile_banner ) {
	$mobile_banner = $store_user->get_banner();
	if( !$mobile_banner ) {
		$mobile_banner = $default_banner;
		$mobile_banner = apply_filters( 'wcfmmp_store_default_banner', $mobile_banner );
	}
}

$store_banner_width = isset( $WCFMmp->wcfmmp_marketplace_options['store_banner_width'] ) ? $WCFMmp->wcfmmp_marketplace_options['store_banner_width'] : '1650';
$store_banner_height = isset( $WCFMmp->wcfmmp_marketplace_options['store_banner_height'] ) ? $WCFMmp->wcfmmp_marketplace_options['store_banner_height'] : '350';
$store_banner_mwidth = isset( $WCFMmp->wcfmmp_marketplace_options['store_banner_mwidth'] ) ? $WCFMmp->wcfmmp_marketplace_options['store_banner_mwidth'] : '520';
$store_banner_mheight = isset( $WCFMmp->wcfmmp_marketplace_options['store_banner_mheight'] ) ? $WCFMmp->wcfmmp_marketplace_options['store_banner_mheight'] : '250';

?>

<style>
#wcfmmp-store .banner_img img, #wcfmmp-store .wcfm_slideshow_container {
	max-height: <?php echo (int)$store_banner_height; ?>px;
}
#wcfmmp-store .banner_img {
	height: <?php echo (int)$store_banner_height; ?>px;
	background-image: url(<?php echo esc_url($banner); ?>);
}
#wcfmmp-store .banner_area_mobile .banner_img {
	height: <?php echo (int)$store_banner_mheight; ?>px;
	background-image: url(<?php echo esc_url($mobile_banner); ?>);
}
.banner_area_mobile{display:none !important;}
@media screen and (max-width: 767px) {
	#wcfmmp-store .banner_img, #wcfmmp-store .wcfm_slideshow_container {
		max-height: <?php echo ''.$store_banner_mheight; ?>px;
	}
	#wcfmmp-store .banner_img {
		height: <?php echo ''.$store_banner_mheight; ?>px;
	}
	.banner_area_desktop{display:none !important;}
	.banner_area_mobile{display:block !important;}
}
</style>

<?php do_action( 'wcfmmp_store_before_bannar', $vendor_id ); ?>

<div class="wcfm_banner_area">
  <div class="wcfm_banner_area_desktop">
		<?php if( $banner_type == 'slider' ) { ?>
			
			<div class="wcfm_slider_area">
				<div class="wcfm_slideshow_container">
				 
					<?php foreach( $banner_sliders as $banner_slider_key => $banner_slider ) { ?>
						<?php if( !empty( $banner_slider['image'] ) ) { ?>
							<div class="wcfmSlides wcfm_slide_fade">
								<?php $banner_slider_link = (!empty($banner_slider['link'])) ? $banner_slider['link'] : wcfm_get_attachment_url($banner_slider['image']);?>
								<a href="<?php echo esc_url( $banner_slider_link ); ?>" target="_blank">
									<div class="numbertext"><?php echo ''.$banner_slider_key; ?> / <?php echo count($banner_sliders); ?></div>
									<img src="<?php echo wcfm_get_attachment_url($banner_slider['image']); ?>" style="width:100%" alt="<?php echo esc_attr($store_info['store_name']); ?>" title="<?php echo esc_attr($store_info['store_name']);?>">
									<?php if( $titleposition == 'on_banner') { ?>
										<div class="slider_text"><h1><?php echo apply_filters( 'wcfmmp_store_title', $store_info['store_name'], $vendor_id ); ?></h1></div>
									<?php } ?>
								</a>
							</div>
						<?php } ?>
					<?php } ?>
			
					<!-- Next and previous buttons -->
					<a class="prev" >&#10094;</a>
					<a class="next">&#10095;</a>
				</div>
			</div>
		<?php } elseif( $banner_type == 'video' ) { ?>
			<section class="banner_area">
			  <?php if( apply_filters( 'wcfm_is_allow_full_width_video', true ) ) { ?>
					<style>
					#wcfmmp-store .banner_area {
						position: relative;
						overflow:hidden;
					}
					@media (min-width: 1024px){
						#wcfmmp-store .banner_area {height: <?php echo absint($store_banner_height+100); ?>px;}
					}
					#wcfmmp-store .banner_video {
						position: relative;
						padding-bottom: 56.25%; /* 16:9 */
						height: 0;
					}
					#wcfmmp-store .banner_video iframe {
						position: absolute;
						left: 0;
						width: 100%;
						height: 100%;
					}
					</style>
				<?php } ?>
				<div class="banner_video">
					<?php echo apply_filters( 'wcfmmp_store_banner_display', preg_replace("/\s*[a-zA-Z\/\/:\.]*youtu(be.com\/watch\?v=|.be\/)([a-zA-Z0-9\-_]+)([a-zA-Z0-9\/\*\-\_\?\&\;\%\=\.]*)/i", "<iframe width=\"100%\" height=\"315\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media\" src=\"//www.youtube.com/embed/$2?iv_load_policy=3&enablejsapi=1&disablekb=1&autoplay=1&controls=0&showinfo=0&rel=0&loop=1&wmode=transparent&widgetid=1\" allowfullscreen=\"1\"></iframe>", $banner_video ), $banner_video ); ?>
				
					<?php if( $titleposition == 'on_banner') { ?>
						<div class="video_text">
							<?php do_action( 'wcfmmp_store_before_bannar_text', $vendor_id ); ?>
							
							<h1><?php echo apply_filters( 'wcfmmp_store_title', $store_info['store_name'], $vendor_id ); ?></h1>
							
							<?php do_action( 'wcfmmp_store_after_bannar_text', $vendor_id ); ?>
						</div>
					<?php } ?>
				</div>
			</section>
		<?php } else { ?>

			<section class="banner_area banner_area_desktop">
				<?php do_action( 'wcfmmp_store_before_bannar_image', $vendor_id ); ?>
				<div class="banner_img"><img src="<?php echo esc_url($banner); ?>" alt="<?php echo esc_html($store_info['store_name']); ?>" title="<?php echo esc_html($store_info['store_name']); ?>" /></div>
				<?php do_action( 'wcfmmp_store_after_bannar_image', $vendor_id ); ?>
				<?php if($titleposition == 'on_banner') { ?>
					<div class="banner_text">
						<?php do_action( 'wcfmmp_store_before_bannar_text', $vendor_id ); ?>
						
						<h1><?php echo apply_filters( 'wcfmmp_store_title', $store_info['store_name'], $vendor_id ); ?></h1>
						
						<?php do_action( 'wcfmmp_store_after_bannar_text', $vendor_id ); ?>
					</div>
				<?php } ?>
			</section>
			
			<section class="banner_area banner_area_mobile">
				<?php do_action( 'wcfmmp_store_before_bannar_image', $vendor_id ); ?>
				<div class="banner_img"><img src="<?php echo esc_url($mobile_banner); ?>" alt="<?php echo esc_html($store_info['store_name']); ?>" title="<?php echo esc_html($store_info['store_name']); ?>" /></div>
				<?php do_action( 'wcfmmp_store_after_bannar_image', $vendor_id ); ?>
				<?php if( $titleposition == 'on_banner') { ?>
					<div class="banner_text">
						<?php do_action( 'wcfmmp_store_before_bannar_text', $vendor_id ); ?>
						<h1><?php echo apply_filters( 'wcfmmp_store_title', $store_info['store_name'], $vendor_id ); ?></h1>
						<?php do_action( 'wcfmmp_store_after_bannar_text', $vendor_id ); ?>
					</div>
				<?php } ?>
			</section>

		<?php } ?>
	</div>
</div>


<?php do_action( 'wcfmmp_store_after_bannar', $vendor_id ); ?>