{% load humanize %}
{% load difference_calc %}
{% block content %}
{% include 'transactions/exports/header_template.html'%}

<div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                            <div class="row">
                                <div class="col-md-9"><h4 class="card-title" style="text-align: center; font-size: 16px;">{{ user.branch.name|upper }} INCOME STATEMENT FOR THE PERIOD {{ start_date|date:'d/m/Y' }} TO {{ end_date|date:'d/m/Y' }}</h4></div>
                                <div class="col-md-3"></div>
                            </div>


                                <div class="table-responsive">

                                    <table class="table table-striped table-bordered table-sm" style="width: 100%">
                                        <thead>
                                            <tr style="background-color: #0D3349; color: white; padding-top:3px;">
                                                <td style=" padding-left: 5px;">Name of GL</td>
                                                <td style="text-align: right; padding-right: 5px;">Amount</td>
                                            </tr>
                                            <tr style="height: 20px; background-color: #0D3349; color: white; padding-top:3px;">
                                                <td colspan="2" style="text-align: center">
                                                    <strong>REVENUES</strong>
                                                </td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        {% for a in revenues %}
                                            {% if a.amount == 0 %}
                                            {% else %}
                                            {% if forloop.counter|divisibleby:2 %}
                                                <tr style=" padding-top:3px; badding-bottom:3px;">
                                            {% else %}
                                                <tr style="background-color: #d1d1d1; padding-top:3px; badding-bottom:3px;">
                                            {% endif %}
                                                <td style=" padding-left: 5px;">{{ a.account.name }}</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ a.amount|floatformat:2|intcomma }}</td>
                                            </tr>
                                            {% endif %}
                                        {% endfor %}

                                            <tr style="height: 20px; background-color: #064872; color: white; padding-top:3px;">
                                                <th style="text-align: left; padding-left: 5px;">
                                                    <u>
                                                    <strong>TOTAL REVENUE</strong>
                                                    </u>
                                                </th>
                                                <th style="text-align: right; padding-right: 5px;">
                                                    <u>
                                                        <strong>{{ total_revenues|floatformat:2|intcomma }}</strong>
                                                    </u>
                                                </th>

                                            </tr>
                                        </tbody>

                                        <thead>
                                        <tr  style="height: 20px; background-color: #0D3349; color: white; padding-top:3px;">
                                            <td colspan="2" style="text-align: center">
                                                <strong>EXPENSES</strong>
                                            </td>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for b in expenses %}
                                            {% if b.amount == 0 %}
                                            {% else %}
                                            {% if forloop.counter|divisibleby:2 %}
                                                <tr style=" padding-top:3px; badding-bottom:3px;">
                                            {% else %}
                                                <tr style="background-color: #d1d1d1; padding-top:3px; badding-bottom:3px;">
                                            {% endif %}
                                                <td style=" padding-left: 5px;">{{ b.account.name }}</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ b.amount|floatformat:2|intcomma }}</td>
                                            </tr>
                                            {% endif %}
                                        {% endfor %}

                                        <tr  style="height: 20px; background-color: #064872; color: white; padding-top:3px;">
                                                <th style="text-align: left; padding-left: 5px;">
                                                    <u>
                                                    <strong>TOTAL EXPENSES</strong>
                                                    </u>
                                                </th>
                                                <th style="text-align: right; padding-right: 5px;">
                                                    <u>
                                                        <strong>{{ total_expenses|floatformat:2|intcomma }}</strong>
                                                    </u>
                                                </th>

                                            </tr>
                                        </tbody>
                                        <tfoot>
                                            <tr  style="height: 20px; background-color: #0565a3; color: white; padding-top:3px;">
                                                <th style="text-align: left; padding-left: 5px;">
                                                    <u>
                                                    <strong>PROFITS/LOSSES FOR THE PERIOD</strong>
                                                    </u>
                                                </th>
                                                <th style="text-align: right; padding-right: 5px;">
                                                    <u>
                                                        <strong>{{ profit_loss|floatformat:2|intcomma }}</strong>
                                                    </u>
                                                </th>

                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
{% endblock %}