{% load cache %}
{% include 'mixins/partials/notify.html' %}
{% cache 600 objects_callbacks request.user.id object_list %}
  <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>
{% endcache %}