{% extends "core/base.html" %}

{% block navi %}
    <a href="{% url 'core:balance' %}">balance</a>
    |
    <a href="{% url 'admin:index' %}">admin</a>
    |
    <a href="{% url 'logout' %}">logout</a>
{% endblock %}

{% block content %}

    <h1>current subjects</h1>

    {% if prediction_list %}
        <table>
            <thead>
            <tr>
                <td class="subject-cell">subject</td>
                <td class="date-cell">date</td>
                <td class="amount-cell">€</td>
            </tr>
            </thead>
            <tbody>
            {% for subject, transactions, info in prediction_list %}
                {% for transaction in transactions %}
                    <tr>
                        {% if forloop.counter == 1 %}
                            <td rowspan="{{ transactions|length }}" class="subject-cell">{{ subject.name }}</td>
                        {% endif %}
                        <td class="date-cell" {% if not transaction.pk %}style="color: #77AAEE;"{% endif %}>
                            {% if transaction.pk %}&#x1F5D2;{% else %}&#x1F52E;{% endif %}
                            {{ transaction.booking_date|date:"d.m.y" }}
                        </td>
                        <td class="amount-cell">{{ transaction.amount }}</td>
                    </tr>
                {% endfor %}
            {% endfor %}
            </tbody>
        </table>
    {% else %}
        <p>no data to show :/</p>
    {% endif %}

{% endblock %}