<?php get_header(); ?>

<main class="main-content">
    <div class="container">
        
        <!-- Archive Header -->
        <div class="search-results-header">
            <?php if (is_category()) : ?>
                <h1>Categoría: <?php single_cat_title(); ?></h1>
                <p><?php echo category_description(); ?></p>
            <?php elseif (is_tag()) : ?>
                <h1>Etiqueta: <?php single_tag_title(); ?></h1>
                <p><?php echo tag_description(); ?></p>
            <?php elseif (is_author()) : ?>
                <h1>Autor: <?php echo get_the_author(); ?></h1>
            <?php elseif (is_date()) : ?>
                <h1>Archivo: <?php echo get_the_date('F Y'); ?></h1>
            <?php else : ?>
                <h1>Archivo</h1>
            <?php endif; ?>
            
            <?php if (have_posts()) : ?>
                <p>Se encontraron <?php echo $wp_query->found_posts; ?> posts</p>
            <?php endif; ?>
        </div>
        
        <!-- Archive Results Grid -->
        <?php if (have_posts()) : ?>
            <div class="search-results-grid posts-grid-vertical">
                <?php
                while (have_posts()) : 
                    the_post();
                ?>
                    <article class="post-item archive-item">
                        <a href="<?php the_permalink(); ?>">
                            <?php pulsegrid_post_thumbnail_with_badges('medium'); ?>
                        </a>
                        <div class="post-content">
                            <h3 class="post-title">
                                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                            </h3>
                        </div>
                    </article>
                <?php endwhile; ?>
            </div>
            
            <!-- Pagination -->
            <div class="pagination">
                <?php
                echo paginate_links(array(
                    'prev_text' => '« Anterior',
                    'next_text' => 'Siguiente »',
                    'type' => 'list'
                ));
                ?>
            </div>
            
        <?php else : ?>
            <div class="no-results">
                <h2>No hay posts en este archivo</h2>
                <p>Lo sentimos, pero no hay posts disponibles en esta sección.</p>
                
                <!-- Suggested posts -->
                <div class="suggested-posts">
                    <h3>Explora otros contenidos:</h3>
                    <div class="posts-grid">
                        <?php
                        $suggested_posts = new WP_Query(array(
                            'posts_per_page' => 7,
                            'orderby' => 'rand'
                        ));
                        
                        if ($suggested_posts->have_posts()) :
                            while ($suggested_posts->have_posts()) : $suggested_posts->the_post();
                        ?>
                            <article class="post-item">
                                <a href="<?php the_permalink(); ?>">
                                    <?php if (has_post_thumbnail()) : ?>
                                        <img src="<?php the_post_thumbnail_url('medium'); ?>" alt="<?php the_title(); ?>" class="post-thumbnail">
                                    <?php else : ?>
                                        <div class="post-thumbnail no-image">Sin imagen</div>
                                    <?php endif; ?>
                                    <div class="post-content">
                                        <h3 class="post-title"><?php the_title(); ?></h3>
                                    </div>
                                </a>
                            </article>
                        <?php
                            endwhile;
                            wp_reset_postdata();
                        endif;
                        ?>
                    </div>
                </div>
            </div>
        <?php endif; ?>
        
    </div>
</main>

<?php get_footer(); ?>
