{% extends "base.html" %}

<!-- ============================================================
     pages/repo-detail.html — 软件包详情页模板
     展示软件包的详细信息和所有版本列表，提供下载按钮。

     模板变量：
       - package: Package 包信息
       - versions: Vec<PackageVersion> 所有版本
     ============================================================ -->

{% block title %}{{ package.name }} — {{ site_name }}{% endblock %}

{% block content %}
<h1 class="page-title">{{ package.name }}</h1>
<p style="color: var(--color-text-secondary); margin-bottom: 1.5rem;">
    {{ package.description }}
</p>

{% if package.repo_url %}
<p style="margin-bottom: 1.5rem;">
    <a href="{{ package.repo_url }}" target="_blank" rel="noopener">源码仓库 &rarr;</a>
</p>
{% endif %}

<h2 class="section-title">版本列表</h2>

{% if versions %}
    <div class="version-list">
        {% for ver in versions %}
        <div class="version-item">
            <div>
                <div class="version-number">v{{ ver.version }}</div>
                <div class="version-date">{{ ver.created_at }}</div>
                {% if ver.release_notes %}
                <div class="version-notes">{{ ver.release_notes }}</div>
                {% endif %}
                <div style="font-size: 0.8rem; color: var(--color-text-secondary); margin-top: 0.25rem;">
                    文件大小: {{ (ver.file_size / 1024) | round(precision=1) }} KB
                </div>
            </div>
            <a href="/repo/{{ package.slug }}/download/{{ ver.version }}" class="download-btn">
                下载
            </a>
        </div>
        {% endfor %}
    </div>
{% else %}
    <div class="empty-state">
        <p>还没有发布版本。</p>
    </div>
{% endif %}

<p style="margin-top: 2rem;">
    <a href="/repo">&larr; 返回软件仓库</a>
</p>
{% endblock %}