{% extends "base.html" %}

{% block title %}kv: {{ bot_name }} - irc.bot{% endblock %}

{% block content %}
<div class="content">
  <div class="bot-header">
    <h1>kv store: {{ bot_name }}</h1>
    <a href="/{{ bot_id }}" class="btn-outline">back</a>
  </div>

  <form method="post" action="/{{ bot_id }}/kv/set" class="kv-form">
    <input type="text" name="key" placeholder="key" class="input" required>
    <input type="text" name="value" placeholder="value" class="input" required>
    <button type="submit" class="btn-fill">set</button>
  </form>

  {% if entries.is_empty() %}
  <div class="card">
    <p>no stored values.</p>
  </div>
  {% else %}
  <table class="table">
    <thead>
      <tr>
        <th>key</th>
        <th>value</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for entry in entries %}
      <tr>
        <td class="mono">{{ entry.key }}</td>
        <td>{{ entry.value }}</td>
        <td>
          <form method="post" action="/{{ bot_id }}/kv/{{ entry.key }}/delete" class="inline-form">
            <button type="submit" class="link-btn delete-btn">delete</button>
          </form>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</div>
{% endblock %}