<?php
if(function_exists('get_field')) {
	$gallery_images = get_field('reda_images_gallery');
	$gallery_video = get_field('reda_gallery_video');
}
$url = $id = $videoImg = '';
$shareData = array();
$shareData = array('title'=>get_the_title(), 'url'=>get_the_permalink());
$shareImage = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
if(isset($shareImage[0])) {
	$shareImage = $shareImage[0];
	$shareData['image'] = $shareImage;
}
$previous_post = get_previous_post();
$next_post = get_next_post();
get_header(); ?>

<?php
	while ( have_posts() ) : the_post();
?>
<div class="single-gallery page-padding-top page-bg-color">
	<div class="row">
		<div class="small-12 large-8 columns large-centered">
			<div class="single-post-nav animate-text">
				<?php if (!empty( $previous_post )): ?>
				<div class="previous-post">
					<i class="fa fa-angle-left"></i>
					<a href="<?php echo get_permalink($previous_post->ID); ?>"><span class="title"><?php echo esc_html($previous_post->post_title); ?></span><span><?php echo esc_html__('Previous post', 'reda'); ?></span></a>
				</div>
				<?php else : ?>
				<div class="previous-post no-active">
					<i class="fa fa-angle-left"></i>
					<span><?php echo esc_html__('Previous post', 'reda'); ?></span>
				</div>
				<?php endif; ?>
				<?php 
					if(function_exists('get_field')) {
						if(get_field('reda_gallery_back_button') && get_field('reda_gallery_back_button') !== '') {
							$url = get_field('reda_gallery_back_button');
						} else {
							$url = get_field('reda_gallery_close_btn', 'option');
						}
					} else {
						$url = '';
					}
					if(isset($url) && $url !== '') {
						$url = $url;
					} else {
						$url = get_home_url();
					}
					$post_id = url_to_postid( $url );  
					$post_title = get_the_title( $post_id );
				?>
				<div class="back-to-blog icon-close">
					<a href="<?php echo esc_url($url); ?>"> 
						<span class="title"><?php echo esc_html($post_title); ?></span>
						<span class="close"></span>
					</a>
				</div>
				<?php if (!empty( $next_post )): ?>
				<div class="next-post">
					<i class="fa fa-angle-right"></i>
					<a href="<?php echo get_permalink($next_post->ID); ?>"><span class="title"><?php echo esc_html($next_post->post_title); ?></span><span><?php echo esc_html__('Next post', 'reda'); ?></span></a>
				</div>
				<?php else : ?>
				<div class="next-post no-active">
					<i class="fa fa-angle-right"></i>
					<span><?php echo esc_html__('Next post', 'reda'); ?></span>
				</div>
				<?php endif; ?>
			</div>
		</div>
	</div>
	<div class="row" style="position: relative;">
		<div class="small-12 large-10 large-centered columns">
			<div class="single-gallery-slider swiper-container">
				<div class="swiper-wrapper">
					<?php if(has_post_thumbnail()) : ?>
					<div class="swiper-slide"><div class="slide"><img src="<?php echo esc_url(the_post_thumbnail_url()); ?>" /></div></div>
					<?php endif; ?>
					<?php if($gallery_images && $gallery_images !== '') : ?>
					<?php foreach ($gallery_images as $gallery_image) : ?>
						<div class="swiper-slide"><div class="slide"><img src="<?php echo esc_url($gallery_image['url']); ?>" /></div></div>
					<?php endforeach; ?>
					<?php endif; ?>
					<?php if($gallery_video && $gallery_video !== '') : ?>
					<?php foreach ($gallery_video as $video) {
						$url = $video['reda_gallery_url'];
						$id = $video['reda_gallery_video_id'];
						if(preg_match('/youtu\.be/i', $url) || preg_match('/youtube\.com\/watch/i', $url)) {
							$videoUrl = 'http://i.ytimg.com/vi/'.$id.'/maxresdefault.jpg';
						} elseif (preg_match('/vimeo\.com/i', $url)) {
							$videoUrl = wp_remote_get('https://vimeo.com/api/v2/video/'.$id.'.php');
							$videoUrl = unserialize($videoUrl['body']);
							$videoUrl = $videoUrl[0]['thumbnail_large'];
						}
						$videoImg = '<a href="'.esc_url($url).'" class="swiper-slide video-slide"><div class="slide"><div class="gallery-video-wrapper"><div class="gallery-video-overlay"></div><div class="gallery-icon"><i class="fa fa-play"></i></div><img src="'.esc_url($videoUrl).'" /></div></div></a>';
						echo  $videoImg;
					} ?>
					<?php endif; ?>
				</div>
			</div>
			<?php if(($gallery_images && $gallery_images !== '') || ($gallery_video && $gallery_video !== '')) : ?>
			<div class="single-gallery-arrows show-for-large swiper-arrows">
				<div class="arrow-prev gallery-arrow">
					<i class="fa fa-angle-left"></i>
				</div>
				<div class="arrow-next gallery-arrow">
					<i class="fa fa-angle-right"></i>
				</div>
			</div>
			<?php endif; ?>
		</div>
	</div>
	<div class="row">
		<div class="small-12 large-10 large-centered columns">
			<div class="page-header">
				<div class="header">
					<h3><?php the_title(); ?></h3>
					<?php if(reda_check_share_links()) : ?>
					<div class="reda-shares text-left">
						<div class="shares-wrapper-inner">
							<span><?php echo esc_html__('Share', 'reda'); ?></span>
							<i class="fa fa-share-alt"></i>
						</div>
						<?php echo reda_get_share_links($shareData); ?>
					</div>
					<?php endif; ?>
				</div>
			</div>
			<div class="single-gallery-content">
				<div class="content">
					<?php the_content(); ?>
				</div>
			</div>
		</div>
	</div>
</div>
<?php
	endwhile;
?>

<?php get_footer(); ?>