{% extends 'base.html' %}

{% block content %}

{% for t in transactions %}
  <div class="card p-2 mb-2">
      <p class="card-header"><strong>{{ t.type }}</strong><br></p>
      <p class="card-body">
      Amount: {{ t.amount }}<br>
      Status: {{ t.status }}<br>
      </p> 
      <p class="card-footer">Date: {{ t.date|date:"Y-m-d H:i" }}</p>
  </div>
{% empty %}
  <p>No transactions yet</p>
{% endfor %}

{% endblock content %}