<?php get_header(); ?>

<main id="primary" class="site-main">
    <div class="container">

        <!-- Archive Header -->
        <div class="archive-header">
            <span class="archive-label">
                <?php if (is_category()) : esc_html_e('Category', 'khabarnavis');
                elseif (is_tag()) : esc_html_e('Tag', 'khabarnavis');
                elseif (is_author()) : esc_html_e('Author', 'khabarnavis');
                elseif (is_date()) : esc_html_e('Archive', 'khabarnavis');
                else : esc_html_e('Archive', 'khabarnavis');
                endif; ?>
            </span>
            <h1 class="archive-title">
                <?php
                if (is_category() || is_tag() || is_tax()) {
                    echo single_cat_title('', false);
                } elseif (is_author()) {
                    the_archive_title('');
                } else {
                    the_archive_title('');
                }
                ?>
            </h1>
            <?php $desc = get_the_archive_description(); if ($desc) : ?>
                <p class="archive-desc"><?php echo wp_kses_post($desc); ?></p>
            <?php endif; ?>
        </div>

        <?php if (have_posts()) : ?>

        <div class="archive-posts-grid">
            <?php while (have_posts()) : the_post(); ?>
            <div class="post-card">
                <?php if (has_post_thumbnail()) : ?>
                <div class="card-image">
                    <?php the_post_thumbnail('khabarnavis-medium', ['alt' => esc_attr(get_the_title())]); ?>
                </div>
                <?php endif; ?>
                <div class="card-body">
                    <p class="card-category"><?php echo khabarnavis_get_category_badge(); ?></p>
                    <h2 class="card-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                    <p class="card-excerpt"><?php the_excerpt(); ?></p>
                    <?php echo khabarnavis_article_meta(); ?>
                </div>
            </div>
            <?php endwhile; ?>
        </div>

        <!-- Pagination -->
        <div class="pagination">
            <?php
            echo paginate_links([
                'prev_text' => '&larr;',
                'next_text' => '&rarr;',
                'type'      => 'plain',
            ]);
            ?>
        </div>

        <?php else : ?>
        <div class="no-results">
            <h2><?php esc_html_e('Nothing Found', 'khabarnavis'); ?></h2>
            <p><?php esc_html_e('Sorry, no posts matched your query.', 'khabarnavis'); ?></p>
        </div>
        <?php endif; ?>

    </div><!-- .container -->
</main>

<?php get_footer(); ?>