{% include 'partials/notify.html' %}
<h1 class="title">Live information</h1>
<table class="table is-fullwidth is-hoverable">
  <thead>
    <th>attribute</th>
    <th>value</th>
  </thead>
  <tbody>
    {% for key, item in items.items %}
      <tr>
        {% if key == 'trade_ids' %}
          <th>{{ key }}</th>
          <td>
            {% if item is not None %}
              {% for trade_id in item %}
                <button
                  hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
                  hx-get="{% url 'trade_action' type=type trade_id=trade_id %}"
                  hx-trigger="click"
                  hx-target="#modals-here"
                  hx-swap="innerHTML"
                  class="button is-small {% if trade_id in valid_trade_ids %}is-primary{% else %}is-warning{% endif %}">
                  {{ trade_id }}
                </button>
              {% endfor %}
            {% endif %}
          </td>
        {% else %}
          <th>{{ key }}</th>
          <td>
            {% if item is not None %}
              {{ item }}
            {% endif %}
          </td>
        {% endif %}
      </tr>
    {% endfor %}
  </tbody>
</table>