{% extends "blog/base.html" %}

{% block breadcrumb %}
<nav class="breadcrumb">
    <a href="{% url 'blog:post_list' %}">首页</a>
    <span class="sep">&rsaquo;</span>
    <span class="current">文件下载</span>
</nav>
{% endblock %}

{% block content %}
<div class="page-header">
    <h2>文件下载</h2>
</div>

<div class="file-filter">
    <a href="{% url 'blog:file_list' %}" class="filter-btn {% if not current_category %}active{% endif %}">全部</a>
    {% for value, label in file_categories %}
    <a href="{% url 'blog:file_list' %}?category={{ value }}" class="filter-btn {% if current_category == value %}active{% endif %}">{{ label }}</a>
    {% endfor %}
</div>

{% for file in page_obj %}
<div class="file-card">
    <div class="file-icon">
        {% if file.category == 'image' %}
        <span class="icon-img">&#128247;</span>
        {% elif file.category == 'document' %}
        <span class="icon-doc">&#128196;</span>
        {% elif file.category == 'media' %}
        <span class="icon-media">&#127925;</span>
        {% elif file.category == 'archive' %}
        <span class="icon-archive">&#128230;</span>
        {% else %}
        <span class="icon-other">&#128194;</span>
        {% endif %}
    </div>
    <div class="file-info">
        <h4 class="file-name">{{ file.original_name }}</h4>
        {% if file.description %}
        <p class="file-desc">{{ file.description }}</p>
        {% endif %}
        <div class="file-meta">
            <span>{{ file.get_file_size_display }}</span>
            <span>下载 {{ file.download_count }} 次</span>
            <span>{{ file.created_at|date:"Y-m-d" }}</span>
        </div>
    </div>
    <a href="{% url 'blog:download' file.pk %}" class="btn-download" title="下载">下载</a>
</div>
{% empty %}
<div class="empty-state">
    <p>暂无公开文件</p>
</div>
{% endfor %}

{% if page_obj.has_other_pages %}
<nav class="pagination">
    {% if page_obj.has_previous %}
    <a href="?page={{ page_obj.previous_page_number }}{% if current_category %}&category={{ current_category }}{% endif %}">&laquo; 上一页</a>
    {% endif %}
    <span class="current">第 {{ page_obj.number }} / {{ page_obj.paginator.num_pages }} 页</span>
    {% if page_obj.has_next %}
    <a href="?page={{ page_obj.next_page_number }}{% if current_category %}&category={{ current_category }}{% endif %}">下一页 &raquo;</a>
    {% endif %}
</nav>
{% endif %}
{% endblock %}