{% extends "admin/base.html" %}

{% block logo %}
<h1>KV Store</h1>
{% endblock %}

{% block main %}
<div class="admin-content">
    {% if error %}
    <div class="alert alert-error">{{ error }}</div>
    {% endif %}

    <section class="admin-form">
        <h2>Add / Update Entry</h2>
        <form method="post" action="/admin/system/kv.html">
            <input type="hidden" name="action" value="set">
            <div class="form-row">
                <div class="form-group">
                    <label for="key">Key</label>
                    <input type="text" id="key" name="key" maxlength="255" required placeholder="key_name">
                </div>
                <div class="form-group">
                    <label for="value">Value</label>
                    <input type="text" id="value" name="value" maxlength="10000" required placeholder="value">
                </div>
                <div class="form-group form-actions-inline">
                    <button type="submit" class="btn btn-primary">Set</button>
                </div>
            </div>
        </form>
    </section>

    <section class="admin-list">
        <h2>Current Entries</h2>
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Key</th>
                    <th>Value</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for entry in entries %}
                <tr>
                    <td><code>{{ entry.key }}</code></td>
                    <td class="value-preview">{{ entry.value }}</td>
                    <td class="actions">
                        <form method="post" action="/admin/system/kv.html" style="display:inline;">
                            <input type="hidden" name="action" value="delete">
                            <input type="hidden" name="key" value="{{ entry.key }}">
                            <button type="submit" class="btn btn-small btn-danger" onclick="return confirm('Delete this entry?')">Delete</button>
                        </form>
                    </td>
                </tr>
                {% else %}
                <tr>
                    <td colspan="3">No entries found</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </section>
</div>
{% endblock main %}