{% extends "base.html" %}

{% block main %}

<h1>Transaktionen aus {{ tag.name }}</h1>

<table class="table-auto">
  <thead>
    <tr>
      <th class="px-4 py-2">Datum</th>
      <th class="px-4 py-2">Sender/Empfänger</th>
      <th class="px-4 py-2">Verwendungszweck</th>
      <th class="px-4 py-2">Betrag</th>
    </tr>
  </thead>
  <tbody>
      {% for t in transactions %}
    <tr>
      <td class="border px-4 py-2">{{ t.get_date("de") }}</td>
      <td class="border px-4 py-2">{{ t.name }}</td>
      <td class="border px-4 py-2">{{ t.description }}</td>
      <td class="border px-4 py-2 {{ 'text-green-500' if t.is_positive() else 'text-red-500' }}">{{ t.pretty_amount() }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% endblock %}