<?php
/*
Template Name: Todas las Categorías
*/

get_header(); ?>

<div class="container tags-page-container">
    <div class="tags-page-header">
        <h1 class="tags-page-title">Todas las Categorías</h1>
        <p class="tags-page-description">Explora todo el contenido por categorías</p>
    </div>

    <div class="tags-cloud-wrapper">
        <?php
        $categories = get_categories(array(
            'orderby' => 'count',
            'order' => 'DESC',
            'hide_empty' => true
        ));

        if ($categories) :
            echo '<div class="tags-cloud-grid">';
            foreach ($categories as $category) :
                $category_link = get_category_link($category->term_id);
                $category_count = $category->count;
                
                // Calcular tamaño basado en la cantidad de posts
                $size_class = '';
                if ($category_count >= 20) {
                    $size_class = 'tag-xl';
                } elseif ($category_count >= 10) {
                    $size_class = 'tag-lg';
                } elseif ($category_count >= 5) {
                    $size_class = 'tag-md';
                } else {
                    $size_class = 'tag-sm';
                }
                ?>
                <a href="<?php echo esc_url($category_link); ?>" class="tag-item <?php echo $size_class; ?>" data-count="<?php echo $category_count; ?>">
                    <span class="tag-name"><?php echo esc_html($category->name); ?></span>
                    <span class="tag-count"><?php echo $category_count; ?></span>
                </a>
            <?php endforeach;
            echo '</div>';
        else : ?>
            <p class="no-tags">No hay categorías disponibles.</p>
        <?php endif; ?>
    </div>
</div>

<?php get_footer(); ?>
