<?php get_header(); ?>

<main id="main" class="bw-main">
	<div class="bw-container" style="padding-top:60px; padding-bottom:80px;">

		<?php if ( have_posts() ) : ?>
			<div class="bw-eyebrow bw-eyebrow--orange" style="margin-bottom:8px;">News &amp; Updates</div>
			<h1 class="bw-h2" style="margin-bottom:40px;">Latest from BeWell</h1>

			<div class="bw-post-grid">
				<?php while ( have_posts() ) : the_post(); ?>
					<article id="post-<?php the_ID(); ?>" <?php post_class( 'bw-post-card' ); ?>>
						<?php if ( has_post_thumbnail() ) : ?>
							<a href="<?php the_permalink(); ?>" class="bw-post-card__img">
								<?php the_post_thumbnail( 'medium_large' ); ?>
							</a>
						<?php endif; ?>
						<div class="bw-post-card__body">
							<div class="bw-eyebrow" style="margin-bottom:6px;"><?php echo esc_html( get_the_date() ); ?></div>
							<h2 class="bw-post-card__title">
								<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
							</h2>
							<p class="bw-post-card__excerpt"><?php the_excerpt(); ?></p>
							<a href="<?php the_permalink(); ?>" class="bw-btn bw-btn--orange" style="margin-top:16px; font-size:13px; padding:8px 18px;">
								<?php esc_html_e( 'Read more →', 'bewell' ); ?>
							</a>
						</div>
					</article>
				<?php endwhile; ?>
			</div>

			<div class="bw-pagination" style="margin-top:48px;">
				<?php the_posts_pagination( [ 'prev_text' => '← Newer', 'next_text' => 'Older →' ] ); ?>
			</div>

		<?php else : ?>
			<div style="text-align:center; padding:80px 0;">
				<div class="bw-eyebrow" style="margin-bottom:12px;">404</div>
				<h1 class="bw-h2" style="margin-bottom:16px;">No content found.</h1>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="bw-btn bw-btn--orange">Back to Home</a>
			</div>
		<?php endif; ?>

	</div>
</main>

<?php get_footer(); ?>