{% load cache %}
{% include 'mixins/partials/notify.html' %}
{% cache 600 objects_profit request.user.id object_list %}
  <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, every 3s"
    hx-get="{{ list_url }}">
    <thead>
      <th>id</th>
      <th>name</th>
      <th>P/L</th>
      <th>trade</th>
      <th>balance</th>
      <th>currency</th>
    </thead>
    {% for item in object_list %}
      <tr class="
        {% if item.pl > 0 %}has-background-success-light
        {% elif item.pl < 0 %}has-background-danger-light
        {% endif %}">
        <td>{{ item.account.id }}</td>
        <td>{{ item.account.name }}</td>
        <td>{{ item.pl }}</td>
        <td>{{ item.unrealizedPL }}</td>
        <td>{{ item.balance }}</td>
        <td>{{ item.currency }}</td>
      </tr>
    {% endfor %}

  </table>
{% endcache %}