{%- import "partials/_ui.html" as ui -%}
<div class="version-upload" id="version-upload" data-item-id="{{ item.id }}">

    {% if versions.is_empty() %}
    {% call ui::empty_state("", "No versions uploaded yet. Create your first version below.") %}
    {% else %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Version</th>
                <th>Label</th>
                <th>File</th>
                <th>Size</th>
                <th>Downloads</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for version in versions %}
            <tr>
                <td><span class="badge{% if version.is_current %} current{% endif %}">v{{ version.number }}</span></td>
                <td class="item-version-upload-cell-sm">{% if let Some(label) = version.label %}{{ label }}{% endif %}</td>
                <td class="item-version-upload-cell-sm">{% if version.has_file %}{% match version.file_name %}{% when Some with (name) %}{{ name }}{% when None %}1 file{% endmatch %}{% else %}<span class="item-version-upload-no-file">No file</span>{% endif %}</td>
                <td>{{ version.size }}</td>
                <td>{{ version.downloads }}</td>
                <td>
                    {% if version.has_file %}
                    <button class="btn-secondary download-version-btn item-version-upload-btn"
                            data-version-id="{{ version.id }}">Download</button>
                    {% else %}
                    <button class="btn-secondary upload-to-version-btn item-version-upload-btn"
                            data-version-id="{{ version.id }}">Upload File</button>
                    {% endif %}
                    <button class="btn-secondary delete-version-btn item-version-upload-btn"
                            data-version-id="{{ version.id }}">Delete</button>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}

    <!-- New Version Form -->
    <div id="new-version-form">
        <div class="item-version-upload-grid">
            <div class="form-group">
                <label for="new-version-number">Version Number</label>
                <input type="text" id="new-version-number" placeholder="e.g., 1.0">
            </div>
            <div class="form-group">
                <label for="version-changelog">Notes (optional)</label>
                <input type="text" id="version-changelog" placeholder="What changed in this version...">
            </div>
        </div>

        <div class="form-group">
            <label>Files</label>
            <div class="upload-hint item-version-upload-hint">Add one file per platform. Each gets its own label (e.g. "macOS (arm)", "Linux (x86_64)").</div>

            <table class="item-version-upload-file-table" id="version-file-table">
                <thead>
                    <tr>
                        <th>File</th>
                        <th>Label</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody id="version-file-rows"></tbody>
            </table>

            <div class="item-version-upload-add-row">
                <input type="file" id="version-file-input" class="sr-only"
                       accept=".zip,.dmg,.exe,.appimage,.deb,.tar.gz,.clap,.vst3" multiple>
                <button type="button" class="btn-secondary item-version-upload-add-btn" id="add-version-file-btn">Add Files</button>
            </div>
        </div>

        <button class="btn-primary" id="create-version-btn">Upload All</button>
    </div>

    <!-- Upload to existing version (hidden by default) -->
    <div class="hidden" id="existing-version-upload">
        <div class="file-upload-area" id="existing-version-dropzone">
            <div class="upload-text">Drop file to upload for this version</div>
            <div class="upload-hint">ZIP, DMG, EXE, AppImage, DEB, tar.gz, CLAP, VST3</div>
            <input type="file" id="existing-version-file-input" class="sr-only"
                   accept=".zip,.dmg,.exe,.appimage,.deb,.tar.gz,.clap,.vst3">
        </div>
        <button class="btn-secondary" id="cancel-existing-upload-btn">Cancel</button>
    </div>

    <!-- Shared upload progress/status (outside both forms so always visible) -->
    <div class="upload-progress hidden" id="version-upload-progress">
        <div class="item-version-upload-queue" id="version-upload-queue"></div>
        <div class="progress-info">
            <span id="version-upload-filename">filename.zip</span>
            <span id="version-upload-percent">0%</span>
        </div>
        <div class="progress-bar-container">
            <div class="progress-bar" id="version-progress-bar"></div>
        </div>
        <div class="item-version-upload-speed" id="version-upload-speed"></div>
        <button type="button" class="btn-secondary" id="cancel-version-upload-btn">Cancel</button>
    </div>

    <div class="upload-success hidden" id="version-upload-success">
        <span>Upload complete.</span>
    </div>

    <div class="upload-error hidden" id="version-upload-error">
        <span class="error-message" id="version-error-message"></span>
        <button type="button" class="btn-secondary" id="retry-version-upload-btn">Try Again</button>
    </div>
</div>