{% load humanize %}
{% load difference_calc %}
{% block content %}

    <style>
        @page {
            size: letter portrait;
            margin: 1.5cm;
        }
    </style>
    {% 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-12"><h4 class="card-title"
                                                   style="text-align: center; font-size: 16px;">{{ account.member.member_names|upper }}
                            ACCOUNT STATEMENT FOR THE PERIOD BETWEEN {{ start_date }} AND {{ end_date }}</h4></div>
                    </div>
                    <table width="100%">
                        <tr style="display: none">
                            <td width="50%"></td>
                            <td width="50%">
                                <div class="row">
                                    <div class="col-md-6"></div>
                                    <div class="col-md-6">

                                        <table class="table table-striped">
                                            <tr>
                                                <th colspan="2"
                                                    style="background-color: #0D3349; color: white; padding-top:3px; padding-bottom:3px; text-align: center">
                                                    Summary
                                                </th>
                                            </tr>
                                            <tr style="background-color: #d1d1d1; padding-top:3px; padding-bottom:3px;">
                                                <td style="padding-left: 5px;">Opening Balance</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ opening_balance|intcomma }}</td>
                                            </tr>
                                            <tr style="padding-top:3px; padding-bottom:3px;">
                                                <td style="padding-left: 5px;">Total Deposits</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ total_deposits|intcomma }}</td>
                                            </tr>
                                            <tr style="background-color: #d1d1d1; padding-top:3px; padding-bottom:3px;">
                                                <td style="padding-left: 5px;">Total Withdraws</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ total_withdraws|intcomma }}</td>
                                            </tr>
                                            <tr style="padding-top:3px; padding-bottom:3px;">
                                                <td style="padding-left: 5px;">Total Charges</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ total_charges|intcomma }}</td>
                                            </tr>
                                            <tr style="background-color: #d1d1d1; padding-top:3px; padding-bottom:3px;">
                                                <td style="padding-left: 5px;">Total Interests</td>
                                                <td style="text-align: right; padding-right: 5px;">{{ total_interests|intcomma }}</td>
                                            </tr>
                                            <tr style="padding-top:3px; padding-bottom:3px;">
                                                <td style="padding-left: 5px;"><b>Closing Balance</b></td>
                                                <td style="text-align: right; padding-right: 5px;">
                                                    <b>{{ closing_balance|intcomma }}</b></td>
                                            </tr>
                                        </table>

                                    </div>
                                </div>
                            </td>
                        </tr>
                        <div class="table-responsive" style="margin-top: 10px;">

                            <table class="table table-striped table-bordered table-sm" style="width: 100%">
                                <thead>
                                <tr>
                                    <th colspan="6"
                                        style="color: black; padding-top:3px; padding-bottom:3px; text-align: center">
                                        Transactions Breakdown
                                    </th>
                                </tr>
                                <tr style="background-color: #0D3349; color: white; padding-top:3px;">
                                    <th style="padding-left: 5px; text-align: left;">RefNo</th>
                                    <th style="text-align: left;">Txn Date</th>
                                    <th style="text-align: left;">Account dr</th>
                                    <th style="text-align: left;">Account cr</th>
                                    <th style="text-align: left;">Narrative</th>

                                    <th style="text-align: left;">Txn Particulars</th>
                                    <th style="text-align: right;">Debit</th>
                                    <th style="text-align: right;">Credit</th>
                                    <th style="text-align: right;">Balance</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for gl in individual_gl %}
                                    {% if forloop.counter|divisibleby:2 %}
                                        <tr style="background-color: #d1d1d1; padding-top:3px; padding-bottom:3px;">
                                            {% else %}
                                        <tr style="padding-top:3px; padding-bottom:3px;">
                                    {% endif %}

                                <td>{{ gl.gl.txno }}</td>
                                <td style="margin-right: 1px;">{{ gl.gl.tx_date|date:'d/m/Y' }}</td>
                                {% if gl.account_dr.member is not None  %}
                                    <td>{{ gl.account_dr.member.acc_number }} ({{ gl.account_dr.bio_name }})</td>
                                {% else %}
                                    <td>{{ gl.account_dr.display_name }}</td>
                                {% endif %}
                                {% if gl.account_cr.member is not None  %}
                                    <td>{{ gl.account_cr.member.acc_number }} ({{ gl.account_cr.bio_name }})</td>
                                {% else %}
                                    <td>{{ gl.account_cr.display_name }}</td>
                                {% endif %}

                                <td>{{ gl.gl.narration }}</td>

                                {% if gl.is_opening_balance %}
                                    <td>Opening Balance</td>
                                {% else %}
                                    <td>{{ gl.gl.transaction_type }}</td>
                                {% endif %}

                                <td style="text-align: right;">
                                    {{ gl.amount_dr|default_if_none:'-'|floatformat:2|intcomma }}</td>
                                <td style="text-align: right;">
                                    {{ gl.amount_cr|default_if_none:'-'|floatformat:2|intcomma }}</td>
                                <td style="text-align: right; padding-right: 5px;">
                                    {{ gl.balance|floatformat:2|intcomma }}</td>

                                </tr>
                                {% endfor %}
                                </tbody>

                                <tfoot>
                                <tr style="background-color: #0D3349; color: white; padding-top:3px;">
                                    <th colspan="6" style="text-align: left;padding-left: 5px;">TOTALS</th>

                                    <th style="text-align: right;">
                                        {{ total_dr|default_if_none:0|floatformat:2|intcomma }}</th>
                                    <th style="text-align: right;">
                                        {{ total_cr|default_if_none:0|floatformat:2|intcomma }}</th>
                                    <th style="text-align: right; padding-right: 5px;">
                                        {% if individual_gl|length > 0 %}
                                            {% if account.category.dr_cr == 'cr' %}
                                                {% dif_calc total_cr|default_if_none:0 total_dr|default_if_none:0 %}
                                            {% else %}
                                                {% dif_calc total_dr|default_if_none:0 total_cr|default_if_none:0 %}
                                            {% endif %}

                                        {% else %}
                                            0
                                        {% endif %}
                                    </th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>

                </div>
            </div>
        </div>
    </div>
{% endblock %}