<?php
/**
 * The template for displaying category pages
 */

get_header(); ?>

<div class="bg-light py-5 border-bottom mb-5">
	<div class="container text-center">
		<h1 class="display-5 fw-bold mb-3"><?php single_cat_title(); ?></h1>
		<?php if (category_description()): ?>
			<div class="lead text-muted mx-auto w-75"><?php echo category_description(); ?></div>
		<?php endif; ?>
	</div>
</div>

<div class="container mb-5">
	<main id="primary" class="site-main">
		<div class="row g-4">
			<?php
			if (have_posts()):
				while (have_posts()):
					the_post();
					?>
					<?php get_template_part('template-parts/content', 'card'); ?>
					<?php
				endwhile;

				echo '</div>'; // close row
			
				the_posts_navigation(array(
					'screen_reader_text' => 'Posts navigation',
					'prev_text' => '<span class="btn btn-outline-primary">&larr; Older Posts</span>',
					'next_text' => '<span class="btn btn-outline-primary">Newer Posts &rarr;</span>',
					'class' => 'd-flex justify-content-between my-5'
				));
			else:
				echo '<div class="col-12"><div class="alert alert-info text-center">' . esc_html__('No posts found in this category.', 'wisdom1') . '</div></div></div>'; // close row and alert
			endif;
			?>
	</main>
</div>

<?php
get_footer();
