<?php
/**
 * @var $image_array
 * @var $counter
 */
?>

<div class="wpj-carousel owl-carousel owl-theme wpj-review-work-sample">

	<?php foreach ( $image_array as $image_id => $image_src ) { ?>

		<a class="js-select-work-sample cursor-pointer <?php if ( $counter <= 0 ) echo $image_id; ?>" data-id="<?php echo $image_id; ?>">

			<div>

				<img
					src="<?php echo $counter > 0 ? get_template_directory_uri() . '/assets/images/media/blank.gif' : $image_src; ?>"
					class="job-blurry-bg <?php echo $counter > 0 ? 'bx-lazy owl-lazy' : ''; ?>"
					data-src="<?php echo $image_src; ?>"
					alt=""
				/>

				<img
					src="<?php echo $counter > 0 ? get_template_directory_uri() . '/assets/images/media/blank.gif' : $image_src; ?>"
					class="<?php echo $counter > 0 ? 'bx-lazy owl-lazy' : ''; ?>"
					data-src="<?php echo $image_src; ?>"
					alt=""
				/>

			</div>

		</a>

		<?php $counter++;
	} ?>

</div>