{% extends "base.html" %}

{% block title %}Category: {{ category }} - {{ site_title }}{% endblock %}

{% block feed_links %}
<link rel="alternate" type="application/rss+xml" title="{{ site_title }} - {{ category }} - RSS Feed" href="{{ site_url }}/feeds/{{ safe_category }}.rss.xml">
<link rel="alternate" type="application/atom+xml" title="{{ site_title }} - {{ category }} - Atom Feed" href="{{ site_url }}/feeds/{{ safe_category }}.atom.xml">
{% endblock %}

{% block feed_nav_links %}
<li><a href="/feeds/{{ safe_category }}.rss.xml" title="Subscribe to {{ category }} via RSS feed">RSS</a></li>
<li><a href="/feeds/{{ safe_category }}.atom.xml" title="Subscribe to {{ category }} via Atom feed">Atom</a></li>
{% endblock %}

{% block content %}
<div class="category-page">
    <h1>Posts in category "{{ category }}"</h1>
    
    {% if posts %}
    {% for post in posts %}
    <article class="post-summary">
        <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
        {% if post.date %}
        <time datetime="{{ post.date.isoformat() }}">{{ post.date|format_date }}</time>
        {% endif %}
        <div class="reading-time">{{ post.reading_time }} min read</div>
        <div class="post-content">
            {{ post.html_content|safe }}
        </div>
        {% if post.tags %}
        <div class="tags">
            {% for tag in post.tags %}
            <a href="/{{ tag_dir }}/{{ post.safe_tags()[loop.index0] }}.html" class="tag">{{ tag }}</a>
            {% endfor %}
        </div>
        {% endif %}
    </article>
    {% endfor %}
    {% else %}
    <p>No posts in this category.</p>
    {% endif %}
    
    {% if total_pages > 1 %}
    <nav class="pagination">
        {% if page > 1 %}
            {% if page == 2 %}
                <a href="/{{ category_dir }}/{{ safe_category }}.html" class="pagination-prev">← Previous</a>
            {% else %}
                <a href="/{{ category_dir }}/{{ safe_category }}/{{ page - 1 }}.html" class="pagination-prev">← Previous</a>
            {% endif %}
        {% endif %}
        
        <span class="pagination-info">Page {{ page }} of {{ total_pages }}</span>
        
        {% if page < total_pages %}
            <a href="/{{ category_dir }}/{{ safe_category }}/{{ page + 1 }}.html" class="pagination-next">Next →</a>
        {% endif %}
    </nav>
    {% endif %}
</div>
{% endblock %}