{% 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>symbol</th>
    <th>price</th>
    <th>contract</th>
    <th>actions</th>
  </thead>
  {% for item in object_list %}
    <tr>
      <td>{{ item.id }}</td>
      <td>{{ item.hook.id }}</td>
      <td>
        <a
          hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
          hx-get="{% url 'hook_update' type=type pk=item.hook.id %}"
          hx-trigger="click"
          hx-target="#{{ type }}s-here"
          hx-swap="innerHTML">{{ item.hook.name }}
        </a>
      </td>
      <td>{{ item.title }}</td>
      <td>{{ item.message }}</td>
      <td>{{ item.period }}</td>
      <td>{{ item.sent }}</td>
      <td>{{ item.trade }}</td>
      <td>{{ item.exchange }}</td>
      <td>{{ item.symbol }}</td>
      <td>{{ item.price }}</td>
      <td>{{ item.contract }}</td>

      <td>
        <div class="buttons">

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

</table>