{% extends "base.html" %}

{% block content %}
  <div class="form-wrapper">
    <div class="column-container">
      <ul>
        {% for key in cache_names %}
          <li class="link-wrapper">
            <a href="/link/{{ key }}">{{ key }}</a>
            <button
              style="margin-left: 1em;"
              hx-target="closest .link-wrapper"
              hx-swap="outerHTML"
              hx-delete="/link/{{ key }}"
            >
              X
            </button>
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
{% endblock content %}