<?php
/**
 * Project split view template file
 *
 * @package The Landscaper
 */

// Get the gallery field images
$images = get_field( 'gallery_field' );

// Get the extra textfield position
$extra_textarea_position = get_field( 'extra_textarea_position' );

// Check if textfield position isset
if ( ! $extra_textarea_position ) { 
	$extra_textarea_position = 'below';
}

// Get the extra textfield area
$extra_textarea = preg_replace( '#<script(.*?)>(.*?)</script>#is', '', get_field( 'extra_textarea' ) );

// Get the amount of columns
$columns = get_field( 'gallery_columns' );

// Get the gallery gap option
$gallery_gap = get_field( 'gallery_images_gap' );

// Check if gallery gap is empty
if ( ! $gallery_gap ) { 
	$gallery_gap = '15';
}
?>

<div class="row">
	<div class="col-xs-12<?php echo empty( $images ) && empty( $extra_textarea ) ? '' : ' col-md-7 col-md-push-5'; ?>">
		
		<?php if ( 'above' === $extra_textarea_position && ! empty( $extra_textarea ) ) : ?>
			<div class="gallery-extra clearfix">
				<?php echo do_shortcode( $extra_textarea ); ?>
			</div>
		<?php endif; ?>

		<?php if ( $images ) : ?>
			<div class="gallery-field-wrapper">
				<div class="gallery-field gallery-columns-<?php echo esc_attr( $columns ); ?> gallery-gap-<?php echo esc_attr( $gallery_gap ); ?> clearfix">
					<?php foreach ( $images as $image ) : ?>
						<div class="gallery-item">
							<a href="<?php echo esc_url( $image['url'] ); ?>" class="image" data-elementor-lightbox-slideshow="8fdc453">
								<img src="<?php echo esc_url( $image['sizes']['thelandscaper-project-images'] ); ?>" alt="<?php echo esc_attr( $image['alt'] ); ?>">
							</a>
						</div>
					<?php endforeach; ?>
				</div>
			</div>
		<?php endif; ?>

		<?php if ( 'below' === $extra_textarea_position && ! empty( $extra_textarea ) ) : ?>
			<div class="gallery-extra clearfix">
				<?php echo do_shortcode( $extra_textarea ); ?>
			</div>
		<?php endif; ?>

	</div>

	<div class="col-xs-12<?php echo empty( $images ) && empty( $extra_textarea ) ? '' : ' col-md-5 col-md-pull-7'; ?>">
		<?php if ( have_posts() ) : while ( have_posts() ) : ?>
			<div class="gallery-content clearfix">
				<?php the_post(); the_content(); ?>
			</div>
		<?php endwhile; endif; ?>
	</div>
	
</div>