<?php

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

?>

<li class="article staff-card <?php echo (defined('DOING_AJAX') && DOING_AJAX) ? 'ajax-posts' : ''; ?>">
	<a href="<?php the_permalink(); ?>">
		<div class="staff-card-img">
			<?php if (has_post_thumbnail()) { ?>
				<div class="fixed-ratio-img">
					<noscript class="loading-lazy">
						<?php echo wp_get_attachment_image(get_post_thumbnail_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>

	<div class="staff-card-info">
		<?php echo kobuxeticalgarve_list_terms('staff_cat', 'string', true, true, get_the_ID(), 'staff'); ?>
		<a href="<?php the_permalink(); ?>">
			<h2><?php the_title(); ?></h2>
		</a>
		<?php if (has_excerpt()) {
			echo '<p>' . get_the_excerpt() . '</p>';
		} ?>
		<div class="wp-block-button simple-button"><a class="wp-block-button__link wp-element-button" href="<?php the_permalink(); ?>"><?php _e('learn more', 'kobu'); ?> →</a></div>
	</div>
</li>