Viewing File: /home/maglabs/exclusive/wp-content/themes/homeid/g5plus/element/gallery/metro-4.php

<?php
// Do not allow directly accessing this file.
if ( ! defined( 'ABSPATH' ) ) {
	exit( 'Direct script access denied.' );
}
/**
 * @var $images
 * @var $image_size
 * @var $image_ratio
 * @var $image_mode
 * @var $hover_effect
 * @var $gallery_id
 * @var $columns_gutter
 * @var $columns
 * @var $post_classes
 * @var $item_inner_class
 *
 */
$wrapper_classes = array(
	"g5core__metro-gutter-{$columns_gutter}"
);
$image_display = 7;
$image_count = count($images);
$wrapper_class = join(' ', $wrapper_classes);
?>
<div class="<?php echo esc_attr($wrapper_class)?>">
	<div class="row no-gutters">
		<div class="col-md-4 col-12">
			<?php
			if ( isset( $images[0] ) ) {
				g5core_render_metro_image_markup( array(
					'image_size'     => $image_size,
					'image_ratio'    => $image_ratio,
					'columns_gutter' => $columns_gutter,
					'layout_ratio'   => '1.5x2',
					'image_id'       => $images[0],
					'gallery_id'     => $gallery_id,
					'hover_effect' => $hover_effect,
					'custom_class' => $item_inner_class
				) );
			}
			?>
		</div>
		<div class="col-md-8 col-12">
			<div class="row no-gutters">
				<?php for ( $i = 1; $i < $image_display; $i ++ ): ?>
					<?php if (isset($images[$i])): ?>
						<div class="col-md-4 col-6">
							<?php
							$metro_args = array(
								'image_size'     => $image_size,
								'image_ratio'    => $image_ratio,
								'columns_gutter' => $columns_gutter,
								'layout_ratio'   => '1x1',
								'image_id'       => $images[$i],
								'gallery_id'     => $gallery_id,
								'hover_effect' => $hover_effect,
								'custom_class' => $item_inner_class
							);

							if ( ( $i === ($image_display - 1) ) && ( $image_count > $image_display ) ) {
								$metro_args['view_more']      = $image_count - $image_display;
								$metro_args['display_zoom'] = false;
								$metro_args['custom_class'] = $item_inner_class . ' active';
							}
							g5core_render_metro_image_markup($metro_args);
							?>
						</div>
					<?php endif; ?>
				<?php endfor; ?>
			</div>
		</div>
	</div>
	<?php if ($image_count > $image_display): ?>
		<?php for ( $i = $image_display; $i < $image_count; $i ++ ): ?>
			<?php
			$image_full_url = '';
			$zoom_attributes      = array();
			$image_full           = wp_get_attachment_image_src( $images[ $i ], 'full' );
			if ( is_array( $image_full ) && isset( $image_full[0] ) ) {
				$image_full_url = $image_full[0];
			}
			$zoom_attributes[] = sprintf( 'data-gallery-id="%s"', esc_attr( $gallery_id ) );
			$zoom_attributes[] = sprintf( 'href="%s"', esc_url( $image_full_url ) );
			?>
			<a data-g5core-mfp <?php echo join( ' ', $zoom_attributes ) ?> class="d-none"></a>
		<?php endfor; ?>
	<?php endif; ?>
</div>