<?php

/**
 * Partial: Course card
 *
 * @package kobuxeticalgarve
 */

$show_image = true;

if (isset($limit_images) && $limit_images === true && isset($course_counter) && $course_counter >= 2) {
	$show_image = false;
}
?>

<li class="article course-card <?php echo (defined('DOING_AJAX') && DOING_AJAX) ? 'ajax-posts' : ''; ?>">
	<?php if ($show_image) { ?>
		<a href="<?php echo get_permalink($course_id); ?>">
			<div class="course-card-img">
				<?php if (get_field('packed', $course_id)) { ?>
					<ul class="categories">
						<li><span><?php _e('Packed', 'kobu'); ?></span></li>
					</ul>
				<?php } ?>
				<?php if (has_post_thumbnail($course_id)) { ?>
					<div class="fixed-ratio-img">
						<noscript class="loading-lazy">
							<?php echo wp_get_attachment_image(get_post_thumbnail_id($course_id), 'medium_large', false, array('class' => 'coverimg', 'sizes' => '(min-width: 993px) 33vw, (min-width: 601px) 50vw, 100vw')); ?>
						</noscript>
					</div>
				<?php } else { ?>
					<div class="empty-img"></div>
				<?php } ?>
			</div>
		</a>
	<?php } ?>

	<div class="course-card-info">
		<a href="<?php echo get_permalink($course_id); ?>">
			<h2><?php echo get_the_title($course_id); ?></h2>
		</a>
		<div class="wp-block-button simple-button">
			<a class="wp-block-button__link wp-element-button" href="<?php echo get_permalink($course_id); ?>"><?php _e('learn more', 'kobu'); ?> →</a>
		</div>
		<div class="categories-group">
			<?php if (get_field('new', $course_id)) { ?>
				<ul class="categories">
					<li><span class="new"><?php _e('New', 'kobu'); ?></span></li>
				</ul>
			<?php } ?>
			<?php echo kobuxeticalgarve_list_terms('training-area', 'string', true, true, $course_id); ?>
			<?php echo kobuxeticalgarve_list_terms('course-type', 'string', true, true, $course_id); ?>
			<?php if ($course_duration = get_field('duration', $course_id)) { ?>
				<ul class="categories"><li><span><?php echo esc_html($course_duration); ?></span></li></ul>
			<?php } ?>
			<?php echo kobuxeticalgarve_list_terms('category', 'string', false, true, $course_id); ?>
		</div>
	</div>
</li>