<?php
if ( ! get_theme_mod( 'jewelry_accessories_enable_banner_section', false ) ) {
	return;
}

/**
 * Render Banner Section.
 */ 

$jewelry_accessories_banner_section_heading = get_theme_mod( 'jewelry_accessories_banner_section_heading');
$jewelry_accessories_banner_section_content = get_theme_mod( 'jewelry_accessories_banner_section_content');
$jewelry_accessories_banner_right_title = get_theme_mod( 'jewelry_accessories_banner_right_title');
$jewelry_accessories_banner_image_title = get_theme_mod( 'jewelry_accessories_banner_image_title');
$jewelry_accessories_button_label = get_theme_mod( 'jewelry_accessories_banner_button_label_');
$jewelry_accessories_button_link  = get_theme_mod( 'jewelry_accessories_banner_button_link_');
$jewelry_accessories_default_image_url = get_template_directory_uri() . '/resource/img/default.png';
$jewelry_accessories_default_image_url_2 = get_template_directory_uri() . '/resource/img/background.png';
$jewelry_accessories_default_image_url_3 = get_template_directory_uri() . '/resource/img/jewellery.png';
$jewelry_accessories_banner_section_image = get_theme_mod( 'jewelry_accessories_banner_section_image');
$jewelry_accessories_banner_second_image = get_theme_mod( 'jewelry_accessories_banner_second_image');
?>

<section id="jewelry_accessories_banner_section primary" class="banner-section wow bounceInDown delay-4000">
	<?php
	if ( is_customize_preview() ) :
		jewelry_accessories_section_link( 'jewelry_accessories_banner_section' );
	endif;
	?>
	<div class="banner-section-wrapper">
		<div class="asterthemes-wrapper">
			<div class="banner-single-outer">
				<div class="banner-single">
					<div class="banner-caption">
							<div class="background-image">
								<img src="<?php echo esc_url($jewelry_accessories_default_image_url_2); ?>"/>
							</div>
						<div class="banner-catption-wrapper">
							<h1 class="banner-caption-title">
								<a href="<?php the_permalink(); ?>"><?php echo esc_html( $jewelry_accessories_banner_section_heading ); ?></a>
							</h1>
							<p class="banner-caption-content">
								<?php echo esc_html( $jewelry_accessories_banner_section_content ); ?>
							</p>
							<div class="banner-btn">
								<?php if ( ! empty( $jewelry_accessories_button_label ) ) { ?>
									<span class="banner-slider-btn">
										<a href="<?php echo esc_url( $jewelry_accessories_button_link ); ?>" class="asterthemes-button"><?php echo esc_html( $jewelry_accessories_button_label ); ?></a>
									</span>
								<?php } ?>
								<?php if ( ! empty( $jewelry_accessories_button_label_2 ) ) { ?>
									<span class="banner-slider-btn-1">
										<a href="<?php echo esc_url( $jewelry_accessories_button_link_2 ); ?>" class="asterthemes-button"><?php echo esc_html( $jewelry_accessories_button_label_2 ); ?></a>
									</span>
								<?php } ?>
							</div>
						</div>
					</div>
					<div class="banner-img">
						<?php
						if ( ! empty( $jewelry_accessories_banner_section_image ) ) { ?>
							<img src="<?php echo esc_url( $jewelry_accessories_banner_section_image ); ?>"/>
						<?php } else { ?>
							<img src="<?php echo esc_url( $jewelry_accessories_default_image_url ); ?>"/>
						<?php } ?>
					</div>
					<div class="banner-right-part">
						<h4 class="banner-right-title">
							<?php echo esc_html( $jewelry_accessories_banner_right_title ); ?>
						</h4>
						<div class="banner-img-second">
							<?php
							if ( ! empty( $jewelry_accessories_banner_second_image ) ) { ?>
								<img src="<?php echo esc_url( $jewelry_accessories_banner_second_image ); ?>"/>
							<?php } else { ?>
								<img src="<?php echo esc_url( $jewelry_accessories_default_image_url_3 ); ?>"/>
							<?php } ?>
						</div>
						<h4 class="banner-image-title">
							<?php echo esc_html( $jewelry_accessories_banner_image_title ); ?>
						</h4>
					</div>
				</div>
			</div>		
		</div>
	</div>
</section>