{% extends "base.html" %}

{% block page_title %}Comptabilité {{ accounting_year }} - {{t_type}}{% endblock %}

{% block content %}

<div id="page" class=" sidebar_right">
    <div class="container">
        <div id="frame2">
            <div id="content">
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
                        <h1>{% if transaction_type %}{{ transaction_type }} <small>({{ accounting_year }})</small>{% else %}Transactions de l'année {{ accounting_year }}{% endif %}</h1>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                        <p align="right" class="noprint">
                            <a href="{% url 'export' accounting_year 'sxs' %}">1 tableau</a> | <a href="{% url 'export' accounting_year 'ooo' %}">2 tableaux</a> | <a href="{% url 'export_simple' accounting_year %}">Export SPF</a>
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <table class="table table-bordered table-condensed">
                            <thead>
                                <tr>
                                    <th class="centered">ID</th>
                                    <th class="centered">Date</th>
                                    <th>Description</th>
                                    <th class="centered">Montant</th>
                                    <th class="centered">Cumul</th>
                                </tr>
                            </thead>
                            {% for transaction in transaction_list %}
                                <tr {% if transaction.0.is_done == False %}class="alert alert-danger"{% elif transaction.0.is_simulated == True %}class="alert alert-warning simulated"{% endif %}>
                                    <td class="centered">{{ transaction.0.id }}</td>
                                    <td class="push-right">{{ transaction.0.registrationDate | date:"j M" }}</td>
                                    <td><a href="{% url 'transaction_details' transaction.0.id %}">{{ transaction.0.description }}</a></td>
                                    {% if transaction.0.transaction_type.transaction_type == 0 %}
                                        <td class="push-right alert alert-danger">-{{ transaction.0.totalAmount }}</td>
                                    {% else %}
                                        <td class="push-right alert alert-success">{{ transaction.0.totalAmount }}</td>
                                    {% endif %}
                                    <td class="push-right">{{ transaction.1 }}</td>
                                </tr>
                            {% endfor %}
                            <tfoot>
                                <tr>
                                    <td colspan="3" class="push-right"><b>Totaux</b></td>
                                    <td class="push-right"><b>{{ total }}</b></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td colspan="3" class="push-right"><b>Totaux simulés</b></td>
                                    <td class="push-right"><b>{{ total_simulated }}</b></td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                        <hr>
                        <div id="plot_graph" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
                        <br>
                        <a href="{% url 'transaction_create' %}">Nouvelle transaction</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}