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

<h1>License</h1>
<p class="page-subtitle">
    Activation status, last contact with <code>vendorawifi.com</code>, and
    grace window remaining. The <code>vendora-license</code> daemon polls every
    {{ data.next_poll_secs // 60 }} minutes by default; use Refresh below to
    trigger an immediate retry (e.g. after fixing credentials).
</p>

{% if flash_msg %}
    <div class="flash flash-good">
        {{ flash_msg }}
        <button class="flash-close" aria-label="Close">×</button>
    </div>
{% endif %}
{% if error_msg %}
    <div class="flash flash-error">
        {{ error_msg }}
        <button class="flash-close" aria-label="Close">×</button>
    </div>
{% endif %}

<div class="page-actions">
    <form method="POST" action="/license/refresh" style="display: inline;"
          onsubmit="return confirm('Send a refresh signal to vendora-license? It will attempt an immediate activation/heartbeat round-trip.');">
        <button type="submit" class="btn-primary">↻ Refresh Now</button>
    </form>
</div>

{# Top stat cards #}
<div class="stat-grid">
    <div class="stat-card {% if data.status == 'active' %}good{% elif data.status == 'awaiting_first_contact' %}accent{% endif %}">
        <div class="label">Status</div>
        <div class="value" style="font-size: 18px;">
            {% if data.status == 'active' %}Active
            {% elif data.status == 'awaiting_first_contact' %}Awaiting Activation
            {% elif data.status == 'grace_expired' %}Grace Expired
            {% elif data.status == 'unlicensed' %}Unlicensed
            {% else %}{{ data.status }}{% endif %}
        </div>
        <div class="hint">
            {% if data.licensed %}server says: licensed{% else %}server says: not licensed{% endif %}
        </div>
    </div>
    <div class="stat-card">
        <div class="label">Last Contact</div>
        <div class="value" style="font-size: 18px;">
            {% if data.last_contact_at %}{{ data.last_contact_age_s // 60 }}m ago
            {% else %}never{% endif %}
        </div>
        <div class="hint">
            {% if data.last_contact_at %}successful round-trip
            {% else %}no successful round-trip yet{% endif %}
        </div>
    </div>
    <div class="stat-card {% if data.grace_remaining_s > 86400 %}good{% elif data.grace_remaining_s < 0 %}{% endif %}">
        <div class="label">Grace Remaining</div>
        <div class="value" style="font-size: 18px;">
            {% if data.grace_remaining_s < 0 %}expired
            {% else %}{{ (data.grace_remaining_s // 60) | duration }}{% endif %}
        </div>
        <div class="hint">cache_max_age {{ data.cache_max_age_secs // 86400 }}d</div>
    </div>
    <div class="stat-card">
        <div class="label">Next Poll</div>
        <div class="value" style="font-size: 18px;">{{ (data.next_poll_secs // 60) }}m</div>
        <div class="hint">server-tuned cadence</div>
    </div>
</div>

<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>
                    {% endif %}
                </td>
            </tr>
        </table>
    </div>
</section>

<section>
    <h2>Server Contact</h2>
    <div class="card">
        <table class="kv-table">
            <tr>
                <th>Last successful contact</th>
                <td>
                    {% if data.last_contact_at %}
                        <code>{{ data.last_contact_at }}</code>
                        <span style="color: var(--muted); font-size: 12px;">
                            ({{ (data.last_contact_age_s // 60) | duration }} ago)
                        </span>
                    {% else %}
                        <span style="color: var(--muted);">never</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>Last attempt</th>
                <td>
                    {% if data.last_attempt_at %}
                        <code>{{ data.last_attempt_at }}</code>
                        <span style="color: var(--muted); font-size: 12px;">
                            ({{ (data.last_attempt_age_s // 60) | duration }} ago)
                        </span>
                    {% else %}
                        <span style="color: var(--muted);">never</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>Last server time</th>
                <td>
                    {% if data.last_server_time_unix %}
                        <code>{{ data.last_server_time_unix }}</code>
                        <span style="color: var(--muted); font-size: 12px;">
                            (anti-replay ratchet)
                        </span>
                    {% else %}
                        <span style="color: var(--muted);">—</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>Last error</th>
                <td>
                    {% if data.last_error %}
                        <code style="color: var(--danger); font-size: 12px;">{{ data.last_error }}</code>
                    {% else %}
                        <span style="color: var(--muted);">—</span>
                    {% endif %}
                </td>
            </tr>
        </table>
    </div>
</section>

<section>
    <h2>Cached credentials</h2>
    <div class="card">
        <table class="kv-table">
            <tr>
                <th>Activation token</th>
                <td>
                    {% if data.token_present %}
                        <span class="badge badge-active">cached</span>
                    {% else %}
                        <span style="color: var(--muted);">— not yet cached</span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <th>Signature</th>
                <td>
                    {% if data.signature_present %}
                        <span class="badge badge-active">verified</span>
                    {% else %}
                        <span style="color: var(--muted);">—</span>
                    {% endif %}
                </td>
            </tr>
        </table>
        <p class="form-hint" style="margin-top: 12px;">
            Token and signature values are persisted internally but not
            displayed here — they're sensitive credentials. The status badges
            above confirm whether the daemon has them and whether the most
            recent verification check passed.
        </p>
    </div>
</section>

{% endblock %}