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

{% block title %}Release Notes - {{ brand_name }}{% endblock %}
{% block head_extra %}
<link rel="stylesheet" href="/static/hil-pages/release_notes.css">
{% endblock %}
{% block content %}
<div class="wrap">
    <div class="topbar">
        <div>
            <h1>Release Notes</h1>
            <p class="subtitle">Current version: <strong>{{ current_version }}</strong>. Read what changed, what was fixed, and what users should check after updates.</p>
        </div>
        <div class="actions">
            <a class="btn" href="{{ '/admin' if session.get('role') == 'admin' else '/sales' }}">Back</a>
            {% if is_admin %}
            <a class="btn secondary" href="/cloud/updates">App Updates</a>
            {% endif %}
        </div>
    </div>

    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="flash {{ category }}">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    {% if is_admin %}
    <div class="panel">
        <h2>Release Notes Agent</h2>
        <p class="subtitle">Use this after finishing an app update. The agent checks the current code state and publishes a note for users.</p>
        <form method="POST" action="/admin/release-notes" class="hil-inline-56f4356299">
            <input type="hidden" name="action" value="generate">
            <button type="submit">Generate Notes From Current Update</button>
        </form>
    </div>

    <div class="panel">
        <h2>Publish Manual Note</h2>
        <form method="POST" action="/admin/release-notes" class="hil-inline-56f4356299">
            <input type="hidden" name="action" value="manual">
            <div class="grid">
                <label>Version
                    <input name="version" value="{{ current_version }}" required>
                </label>
                <label>Audience
                    <select name="audience">
                        <option value="all">All users</option>
                        <option value="admin">Admins only</option>
                        {% if session.get('server_owner') %}
                        <option value="server">Server admin only</option>
                        {% endif %}
                    </select>
                </label>
            </div>
            <label>Title
                <input name="title" placeholder="e.g. Checkout and receipt update" required>
            </label>
            <label>Summary
                <input name="summary" placeholder="One clear sentence about the update" required>
            </label>
            <label>Details
                <textarea name="details" rows="6" placeholder="- Added...\n- Fixed...\n- Please check..." required></textarea>
            </label>
            <button type="submit">Publish Release Note</button>
        </form>
    </div>
    {% endif %}

    <div class="notes">
        {% if notes %}
            {% for note in notes %}
            <article class="note">
                <div class="note-head">
                    <div>
                        <h3>{{ note[2] }}</h3>
                        <p class="summary">{{ note[3] }}</p>
                    </div>
                    <div class="badges">
                        <span class="badge">v{{ note[1] }}</span>
                        <span class="badge source">{{ note[6] }}</span>
                        {% if note[5] != 'all' %}
                        <span class="badge admin">{{ note[5] }}</span>
                        {% endif %}
                    </div>
                </div>
                <pre>{{ note[4] }}</pre>
                <p class="subtitle">Published {{ note[8] or note[7] }}</p>
            </article>
            {% endfor %}
        {% else %}
            <div class="panel empty">No release notes have been published yet.</div>
        {% endif %}
    </div>
</div>
{% endblock %}