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

<!-- ============================================================
     admin/packages-form.html — 软件包创建/编辑表单
     编辑时同时展示已有版本列表，支持上传新版本。

     模板变量：
       - package: Option<Package> 编辑时存在
       - versions: Vec<PackageVersion> 编辑时存在
       - is_new: bool
     ============================================================ -->

{% block title %}{% if is_new %}新建软件包{% else %}编辑软件包{% endif %} — {{ site_name }}{% endblock %}

{% block sidebar %}
{% include "admin/partials/sidebar.html" %}
{% endblock %}

{% block content %}
<div class="admin-header-bar">
    <h1 class="admin-page-title">{% if is_new %}新建软件包{% else %}编辑软件包{% endif %}</h1>
</div>

<form class="admin-form" method="POST"
      action="{% if is_new %}/admin/packages{% else %}/admin/packages/{{ package.id }}{% endif %}">

    <div class="form-group">
        <label class="form-label" for="name">软件包名称</label>
        <input type="text" id="name" name="name" class="form-input"
               value="{% if package %}{{ package.name }}{% endif %}" required>
    </div>

    <div class="form-group">
        <label class="form-label" for="slug">URL 标识</label>
        <input type="text" id="slug" name="slug" class="form-input"
               value="{% if package %}{{ package.slug }}{% endif %}" required
               placeholder="如: my-app（字母数字横线）">
    </div>

    <div class="form-group">
        <label class="form-label" for="description">描述</label>
        <textarea id="description" name="description" class="form-input"
            style="min-height: 60px; font-family: inherit;">{% if package %}{{ package.description }}{% endif %}</textarea>
    </div>

    <div class="form-group">
        <label class="form-label" for="repo_url">源码仓库链接（可选）</label>
        <input type="url" id="repo_url" name="repo_url" class="form-input"
               value="{% if package %}{{ package.repo_url }}{% endif %}"
               placeholder="https://github.com/username/repo">
    </div>

    <div class="form-group">
        <label class="form-label" for="icon">图标 URL（可选）</label>
        <input type="text" id="icon" name="icon" class="form-input"
               value="{% if package %}{{ package.icon }}{% endif %}">
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary">
            {% if is_new %}创建软件包{% else %}保存修改{% endif %}
        </button>
        <a href="/admin/packages" class="btn btn-secondary">取消</a>
    </div>
</form>

<!-- 版本管理（仅在编辑时显示） -->
{% if package and not is_new %}
<hr style="margin: 2rem 0; border: none; border-top: 1px solid var(--color-border);">

<div class="admin-header-bar">
    <h2 class="admin-page-title" style="font-size: 1.25rem;">版本管理</h2>
    <a href="/admin/packages/{{ package.id }}/versions/new" class="btn btn-primary btn-sm">上传新版本</a>
</div>

{% if versions %}
<div class="version-list-admin">
    {% for ver in versions %}
    <div class="version-item-admin">
        <div class="version-info">
            <strong>{{ ver.version }}</strong>
            <span style="color: var(--color-text-secondary); font-size: 0.85rem;">
                {{ ver.created_at }} &middot;
                {{ (ver.file_size / 1024) | round(precision=1) }} KB
            </span>
        </div>
        <div class="actions">
            <form method="POST" action="/admin/packages/{{ package.id }}/versions/{{ ver.id }}/delete"
                  onsubmit="return confirm('确认删除版本 {{ ver.version }}？')"
                  style="display: inline;">
                <button type="submit" class="btn btn-danger btn-sm">删除</button>
            </form>
        </div>
    </div>
    {% endfor %}
</div>
{% else %}
<div class="empty-state">
    <p>还没有版本，<a href="/admin/packages/{{ package.id }}/versions/new">上传第一个版本</a>。</p>
</div>
{% endif %}
{% endif %}
{% endblock %}