{% 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>title</th>
    <th>message</th>
    <th>period</th>
    <th>sent</th>
    <th>trade</th>
    <th>exchange</th>
    <th>item</th>
    <th>currency</th>
    <th>contract</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' type=type hook_id=item.hook.id %}"
          hx-trigger="click"
          hx-target="#{{ type }}s-here">{{ item.hook.name }}
        </a>
      </td>
      <td>{{ item.title }}</td>
      <td>{{ item.message }}</td>
      <td>{{ item.period }}</td>
      <td>{{ item.timestamp_sent }}</td>
      <td>{{ item.timestamp_trade }}</td>
      <td>{{ item.market_exchange }}</td>
      <td>{{ item.market_item }}</td>
      <td>{{ item.market_currency }}</td>
      <td>{{ item.market_contract }}</td>

      <td>
        <div class="buttons">

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

</table>