{% extends "base.html" %}
{% block content %}
<section class="section">
    <nav class="breadcrumb"><ul><li><a href="/compose">Compose</a></li><li class="is-active"><a href="#">Config</a></li></ul></nav>
    <h1 class="title">Global Compose Config</h1>
    <div class="box">
        <p class="subtitle">File: ~/.config/linux_post_install/compose.env</p>
        <pre class="log-box">{{ current }}</pre>
    </div>
    <div class="box">
        <h2 class="subtitle">Set a Value</h2>
        <form hx-post="/compose/config/set" hx-target="#config-result">
            <div class="field has-addons">
                <div class="control">
                    <input class="input" name="key" placeholder="TS_AUTHKEY" required>
                </div>
                <div class="control is-expanded">
                    <input class="input" name="value" placeholder="value" required>
                </div>
                <div class="control">
                    <button class="button is-primary">Set</button>
                </div>
            </div>
        </form>
        <div id="config-result"></div>
    </div>
    <div class="box">
        <h2 class="subtitle">Config Keys</h2>
        <table class="table">
            <thead><tr><th>Key</th><th>Required</th><th>Default</th><th>Purpose</th></tr></thead>
            <tbody>
                <tr><td>TS_AUTHKEY</td><td>Yes</td><td>—</td><td>Tailscale auth key</td></tr>
                <tr><td>TZ</td><td>No</td><td>Europe/Amsterdam</td><td>Timezone</td></tr>
                <tr><td>DNS_SERVER</td><td>No</td><td>9.9.9.9</td><td>Custom DNS</td></tr>
                <tr><td>SERVICES_BASE</td><td>No</td><td>/srv</td><td>Deployment directory</td></tr>
            </tbody>
        </table>
    </div>
</section>
{% endblock %}