{% load cache %}
{% load cachalot cache %}
{% load nsep %}

{% get_last_invalidation 'core.Aggregator' as last %}
{% include 'mixins/partials/notify.html' %}
{# cache 600 objects_banks_currencies request.user.id object_list type last #}

{% for bank, accounts in object_list.items %}
  <h1 class="title is-4">{{ bank }}</h1>
  <table
    class="table is-fullwidth is-hoverable"
    hx-target="#{{ bank }}-table"
    id="{{ bank }}-table"
    hx-swap="outerHTML"
    hx-trigger="{{ context_object_name_singular }}Event from:body"
    hx-get="{{ list_url }}">
    <thead>
      <th>currency</th>
      <th>owner</th>
      <th>details</th>
      <th>payment</th>
      <th>id</th>

    </thead>
    {% for account in accounts %}
      <tr>
        <td>{{ account.currency }}</td>
        <td>{{ account.ownerName }}</td>
        <td>{{ account.details|default_if_none:"—" }}</td>
        <td>
          {% for item in account.account_number.values %}
            <code>{{ item|default_if_none:"—" }}</code>
          {% endfor %}
        </td>
        <td>
          <a
            class="has-text-grey"
            onclick="window.prompt('Copy to clipboard: Ctrl+C, Enter', '{{ account.account_id }}');">
            <span class="icon" data-tooltip="Copy to clipboard">
              <i class="fa-solid fa-copy" aria-hidden="true"></i>
            </span>
          </a>
        </td>
      </tr>
    {% endfor %}

  </table>
{% endfor %}
{# endcache #}