{% extends 'base.html' %}

{% block content %}

<div class="container-xl">
			    
    <h1 class="app-page-title">Estado de cuentas</h1>
    
    <div class="app-card app-card-notification shadow-sm mb-4">
        <div class="app-card-body p-3 p-lg-4">
            {% for tipo in tipos %}
            <h3>Tipo: {{ tipo.tipo }}</h3>
                <table class="table app-table-hover mb-0 text-left">
                    <thead>
                        <tr>
                            <th class="cell">Cuenta</th>
                            <th class="cell">Saldo</th>
                        </tr>
                    </thead>

                    {% for cuenta in tipo.cuenta_set.all %}
                        <tbody>
                            <tr>
                                <td class="cell"><a href="{% url 'detalle_cuenta' cuenta.id %}">{{ cuenta.nombre }}</a></td>
                                <td class="cell">{{ cuenta.saldo_actual }}</td>
                            </tr>
                        </tbody>
                    {% endfor %}
                </table>
            {% endfor %}
        </div>
    </div>
</div>

{% endblock %}