{% extends "base.html" %}
{% import 'components/macros.html' as ui %}

{% block title %}App Updates - Gvelo{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/admin_updates.css">
{% endblock %}
{% block content %}
<h1>App Update Manager</h1>
<div class="box">
    <p>
        <a href="/admin/release-notes" class="hil-inline-e3ec02ace9">Open Release Notes</a>
        &nbsp;|&nbsp;
        <a href="/release-notes" class="hil-inline-e3ec02ace9">User Notes View</a>
    </p>
    <h3>Create New Update Package</h3>
    <form method="POST" action="/cloud/create-update">
        <input name="version" type="text" placeholder="Version (e.g. 2.0)" required>
        <textarea name="changelog" rows="5" placeholder="Changelog
- New features
- Bug fixes
- Improvements" required></textarea>
        <button type="submit">Create Update ZIP</button>
    </form>

    <h3>Current Version{% if current_version %} v{{ current_version }}{% endif %}</h3>
    <div class="list">
    {% if updates %}
        {% for file in updates %}
            <div class="update-item">
                {{ file }}
                <form method="POST" action="/cloud/apply-update" class="confirm-apply-update hil-inline-24190e9cb7">
                    <input type="hidden" name="filename" value="{{ file }}">
                    <button type="submit">Apply</button>
                </form>
            </div>
        {% endfor %}
    {% else %}
        <p>No update packages available.</p>
    {% endif %}
    </div>

    <p><a href="/cloud">&larr; Back to Cloud Dashboard</a></p>
</div>
<script>
document.querySelectorAll(".confirm-apply-update").forEach(function(form) {
    form.addEventListener("submit", function(event) {
        if (!confirm("Data will be backed up automatically. Apply update and restart server?")) {
            event.preventDefault();
        }
    });
});
</script>
{% endblock %}