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

<!-- ============================================================
     admin/version-form.html — 上传新版本表单
     使用 XMLHttpRequest 异步上传，带实时进度条。

     模板变量：
       - package: Package 所属软件包
     ============================================================ -->

{% block title %}上传版本 — {{ package.name }} — {{ site_name }}{% endblock %}

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

{% block content %}
<div class="admin-header-bar">
    <h1 class="admin-page-title">上传新版本 — {{ package.name }}</h1>
    <a href="/admin/packages/{{ package.id }}/edit" class="btn btn-secondary">&larr; 返回</a>
</div>

<form class="admin-form" id="upload-form">
    <div class="form-group">
        <label class="form-label" for="version">版本号</label>
        <input type="text" id="version" name="version" class="form-input" required
               placeholder="例如: 1.0.0, 2.3.1-beta">
        <p class="form-hint">建议使用语义化版本号。</p>
    </div>

    <div class="form-group">
        <label class="form-label" for="file">选择文件</label>
        <input type="file" id="file" name="file" class="form-input" required
               style="padding: 0.4rem;">
        <p class="form-hint">支持任意格式，无大小限制。</p>
    </div>

    <div class="form-group">
        <label class="form-label" for="release_notes">更新说明（可选）</label>
        <textarea id="release_notes" name="release_notes" class="form-input"
            style="min-height: 100px; font-family: inherit;"
            placeholder="本次更新的内容..."></textarea>
    </div>

    <!-- 进度条 -->
    <div class="upload-progress" id="upload-progress">
        <div class="upload-progress-bar">
            <div class="upload-progress-fill" id="progress-fill"></div>
        </div>
        <div class="upload-progress-text" id="progress-text">准备上传...</div>
    </div>

    <div class="form-actions">
        <button type="submit" class="btn btn-primary" id="submit-btn">上传</button>
        <a href="/admin/packages/{{ package.id }}/edit" class="btn btn-secondary">取消</a>
    </div>
</form>

<script>
document.getElementById('upload-form').addEventListener('submit', function(e) {
    e.preventDefault();

    var fileInput = document.getElementById('file');
    var version = document.getElementById('version').value.trim();
    var releaseNotes = document.getElementById('release_notes').value;
    var file = fileInput.files[0];
    var progressDiv = document.getElementById('upload-progress');
    var progressFill = document.getElementById('progress-fill');
    var progressText = document.getElementById('progress-text');
    var submitBtn = document.getElementById('submit-btn');

    if (!version) { alert('请输入版本号'); return; }
    if (!file) { alert('请选择文件'); return; }

    var formData = new FormData();
    formData.append('version', version);
    formData.append('release_notes', releaseNotes);
    formData.append('file', file);

    // 显示进度条
    progressDiv.classList.add('active');
    submitBtn.disabled = true;
    submitBtn.textContent = '上传中...';

    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/admin/packages/{{ package.id }}/versions', true);

    xhr.upload.onprogress = function(e) {
        if (e.lengthComputable) {
            var pct = Math.round((e.loaded / e.total) * 100);
            progressFill.style.width = pct + '%';
            var uploaded = (e.loaded / 1048576).toFixed(1);
            var total = (e.total / 1048576).toFixed(1);
            progressText.textContent = uploaded + ' MB / ' + total + ' MB (' + pct + '%)';
        }
    };

    xhr.onload = function() {
        if (xhr.status >= 200 && xhr.status < 400) {
            progressFill.style.width = '100%';
            progressText.textContent = '上传完成！正在跳转...';
            window.location.href = '/admin/packages/{{ package.id }}/edit';
        } else {
            progressText.textContent = '上传失败 (HTTP ' + xhr.status + ')';
            submitBtn.disabled = false;
            submitBtn.textContent = '上传';
        }
    };

    xhr.onerror = function() {
        progressText.textContent = '网络错误，上传中断';
        submitBtn.disabled = false;
        submitBtn.textContent = '重试';
    };

    xhr.send(formData);
});
</script>
{% endblock %}