{% extends "base.html" %}
{% block content %}

<h1>About</h1>
<p class="page-subtitle">
    Identity, version, and build info for this Vendora SBC.
</p>

<section>
    <h2>Identity</h2>
    <div class="card">
        <table class="kv-table">
            <tr>
                <th>VND-ID</th>
                <td>
                    {% if data.vnd_id %}
                        <code style="font-size: 14px;">{{ data.vnd_id }}</code>
                    {% else %}
                        <span style="color: var(--muted);">— not yet generated</span>
                        <div class="form-hint" style="margin-top: 4px;">
                            VND-ID is generated on first license-server contact.
                            Until then this device has no global identity.
                        </div>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>Hostname</th>
                <td><code>{{ data.hostname }}</code></td>
            </tr>
            <tr>
                <th>Device role</th>
                <td>
                    {% if data.device_role == 'server' %}
                        <strong>Server</strong> — router / API only (no coin slot)
                    {% else %}
                        <strong>Vendo</strong> — has a coin slot
                    {% endif %}
                    {% if data.board and data.board != '—' %}
                        <div style="color: var(--muted); font-size: 12px; margin-top: 4px;">{{ data.board }}</div>
                    {% endif %}
                </td>
            </tr>
        </table>
    </div>
</section>

<section>
    <h2>Build</h2>
    <div class="card">
        <table class="kv-table">
            <tr>
                <th>SBC version</th>
                <td><code style="font-size: 14px;">SBC-{{ data.sbc_version }}</code></td>
            </tr>
            {% if data.git.hash %}
                <tr>
                    <th>Git commit</th>
                    <td>
                        <code>{{ data.git.hash }}</code>
                        {% if data.git.subject %}
                            <div style="color: var(--muted); font-size: 12px; margin-top: 4px;">
                                {{ data.git.subject }}
                            </div>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th>Commit date</th>
                    <td><code>{{ data.git.date }}</code></td>
                </tr>
            {% else %}
                <tr>
                    <th>Git commit</th>
                    <td><span style="color: var(--muted);">— not a git checkout</span></td>
                </tr>
            {% endif %}
        </table>
    </div>
</section>

<section>
    <h2>Runtime</h2>
    <div class="card">
        <table class="kv-table">
            <tr>
                <th>System uptime</th>
                <td>{{ data.system_uptime }}</td>
            </tr>
            <tr>
                <th>Admin started</th>
                <td>
                    {{ data.admin_started_at_iso }}
                    <span style="color: var(--muted); font-size: 12px;">({{ data.admin_uptime }} ago)</span>
                </td>
            </tr>
        </table>
    </div>
</section>

<section>
    <h2>Links</h2>
    <div class="card">
        <ul class="link-list">
            <li>
                <a href="https://vendorawifi.com" target="_blank" rel="noopener">vendorawifi.com</a>
                <span class="link-hint">licensing portal and operator dashboard</span>
            </li>
            <li>
                <a href="/dashboard">Dashboard</a>
                <span class="link-hint">today's sales, recent vouchers, system stats</span>
            </li>
            <li>
                <a href="/audit">Audit Log</a>
                <span class="link-hint">every admin action recorded</span>
            </li>
            <li>
                <a href="/system">System</a>
                <span class="link-hint">WAN config, reboot, service restart</span>
            </li>
        </ul>
    </div>
</section>

<section>
    <p class="page-subtitle" style="text-align: center; margin-top: 24px;">
        Vendora SBC — coin-operated WiFi vending.
    </p>
</section>

{% endblock %}