<?php

$id = "$block[id]";
if(!empty($block['anchor'])) {
	$id = $block['anchor'];
}

$hide_inner = get_field( 'hide_inner' );

$images = '';

if( have_rows('images') ) {
	while( have_rows('images') ) {
		the_row();
		$image_id = get_sub_field('image');
		$image_url = wp_get_attachment_image_url($image_id, 'full');
		$images .= "<div class=\"bw-skip-fade\" data-image-id=\"$image_id\"><img src=\"$image_url\"></div>";
	}
}

$inner_content_position = get_field( 'inner_content_position' );
if ( empty( $inner_content_position ) ) $inner_content_position = 'left';

$class_names = 'bw-gallery';
$class_names .= $hide_inner ? ' hide-inner' : ' show-inner';
$class_names .= ' ' . $inner_content_position;

?>
<div id="<?php echo $id; ?>" class="<?php echo $class_names; ?>">
	<div class="bw-images">
		<div class="bw-image-content">
			<?php echo $images; ?>
		</div>
		<div class="bw-image-menu" role="tablist">
			<?php echo $images; ?>
		</div>
	</div>
	<?php if ( ! $hide_inner ) : ?>
		<div class="bw-inner-blocks">
			<InnerBlocks />
		</div>
	<?php endif; ?>
</div>
