<?php
/**
 * @var $sliders_info
 */
?>

<div class="jobs-images-carousel js-wpj-jobs-images-carousel owl-carousel">

	<?php if ( $sliders_info ) {
		foreach ( $sliders_info as $key => $slider_info ) { ?>

			<div class="slide-item">
				<a href="<?php echo isset( $slider_info['job_link'] ) ? $slider_info['job_link'] : '#'; ?>" class="image" title="">
					<img src="<?php echo isset( $slider_info['job_image'] ) ? $slider_info['job_image'] : get_template_directory_uri() . '/assets/images/dummy/job' . $key . '.webp'; ?>" alt="">
				</a>

				<div class="bottom-content">
					<div class="user-avatar">
						<img src="<?php echo $slider_info['employer_image']; ?>" alt="">
					</div>

					<div class="user-content">
						<a href="<?php echo isset( $slider_info['job_link'] ) ? $slider_info['job_link'] : '#'; ?>" class="user-job">
							<?php echo wpj_trim( $slider_info['category_job_name'], 20 ); ?>
						</a>

						<span class="user-name"><?php echo $slider_info['employer_name']; ?></span>
					</div>
				</div>
			</div>

		<?php }
	} ?>

</div>