{%- import "partials/_ui.html" as ui -%}
<div id="license-keys-list">
    {% if license_keys.is_empty() %}
    {% call ui::empty_state("", "No license keys generated yet.") %}
    {% else %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Key Code</th>
                <th>Activations</th>
                <th>Status</th>
                <th>Created</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for key in license_keys %}
            <tr>
                <td>
                    <code class="key-code" title="Click to copy" onclick="navigator.clipboard.writeText('{{ key.key_code }}')">
                        {{ key.key_code }}
                    </code>
                </td>
                <td>
                    {{ key.activation_count }}{% if let Some(max) = key.max_activations %} / {{ max }}{% else %} / &infin;{% endif %}
                </td>
                <td>
                    {% if key.is_revoked %}
                    <span class="badge badge-error">Revoked</span>
                    {% else %}
                    <span class="badge badge-success">Active</span>
                    {% endif %}
                </td>
                <td>{{ key.created_at }}</td>
                <td>
                    {% if !key.is_revoked %}
                    <button class="btn btn-sm btn-danger"
                            hx-post="/api/keys/{{ key.id }}/revoke"
                            hx-target="#license-keys-list"
                            hx-swap="outerHTML"
                            hx-confirm="Revoke this license key? All activations will be deactivated.">
                        Revoke
                    </button>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
</div>