<?php
	$autoplay = get_field('reda_homepage_slider_autoplay') ? 'true' : 'false';
	if($autoplay == 'true') {
		$auto = 'autoplay';
	} else {
		$auto = '';
	}
	$duration = get_field('reda_homepage_slider_duration');
	if($duration == '') {
		$duration = '5000';
	}
	$transition = get_field('reda_homepage_slides_transition');
	$animation = get_field('reda_homepage_slides_animation');


	$btn_type = get_field('reda_homepage_btn_type');					
	$btn_color = get_field('reda_homepage_btn_color');
	$btn_round = get_field('reda_homepage_btn_round');
	if(isset($btn_round[0])) {
		$btn_round = $btn_round[0];
	} else {
		$btn_round = '';
	}
 ?>

<div class="homepage homepage-slider1" data-auto="<?php echo esc_attr($autoplay); ?>" data-transition="<?php echo esc_attr($transition); ?>" data-animation="<?php echo esc_attr($animation); ?>" data-duration="<?php echo esc_attr($duration); ?>">
<div class="home-bg-slider <?php echo esc_attr($auto); ?>">
	<div class="home-overlay active-overlay"></div>
	<div class="home-slider-container">
		<?php if(get_field('reda_homepage_type') == 'featured') : ?>
		<?php
			$slideText = array();
			$label = get_field('reda_homepage_single_button_label');					
			$link = get_field('reda_homepage_single_button_link');
			$home_content = get_field('reda_homepage_content');
			$labels = get_field('reda_homepage_buttons_labels');	
			$label1 = $labels[0]['button_label_1'];
			$label2 = $labels[0]['button_label_2'];				
			$links = get_field('reda_homepage_buttons_links');
			$link1 = $links[0]['button_link_1'];
			$link2 = $links[0]['button_link_2'];
			$buttonCount = get_field('reda_homepage_add_button');
			$slideText[] = array('content'=>$home_content, 'link'=>$link, 'label'=>$label, 'btn-type'=>$btn_type, 'btn-color'=>$btn_color, 'btn-round'=>$btn_round, 'btn-label1' => $label1, 'btn-label2' => $label2, 'btn-link1' => $link1, 'btn-link2' => $link2, 'add-btn' => $buttonCount);
		?>


		<span class="single-slide" data-slide="<?php the_post_thumbnail_url( 'reda-fullscreen'); ?>"></span>

		<?php elseif(get_field('reda_homepage_type') == 'slider') :
			if( have_rows('reda_homepage_slides') ) : ?>
				<?php
				$slideText = array();
				$textOption = get_field('reda_homepage_slides_text');
				if($textOption == 'single') {
					$label = get_field('reda_homepage_single_button_label');					
					$link = get_field('reda_homepage_single_button_link');
					$home_content = get_field('reda_homepage_content');
					$labels = get_field('reda_homepage_buttons_labels');	
					$label1 = $labels[0]['button_label_1'];
					$label2 = $labels[0]['button_label_2'];				
					$links = get_field('reda_homepage_buttons_links');
					$link1 = $links[0]['button_link_1'];
					$link2 = $links[0]['button_link_2'];
					$buttonCount = get_field('reda_homepage_add_button');
					$slideText[] = array('content'=>$home_content, 'link'=>$link, 'label'=>$label, 'btn-type'=>$btn_type, 'btn-color'=>$btn_color, 'btn-round'=>$btn_round, 'btn-label1' => $label1, 'btn-label2' => $label2, 'btn-link1' => $link1, 'btn-link2' => $link2, 'add-btn' => $buttonCount);
				}
				?>
			

				<?php while( have_rows('reda_homepage_slides') ): the_row(); 
					$image = get_sub_field('reda_homepage_slide_image');

					if($textOption == 'slides') {
						$label = get_sub_field('reda_homepage_slide_button_label');
						$link = get_sub_field('reda_homepage_slide_button_link');
						$home_content = get_sub_field('reda_homepage_slide_content');
						$labels = get_sub_field('reda_homepage_buttons_labels1');	
						$label1 = $labels[0]['button_label_1'];
						$label2 = $labels[0]['button_label_2'];				
						$links = get_sub_field('reda_homepage_buttons_links1');
						$link1 = $links[0]['button_link_1'];
						$link2 = $links[0]['button_link_2'];
						$buttonCount = get_sub_field('reda_homepage_add_button1');
						$slideText[] = array('content'=>$home_content, 'link'=>$link, 'label'=>$label, 'btn-type'=>$btn_type, 'btn-color'=>$btn_color, 'btn-round'=>$btn_round, 'btn-label1' => $label1, 'btn-label2' => $label2, 'btn-link1' => $link1, 'btn-link2' => $link2, 'add-btn' => $buttonCount);
					}

					if(isset($image['url'])) : ?>
					<span class="single-slide" data-slide="<?php echo esc_url($image['sizes']['reda-fullscreen']); ?>"></span>
					<?php endif; ?>
				<?php endwhile; ?>
			<?php endif; ?>
		<?php endif; ?>
	</div>
	<?php if(get_field('reda_homepage_slider_arrows') == true && get_field('reda_homepage_type') == 'slider') : ?>
		<div class="home-slider-arrows swiper-arrow show-for-large">
			<div class="arrow-prev home-arrow">
				<i class="fa fa-angle-left"></i>
			</div>
			<div class="arrow-next home-arrow">
				<i class="fa fa-angle-right"></i>
			</div>
		</div>
	<?php endif; ?>
	<div class="row home-content">
		<div class="small-12 columns">
			<div class="content show-content">
				<?php if($slideText && is_array($slideText)) : ?>
				<div class="home-slider-text">
					<?php foreach($slideText as $text) : ?>
					<div class="slider-text">
						<?php echo apply_filters('the_content', $text['content']); ?>
						<?php if($text['add-btn'] == 'btn_single') : ?>
							<?php if($text['label'] != '' && $text['link'] != '') : ?>
							<div class="btn-wrapper">
								<a href="<?php echo esc_url($text['link']); ?>" class="btn btn-md btn-single <?php echo esc_attr($text['btn-type']); ?> <?php echo esc_attr($text['btn-color']); ?> <?php echo esc_attr($text['btn-round']); ?> slider-text-third">
									<span class="btn-text "><?php echo esc_html($text['label']); ?></span>
								</a>
							</div>
							<?php endif; ?>
						<?php else : ?>
							<?php if(($text['btn-label1'] != '' && $text['btn-link1'] != '') || ($text['btn-label2'] != '' && $text['btn-link2'] != '')) : ?>
							<div class="btn-wrapper">
								<div class="btn-double slider-text-third <?php echo esc_attr($text['btn-type']); ?> <?php echo esc_attr($text['btn-color']); ?> <?php echo esc_attr($text['btn-round']); ?>">
									<a href="<?php echo esc_url($text['btn-link1']); ?>" class="btn btn-md">
										<span class="btn-text "><?php echo esc_html($text['btn-label1']); ?></span>
									</a>
									<a href="<?php echo esc_url($text['btn-link2']); ?>" class="btn btn-md">
										<span class="btn-text "><?php echo esc_html($text['btn-label2']); ?></span>
									</a>
								</div>
							</div>
							<?php endif; ?>
						<?php endif; ?>
					</div>
					<?php endforeach; ?>
				</div>
				<?php endif; ?>
			<?php if( have_rows('reda_homepage_corners') ) : 
				 while ( have_rows('reda_homepage_corners') ) : the_row();
					$position = get_sub_field('position');
					$position = explode('_', $position);
					if( get_row_layout() == 'reda_homepage_social_menu' ): ?>
						<ul class="home-social-media show-for-large home-<?php echo esc_attr($position[0]);?> home-<?php echo esc_attr($position[1]);?>">
							<?php 
								if( have_rows('reda_homepage_social_link') ) : 
									while ( have_rows('reda_homepage_social_link') ) : the_row();
									echo '<li><a target="_blank" href="'.esc_url(get_sub_field('reda_homepage_social_link_url')).'"><i class="fa '.esc_html(get_sub_field('reda_homepage_social_link_label')).'"></i></a></li>';
									endwhile;
								endif; 
							?>
						</ul>
					<?php

					elseif( get_row_layout() == 'reda_homepage_progress_bar' && get_field('reda_homepage_type') !== 'featured' ): 
						echo '<div class="home-slider-pagination show-for-large home-'.esc_attr($position[0]).' home-'.esc_attr($position[1]).'"></div>';

					elseif( get_row_layout() == 'reda_homepage_toggle_picture') : ?>
						<div class="btn-show-picture btn-slider-1 btn-slider-active show-for-large home-<?php echo esc_attr($position[0]);?> home-<?php echo esc_attr($position[1]);?>">
							<a class="show-img" href="#"><div class="icon-show-img"><span></span></div></a>
						</div>
					<?php


					elseif( get_row_layout() == 'reda_homepage_custom_text' ): ?>
						<div class="home-contact-info show-for-large home-<?php echo esc_attr($position[0]);?> home-<?php echo esc_attr($position[1]);?>"><?php echo apply_filters('the_content', get_sub_field('reda_homepage_custom_text_content'));?></div>
					<?php
					elseif( get_row_layout() == 'reda_homepage_video_controls' ): ?>
						<div class="home-contact-info show-for-large home-<?php echo esc_attr($position[0]);?> home-<?php echo esc_attr($position[1]);?>"><?php echo esc_html__('Video controls requires video', 'reda');?></div>
					<?php
					endif;
				endwhile;
			?>
			<?php endif; ?>
			</div>
		</div>

	</div>
</div>
</div>
<?php if(get_field('reda_homepage_phone') == true || get_field('reda_homepage_icon_info') == true) : ?>
<div class="home-mobile-icon hide-for-large">
	<?php if(get_field('reda_homepage_phone') == true) : ?>
	<div class="icon-contact-mobile homepage-icon">
		<a class="phone-icon" href="tel:<?php echo esc_attr(get_field('reda_homepage_phone_number')); ?>">
			<i class="fa fa-phone"></i>
		</a>
	</div>
	<?php endif; ?>
</div>
<?php endif; ?>