<?php
/**
 * Kalium WordPress Theme
 *
 * Laborator.co
 * www.laborator.co
 *
 * @deprecated 3.0 This template file will be removed or replaced with new one in templates/ folder.
 */
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Direct access not allowed.
}

kalium_enqueue( 'slick' );

$images_reveal_effect    = kalium_get_field( 'images_reveal_effect' );
$carousel_start_position = kalium_get_field( 'carousel_start_position' );
$infinite_loop_slides    = kalium_get_field( 'infinite_loop_slides' );
$auto_play               = kalium_get_field( 'auto_play' );
$carousel_lightbox       = apply_filters( 'kalium_portfolio_type_carousel_enable_lightbox', false );

if ( ! is_numeric( $auto_play ) ) {
	$auto_play = 0;
}

$gallery_container   = array();
$gallery_container[] = 'gallery-slider';

switch ( $images_reveal_effect ) {
	case 'slidenfade':
		$gallery_container[] = 'wow fadeInLab';
		break;

	case 'fade':
		$gallery_container[] = 'wow fadeIn';
		break;
}

if ( $image_spacing == 'nospacing' ) {
	$gallery_container[] = 'no-spacing';
}

$gallery_container[] = 'gallery';

// Below captions
if ( 'below' == $image_captions_position ) {
	$gallery_container[] = 'captions-below';
} elseif ( 'hide' == $image_captions_position ) {
	$gallery_container[] = 'captions-hide';
}

// Dynamic width and height for carousel images
$max_image_height = kalium_get_field( 'maximum_image_height' );
$is_max_height    = is_numeric( $max_image_height ) && $max_image_height >= - 1 && $max_image_height != 0;

if ( $is_max_height ) {
	$gallery_container[] = 'variable-width';
}

if ( $carousel_start_position != 'left' ) {
	$gallery_container[] = 'carousel-center-mode';
}

if ( $carousel_lightbox ) {
	$gallery_container[] = 'nivo';
}
?>
<div class="full-width-container">
    <div class="<?php echo implode( ' ', $gallery_container ); ?>" data-infinite="<?php echo $infinite_loop_slides ? 1 : 0; ?>" data-autoplay="<?php echo esc_attr( $auto_play * 1000 ); ?>">
		<?php
		foreach ( $gallery_items as $i => $gallery_item ) :

			$main_thumbnail_size = apply_filters( 'kalium_single_portfolio_gallery_image', 'portfolio-single-img-1' );

			// Image Type
			if ( $gallery_item['acf_fc_layout'] == 'image' ) :

				$img = $gallery_item['image'];
				$caption = nl2br( make_clickable( $img['caption'] ) );

				$link_url    = $gallery_item['link_url'];
				$link_target = $gallery_item['link_target'];

				// Open in Nivo Lightbox
				if ( $carousel_lightbox ) {
					$link_url    = wp_get_attachment_image_src( $img['id'], 'original' );
					$link_target = false;

					if ( $link_url ) {
						$link_url = $link_url[0];
					}
				}

				$image_size   = wp_get_attachment_image_src( $img['id'], $main_thumbnail_size );
				$image_width  = $image_size[1];
				$image_height = $image_size[2];

				?>
                <div class="gallery-item photo hidden gallery-item-<?php echo $i; ?>">
					<?php

					if ( $is_max_height > 0 ) {
						$ratio     = $max_image_height / $image_height;
						$new_width = round( $image_width * $ratio );

						kalium_append_custom_css( ".gallery-item-{$i}", "max-width: {$new_width}px;" );

					}
					?>
					<?php if ( $link_url ) : ?>
                    <a href="<?php echo esc_url( $link_url ); ?>" target="<?php echo $link_target ? '_blank' : '_self'; ?>"<?php echo when_match( $carousel_lightbox, 'data-lightbox-gallery="gallery"' ); ?>>
						<?php endif; ?>

						<?php
						if ( 0 === $i ) { // No lazy loading
							echo kalium_get_attachment_image_raw( $img['id'], $main_thumbnail_size );
						} else {
							echo kalium_get_attachment_image( $img['id'], $main_thumbnail_size );
						}
						?>

						<?php if ( $link_url ) : ?>
                    </a>
				<?php endif; ?>

					<?php if ( $caption ) : ?>
                        <div class="caption">
							<?php echo wp_kses_post( $caption ); ?>
                        </div>
					<?php endif; ?>
                </div>
			<?php

			endif;
			// End: Image Type

		endforeach;
		?>
    </div>
</div>