{% extends 'transactions/extends/layout.html' %}
{% load static %}
{% load humanize %}
{% load difference_calc %}
{% block content %}
    {% block scripts %}
        <script>
            var global_state = {
                baseUrl: '{{ baseUrl }}',
                accTypesJson: '{{ accTypesJson|safe }}',
                transactionChargesJson: '{{ transactionChargesJson|safe }}'
            }

            function deleteTransaction(val) {
                let transaction = val.getAttribute("data-worker-id");
                let url = '/transactions/delete-transaction/' + transaction;
                if (confirm("Are you sure you want to delete this transaction?")) {
                    location.href = url
                }
            }

            function reverseTransaction(val) {
                let transaction = val.getAttribute("data-worker-id");
                let url = '/transactions/reverse-transaction/' + transaction;
                if (confirm("Are you sure you want to reverse this transaction?")) {
                    location.href = url
                }
            }
        </script>
    {% endblock %}
    <!-- start page title -->
    <div class="row p-0">
        <div class="col-md-12">
            <div class="card mt-2">
                <div class="card-header text-uppercase">
                    <div class="row align-content-between">
                        <div class="col-md-12">
                            <div class="page-title-right ">
                                <form action="/transactions/individual-ledger/" method="POST">
                                    {% csrf_token %}
                                    <input type="hidden" name="id" value="{{ account.id }}">
                                    <input type="hidden" name="the_selected_branch" value="{{ the_current_branch.id }}">

                                    <div class="row">
                                        <div class="col-md-2 form-group">
                                            <select class="form-control form-control-sm" name="report_for">
                                                {% for b in vbranches %}
                                                    <option value="{{ b.id }}" {% if b.id == the_current_branch.id %}selected{% endif %}>{{ b.name }}</option>
                                                {% endfor %}

                                            </select>
                                        </div>
                                        <div class="col-md-2 form-group">
                                            <select class="form-control form-control-sm"
                                                    onchange="check_range(this.value)"
                                                    name="financial_year">
                                                {% for f in fy %}
                                                    <option value="{{ f.id }}">{{ f.name }}</option>
                                                {% endfor %}
                                                <option value="custom">Custom Date Range</option>
                                            </select>
                                        </div>
                                        <script>
                                            function check_range(val) {
                                                if (val == "custom") {
                                                    document.getElementById("date_from").style.display = "inline-block";
                                                    document.getElementById("date_to").style.display = "inline-block";
                                                } else {
                                                    document.getElementById("date_from").style.display = "none";
                                                    document.getElementById("date_to").style.display = "none";
                                                }
                                            }
                                        </script>

                                        <div class="col-md-2 form-group" id="date_from" style="display: none;">
                                            <input type="date" class="form-control form-control-sm" name="start_date">
                                        </div>
                                        <div class="col-md-2 form-group" id="date_to" style="display: none;">
                                            <input type="date" class="form-control form-control-sm" name="end_date">
                                        </div>
                                        <div class="col-md-2">
                                            <button class="btn btn-primary btn-sm"><i class="fa fa-filter"></i>
                                                Filter
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-8">
                            <h4 class="card-title">{{ the_current_branch.name }} General Ledger for the
                                period {{ start_date }} to {{ end_date }}</h4>
                        </div>
                        <div class="col-md-4">
                            <div class="button-list d-flex justify-content-end">
                                <form action="/transactions/pdf-individual-gl/" method="post">
                                    {% csrf_token %}
                                    <input type="hidden" name="id" value="{{ account.id }}">
                                    <input type="hidden" name="start_date" value="{{ start_date|date:'Y-m-d' }}">
                                    <input type="hidden" name="end_date" value="{{ end_date|date:'Y-m-d' }}">
                                    <button type="submit" class="btn btn-primary btn-sm"><i
                                            class="fa fa-file-pdf-o"></i>
                                        Export PDF
                                    </button>
                                </form>
                                <form action="/transactions/export-individual-gl/" method="post">
                                    {% csrf_token %}
                                    <input type="hidden" name="id" value="{{ account.id }}">
                                    <input type="hidden" name="start_date" value="{{ start_date|date:'Y-m-d' }}">
                                    <input type="hidden" name="end_date" value="{{ end_date|date:'Y-m-d' }}">
                                    <button type="submit" class="btn btn-success btn-sm"><i
                                            class="fa fa-file-excel-o"></i>
                                        Export
                                        Excel
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>

                    {% if show_business_filters %}
                    <div class="row mt-2">
                        <div class="alert alert-primary" role="alert">
                            <span>Showing details of <span style="font-size: 19px;font-weight: bold">{{ the_current_branch.name }}</span></span><br>
                            <span>Filter branch inorder to view details of another branch</span>
                        </div>
                    </div>
                    {% endif %}
                </div>


                <div class="card-body">
                    <div class="row">
                        {% if individual_gl %}
                            {% if start_date != None and end_date != None %}
                                <div class="col-md-8"><h5 class="card-title">{% if account == "Members" %} Member
                                    Savings {% else %} {{ account.name }} ({{ account.category.name }}) {% endif %} GL
                                    Report for the Period between {{ start_date }} and {{ end_date }}</h5></div>
                            {% elif start_date != None and end_date == None %}
                                <div class="col-md-8"><h4 class="card-title">{% if account == "Members" %} Member
                                    Savings {% else %} {{ account.name }} ({{ account.category.name }}) {% endif %} GL
                                    Report for the Period From {{ start_date|date:'d/m/Y' }} To Date</h4></div>
                            {% elif start_date == None and end_date != None %}
                                <div class="col-md-8"><h4 class="card-title">{% if account == "Members" %} Member
                                    Savings {% else %} {{ account.name }} ({{ account.category.name }}) {% endif %} GL
                                    Report for the Period Up to {{ end_date|date:'d/m/Y' }}</h4></div>
                            {% else %}
                                <div class="col-md-8"><h4 class="card-title">{% if account == "Members" %} Member
                                    Savings {% else %} {{ account.name }} ({{ account.category.name }}) {% endif %} GL
                                    Report </h4></div>
                            {% endif %}
                        {% else %}
                            <div class="col-md-8"></div>
                        {% endif %}
                        <div class="col-md-4 form-group mb-2">
                            <form action="/transactions/individual-ledger/" method="POST">
                                {% csrf_token %}
                                <input type="hidden" name="the_selected_branch" value="{{ the_current_branch.id }}">
                                <input type="hidden" name="report_for" value="{{ the_current_branch.id }}">
                                <select class="form-control select2" data-toggle="select2" name="id"
                                        onchange="form.submit();">
                                    <option selected disabled>Select Ledger</option>
                                    <option value="0">Member Savings</option>
                                    {% for acc in accounts %}
                                        {% if acc.id == account.id %}
                                            <option value="{{ acc.id }}" selected>
                                                {% if acc.display_name != '' %}
                                                    {{ acc.display_name }}
                                                {% else %}
                                                    {{ acc.name }}
                                                {% endif %}
                                            </option>
                                        {% else %}
                                            <option value="{{ acc.id }}">
                                                {% if acc.display_name != '' %}
                                                    {{ acc.display_name }}
                                                {% else %}
                                                    {{ acc.name }}
                                                {% endif %}
                                            </option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                            </form>
                        </div>
                    </div>

                    {% if individual_gl %}
                        <div class="table-responsive">
                            <table class="table dt-responsive nowrap w-100">
                                <thead>
                                <tr>
                                    <th>TRXNDate</th>
                                    <th>Account Dr</th>
                                    <th>Account cr</th>
                                    <th>Narrative</th>
                                    <th>Amount Dr</th>
                                    <th>Amount Cr</th>
                                    <th>Balance</th>
                                    <th>Is Reversed</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for gl in individual_gl %}
                                    <tr>
                                        <td>{{ gl.gl.tx_date|date:"d/m/Y" }}</td>
                                        {% if gl.is_opening_balance %}
                                            {% if account.category.dr_cr == "cr" %}
                                                <td></td>
                                                <td>Opening Balance</td>
                                            {% else %}
                                                <td>Opening Balance</td>
                                                <td></td>
                                            {% endif %}
                                        {% else %}
                                            <td>
                                                {% if gl.account_dr.category is not None %}
                                                    {% if gl.account_dr.category.name == "Members" %}
                                                        {{ gl.account_dr.member.member_names }}
                                                    {% else %}
                                                        {% if gl.account_dr is not None %}
                                                            {{ gl.account_dr.name }}
                                                        {% endif %}
                                                    {% endif %}
                                                {% endif %}
                                            </td>
                                            <td>
                                                {% if gl.account_cr.category is not None %}
                                                    {% if gl.account_cr.category.name == "Members" %}
                                                        {{ gl.account_cr.member.member_names }}
                                                    {% else %}
                                                        {% if gl.account_cr is not None %}
                                                            {{ gl.account_cr.name }}
                                                        {% endif %}
                                                    {% endif %}
                                                {% endif %}
                                            </td>
                                        {% endif %}
                                        <td>{{ gl.gl.narration }}</td>
                                        <td class="amounts">{{ gl.amount_dr|default_if_none:'-'|floatformat:2|intcomma }}</td>
                                        <td class="amounts">{{ gl.amount_cr|default_if_none:'-'|floatformat:2|intcomma }}</td>
                                        <td class="amounts">{{ gl.balance|floatformat:2|intcomma }}</td>
                                        <td class="amounts">{{ gl.gl.is_reversed }}</td>
                                        <td class="amounts">
                                            {% if not gl.is_opening_balance %}
                                                {% if 'delete_transaction' in user_perms %}
                                                    <button type="button" id="worker-{{ gl.gl.id }}"
                                                            onclick="reverseTransaction(this)"
                                                            data-worker-id="{{ gl.gl.id }}"
                                                            class="btn  btn-sm {% if gl.gl.is_reversed %}btn-secondary disabled {% else %} btn-primary {% endif %}"
                                                            title="Reverse this transaction"><i
                                                            class="fa-solid fa-clock-rotate-left"></i></button>
                                                {% endif %}
                                                {% if 'reverse_transaction' in user_perms %}
                                                    <button type="button" id="worker-{{ gl.gl.id }}"
                                                            onclick="deleteTransaction(this)"
                                                            data-worker-id="{{ gl.gl.id }}"
                                                            class="btn btn-danger btn-sm"
                                                            title="Delete this transaction"><i
                                                            class="fa-solid fa-xmark"></i></button>
                                                {% endif %}
                                            {% endif %}
                                        </td>
                                    </tr>
                                {% endfor %}
                                </tbody>

                                <tfoot>
                                <tr>
                                    <th colspan="5">TOTALS</th>
                                    <th class="amounts">{{ total_dr|default_if_none:0|floatformat:2|intcomma }}</th>
                                    <th class="amounts">{{ total_cr|default_if_none:0|floatformat:2|intcomma }}</th>
                                    <th style="border-bottom: double">
                                        {% 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 %}
                                            {% elif account == "Members" %}
                                                {% 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 %}
                                            000
                                        {% endif %}
                                    </th>
                                </tr>
                                </tfoot>
                            </table>
                        </div>
                        {% if individual_gl.has_other_pages %}
                            <nav aria-label="Page navigation example">
                                <ul class="pagination justify-content-end">
                                    {% if individual_gl.has_previous %}
                                        <li class="page-item active ml-1">
                                            <form action="/transactions/individual-ledger/?page=1"
                                                  method="POST">{% csrf_token %}
                                                <input type="hidden" name="id" value="{{ account.id }}">
                                                <input type="hidden" name="the_selected_branch" value="{{ the_current_branch.id }}">
                                                <button type="submit" class="page-link" onclick="form.submit()">First
                                                    &raquo;
                                                </button>
                                            </form>
                                        </li>

                                        <li class="page-item active ml-1">
                                            <form action="/transactions/individual-ledger/?page={{ individual_gl.previous_page_number }}&date_from={{ start_date|date:"Y-m-d" }}&date_to={{ end_date|date:"Y-m-d" }}"
                                                  method="POST">{% csrf_token %}
                                                <input type="hidden" name="id" value="{{ account.id }}">
                                                <input type="hidden" name="the_selected_branch" value="{{ the_current_branch.id }}">
                                                <button type="submit" class="page-link" onclick="form.submit()">previous
                                                    &raquo;
                                                </button>
                                            </form>

                                        </li>
                                    {% endif %}
                                    <li class="page-item ml-1">
                                    <span class="current page-item">
                                    Page {{ individual_gl.number }} of {{ individual_gl.paginator.num_pages }}.
                                </span></li>
                                    {% if individual_gl.has_next %}

                                        <li class="page-item active ml-1">
                                            <form action="/transactions/individual-ledger/?page={{ individual_gl.next_page_number }}&date_from={{ start_date|date:"Y-m-d" }}&date_to={{ end_date|date:"Y-m-d" }}"
                                                  method="POST">{% csrf_token %}
                                                <input type="hidden" name="id" value="{{ account.id }}">
                                                <input type="hidden" name="the_selected_branch" value="{{ the_current_branch.id }}">
                                                <button type="submit" class="page-link" onclick="form.submit()">next
                                                </button>
                                            </form>
                                        </li>
                                        <li class="page-item active ml-1">
                                            <form action="/transactions/individual-ledger/?page={{ individual_gl.paginator.num_pages }}"
                                                  method="POST">{% csrf_token %}
                                                <input type="hidden" name="id" value="{{ account.id }}">
                                                <input type="hidden" name="the_selected_branch" value="{{ the_current_branch.id }}">
                                                <button type="submit" class="page-link" onclick="form.submit()">last
                                                    &raquo;
                                                </button>
                                            </form>
                                        </li>
                                    {% endif %}
                                </ul>
                            </nav>
                            </div>
                        {% endif %}

                    {% else %}
                        <h4>Please Select a Ledger to get started</h4>
                    {% endif %}

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