{% include 'partials/notify.html' %}

<table class="table is-fullwidth is-hoverable" id="callbacks-table">
  <thead>
    <th>id</th>
    <th>hook id</th>
    <th>hook name</th>
    <th>data</th>
    <th>actions</th>
  </thead>
  {% for item in items %}
    <tr>
      <td>{{ item.id }}</td>
      <td>{{ item.hook.id }}</td>
      <td>
        <a
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="{% url 'hook_action' hook_id=item.hook.id %}"
          hx-trigger="click"
          hx-target="#modals-here">{{ item.hook.name }}
        </a>
      </td>
      <td><pre>{{ item.data }}</pre></td>
      <td>
        <div class="buttons">

        </div>
      </td>
    </tr>
  {% endfor %}

</table>