{% load cache %}
{% include 'mixins/partials/notify.html' %}
{% cache 600 objects_positions request.user.id object_list type %}
  <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 5s"
    hx-get="{{ list_url }}">
    <thead>
      <th>account</th>
      <th>asset</th>
      <th>price</th>
      <th>units</th>
      <th>quote</th>
      <th>P/L</th>
      <th>side</th>
      <th>trades</th>
      <th>actions</th>
    </thead>
    {% for item in object_list %}
      <tr class="
        {% if item.unrealized_pl > 0 %}has-background-success-light
        {% elif item.unrealized_pl < 0 %}has-background-danger-light
        {% endif %}">
        <td>{{ item.account }}</td>
        <td>{{ item.symbol }}</td>
        <td>{{ item.price }}</td>
        <td>{{ item.units }}</td>
        <td>{{ item.value }}</td>
        <td>{{ item.unrealized_pl }}</td>
        <td>
          {% if item.side == 'long' %}
            <span class="icon has-text-success" data-tooltip="long">
              <i class="fa-solid fa-up"></i>
            </span>
          {% elif item.side == 'short' %}
            <span class="icon has-text-danger" data-tooltip="short">
              <i class="fa-solid fa-down"></i>
            </span>
          {% endif %}
        </td>
        <td>{{ item.trade_ids|length }}</td>
        <td>
          <div class="buttons">
            <!-- <button
              hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
              hx-get="#"
              hx-trigger="click"
              hx-target="#{{ type }}s-here"
              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 'position_action' side=item.side account_id=item.account_id symbol=item.symbol %}"
              hx-trigger="click"
              hx-target="#notification"
              hx-swap="outerHTML"
              hx-confirm="Are you sure you wish to close {{ item.symbol }}?"
              class="button">
              <span class="icon-text">
                <span class="icon">
                  <i class="fa-solid fa-xmark"></i>
                </span>
              </span>
            </button>
            {% if type == 'page' %}
              <a href="{% url 'position_action' type=type account_id=item.account_id symbol=item.symbol %}">
                <button
                  class="button">
                  <span class="icon-text">
                    <span class="icon">
                      <i class="fa-solid fa-eye"></i>
                    </span>
                  </span>
                </button>
              </a>
            {% else %}
              <button
                hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
                hx-get="{% url 'position_action' type=type account_id=item.account_id symbol=item.symbol %}"
                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-eye"></i>
                  </span>
                </span>
              </button>
            {% endif %}
          </div>
        </td>
      </tr>
    {% endfor %}

  </table>
{% endcache %}