{% extends "base.html" %}

{% block main %}

<h1 class="text-2xl font-bold text-indigo-500">Category overview</h1>

<ul>
  {% for c in categories %}
  <li class="p-2">
    {{ c.full_name() }}
    <a class="float-right" href="/category/{{ c.name }}">
      <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold mx-2 y-1 px-2 rounded"> Transactions </button>
    </a>
    <a class="float-right" href="/category/{{ c.name }}/delete">
      <button class="bg-red-500 hover:bg-red-700 text-white font-bold y-1 px-2 rounded"> Delete </button>
    </a>
  </li>
  {% endfor %}
</ul>

{% endblock %}