<?php
/**
 * Template Page for the gallery carousel
 *
 * Follow variables are useable :
 *
 *  $gallery     : Contain all about the gallery
 *  $images      : Contain all images, path, title
 *  $pagination  : Contain the pagination content
 *  $current     : Contain the selected image
 *  $prev/$next  : Contain link to the next/previous gallery page
 *
 * You can check the content when you insert the tag <?php var_dump($variable) ?>
 * If you would like to show the timestamp of the image ,you can use <?php echo $exif['created_timestamp'] ?>
 */

?>
<?php
if ( ! defined( 'ABSPATH' ) ) {
	die( 'No direct access allowed' );}
?>
<?php if ( ! empty( $gallery ) ) : ?>

<div class="ngg-galleryoverview">

	<div class="pic"><img title="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $current->alttext ) ); ?>" alt="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $current->alttext ) ); ?>" src="
											<?php
	// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- \Imagely\NGG\Util\Router::esc_url() provides safe URL escaping
											echo \Imagely\NGG\Util\Router::esc_url( $current->url );
											?>
	" /></div>

	<ul class="ngg-gallery-list">

		<!-- PREV LINK -->
			<?php if ( $prev ) : ?>
		<li class="ngg-prev">
			<a class="prev" href="
				<?php
			// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- \Imagely\NGG\Util\Router::esc_url() provides safe URL escaping
				echo \Imagely\NGG\Util\Router::esc_url( $prev );
				?>
			">&#9668;</a>
		</li>
		<?php endif; ?>

		<!-- Thumbnail list -->
			<?php foreach ( $images as $image ) : ?>
				<?php
				if ( $image->hidden ) {
					continue;}
				?>


		<li id="ngg-image-<?php echo esc_attr( $image->pid ); ?>" class="ngg-thumbnail-list
									<?php
									if ( $image->pid == $current->pid ) {
										echo esc_html( 'selected' );}
									?>
		" >
			<a href="
				<?php
			// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- \Imagely\NGG\Util\Router::esc_url() provides safe URL escaping
				echo \Imagely\NGG\Util\Router::esc_url( $image->pidlink );
				?>
			" title="<?php echo esc_attr( $image->description ); ?>" >
				<img title="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $image->alttext ) ); ?>" alt="<?php echo esc_attr( \Imagely\NGG\Display\I18N::ngg_plain_text_alt_title_attributes( $image->alttext ) ); ?>" src="
										<?php
				// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- \Imagely\NGG\Util\Router::esc_url() provides safe URL escaping
										echo \Imagely\NGG\Util\Router::esc_url( $image->thumbnailURL );
										?>
				" 
				<?php
				// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- $image->size contains safe HTML size attributes
				echo $image->size;
				?>
				/>
			</a>
		</li>

		<?php endforeach; ?>

		<!-- NEXT LINK -->
			<?php if ( $next ) : ?>
		<li class="ngg-next">
			<a class="next" href="
				<?php
			// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- \Imagely\NGG\Util\Router::esc_url() provides safe URL escaping
				echo \Imagely\NGG\Util\Router::esc_url( $next );
				?>
			">&#9658;</a>
		</li>
		<?php endif; ?>

	</ul>

</div>

	<?php endif; ?>