<?php

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

?>

<li class="article article-card <?php echo (defined('DOING_AJAX') && DOING_AJAX) ? 'ajax-posts' : ''; ?>">
	<a href="<?php the_permalink(); ?>">
		<div class="article-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="article-card-info">
		<a href="<?php the_permalink(); ?>">
			<div class="post-date"><?php echo date_i18n(__(get_option('date_format'), 'kobu'), get_post_time()); ?> — <?php _e('por', 'kobu'); ?> <?php the_author(); ?></div>
			<h2><?php the_title(); ?></h2>
		</a>
		<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
			<div class="wp-block-button simple-button">
				<a class="wp-block-button__link has-small-font-size has-custom-font-size wp-element-button" href="<?php the_permalink(); ?>"><?php _e('ler artigo', 'kobu'); ?></a>
			</div>
		</div>
	</div>
</li>