<?php get_header(); ?>

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

        <div class="search-header">
            <h1>
                <?php printf(esc_html__('Search Results for: %s', 'khabarnavis'), '<strong>' . esc_html(get_search_query()) . '</strong>'); ?>
            </h1>
            <?php if (have_posts()) : ?>
            <p class="search-count metadata">
                <?php printf(esc_html__('Found %s result(s)', 'khabarnavis'), $wp_query->found_posts); ?>
            </p>
            <?php endif; ?>
        </div>

        <!-- Search Form -->
        <div style="margin-bottom:32px">
            <form role="search" method="get" class="search-form" action="<?php echo esc_url(home_url('/')); ?>">
                <label class="sr-only" for="search-input"><?php esc_html_e('Search for', 'khabarnavis'); ?></label>
                <input id="search-input" type="search" name="s" style="background:var(--surface-container-high);border:none;border-radius:99px;padding:14px 24px;font-size:1rem;font-family:var(--font-body);width:100%;max-width:540px;outline:none;" placeholder="<?php esc_attr_e('Search news...', 'khabarnavis'); ?>" value="<?php echo esc_attr(get_search_query()); ?>">
            </form>
        </div>

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

        <div class="search-results-list">
            <?php while (have_posts()) : the_post(); ?>
            <div class="search-result-item">
                <?php if (has_post_thumbnail()) : ?>
                <div class="thumb">
                    <?php the_post_thumbnail('khabarnavis-square', ['alt' => esc_attr(get_the_title())]); ?>
                </div>
                <?php endif; ?>
                <div class="info">
                    <?php echo khabarnavis_get_category_badge(); ?>
                    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                    <p class="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('Try different search terms or browse our categories.', 'khabarnavis'); ?></p>
        </div>
        <?php endif; ?>

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

<?php get_footer(); ?>