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

<table class="table is-fullwidth is-hoverable" id="hooks-table">
  <thead>
    <th>id</th>
    <th>user</th>
    <th>name</th>
    <th>hook</th>
    <th>received hooks</th>
    <th>actions</th>
  </thead>
  {% for item in items %}
    <tr>
      <td>{{ item.id }}</td>
      <td>{{ item.user }}</td>
      <td>{{ item.name }}</td>
      <td><code>{{settings.URL}}/{{settings.HOOK_PATH}}/{{ item.hook }}</code></td>
      <td>{{ item.received }}</td>
      <td>
        <div class="buttons">
          <button
            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
            hx-get="{% url 'hook_action' hook_id=item.id %}"
            hx-trigger="click"
            hx-target="#modals-here"
            class="button is-info">
            <span class="icon-text">
              <span class="icon">
                <i class="fa-solid fa-pencil"></i>
              </span>
            </span>
          </button>
          <button
            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
            hx-delete="{% url 'hook_action' hook_id=item.id %}"
            hx-trigger="click"
            hx-target="#hooks-table"
            class="button is-danger">
            <span class="icon-text">
              <span class="icon">
                <i class="fa-solid fa-trash"></i>
              </span>
            </span>
          </button>
          <a href="{% url 'callbacks' type='page' hook_id=item.id %}"><button
            class="button is-success">
            <span class="icon-text">
              <span class="icon">
                <i class="fa-solid fa-eye"></i>
              </span>
            </span>
          </button>
          </a>
        </div>
      </td>
    </tr>
  {% endfor %}

</table>