{% load cache %}
{% load cachalot cache %}
{% get_last_invalidation 'core.Payout' as last %}
{% include 'mixins/partials/notify.html' %}
{# cache 600 objects_apayouts request.user.id object_list type last #}
<table
  class="table is-fullwidth is-hoverable"
  hx-target="#{{ context_object_name }}-table"
  id="{{ context_object_name }}-table"
  hx-swap="outerHTML"
  hx-trigger="{{ context_object_name_singular }}Event from:body"
  hx-get="{{ list_url }}">
  <thead>
    <th>id</th>
    <th>user</th>
    <th>wallet</th>
    <th>amount</th>
    <th>description</th>
    <th>ts</th>
    <th>actions</th>
  </thead>
  {% for item in object_list %}
    <tr>
      <td>
        <a
          class="has-text-grey"
          onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ item.id }}');">
          <span class="icon" data-tooltip="Copy to clipboard">
            <i class="fa-solid fa-copy" aria-hidden="true"></i>
          </span>
        </a>
      </td>
      <td>{{ item.user }}</td>


      <td>
        <div class="nowrap-parent">
          <div class="nowrap-child">
            <a
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-get="{% url 'wallet_update' type=type pk=item.wallet.id %}"
              hx-trigger="click"
              hx-target="#{{ type }}s-here"
              hx-swap="innerHTML">
              {{ item.wallet.name }}
            </a>
          </div>
          <div class="nowrap-child">
            <a
              class="has-text-grey"
              onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ item.wallet.address }}');">
              <span class="icon" data-tooltip="Copy wallet address to clipboard">
                <i class="fa-solid fa-copy" aria-hidden="true"></i>
              </span>
            </a>
          </div>
        </div>
      </td>

      <td>{{ item.amount }}</td>
      <td>{{ item.description }}</td>
      <td>{{ item.ts }}</td>
      <td>
        <div class="buttons">
          <button
            hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
            hx-get="{% url 'payout_update' type=type pk=item.id %}"
            hx-trigger="click"
            hx-target="#{{ type }}s-here"
            hx-swap="innerHTML"
            class="button">
            <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 'payout_delete' type=type pk=item.id %}"
            hx-trigger="click"
            hx-target="#modals-here"
            hx-swap="innerHTML"
            hx-confirm="Are you sure you wish to delete {{ item.name }}?"
            class="button">
            <span class="icon-text">
              <span class="icon">
                <i class="fa-solid fa-xmark"></i>
              </span>
            </span>
          </button>
        </div>
      </td>
    </tr>
  {% endfor %}

</table>
{# endcache #}