{% extends "base.html.twig" %}

{% block BeforeAnyCSSFile %}
    {% for file in encore_entry_css_files('select2__init') %}
        <link rel="stylesheet" href="{{ assetsBasePath~file }}">
    {% endfor %}
{% endblock %}

{% block ExtraCSSFiles %}
{% endblock %}

{% block pageLabel %}
{% endblock %}

{% block recordLength %}
{% endblock %}

{% block MainContent %}


    {# Filter to search the data #}
    <div class="kt-portlet">
        {# Search filter head #}
        <div class="kt-portlet__head" data-toggle="collapse" data-target="#demo1">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">{{ 'Filter Expense'|trans }}
                    {# dropdown #}
                    <span class="hand-cursor">
                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                 width="24px" height="24px" viewBox="0 0 24 24" version="1.1" class="kt-svg-icon">
                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <polygon id="Shape" points="0 0 24 0 24 24 0 24"></polygon>
                                <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
                                      id="Path-94" fill="#000000" fill-rule="nonzero"
                                      transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999) "></path>
                            </g>
                            </svg>
                        </span>
                </h3>
            </div>
        </div>

        {# filters #}
        <form>
        <span id="demo1">
            <div class="kt-portlet__body add___filter_place">

                <div class="row">
                        {# Income head #}
                        <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label for="trans_ac_hed_ref">{{ 'Over Due'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="dueDate">
                            <option value=""></option>
                            <option {{ app.request.query.get('dueDate') == '1day' ? 'selected="selected"' }} value="1day">{{ '1 Day' | trans }}</option>
                            <option {{ app.request.query.get('dueDate') == '1week' ? 'selected="selected"' }} value="1week">{{ '1 Week' | trans }}</option>
                            <option {{ app.request.query.get('dueDate') == '1month' ? 'selected="selected"' }} value="1month">{{ '1 Month' | trans }}</option>
                        </select>
                        </div>
                </div>

                <div class="centerButton kt-margin-t-20">
                    <button type="submit" class="btn btn-primary">{{ 'Search'|trans }}</button>
                    &nbsp;&nbsp;&nbsp;
                    <a target="_blank" class="btn btn-info"
                       href="{{ path('defaulter_report', {'dueDate': app.request.query.get('dueDate'), 'printResult': 1}) }}">{{ 'Print' | trans }}</a>
                    &nbsp;&nbsp;&nbsp;
                    <a class="btn btn-danger" href="{{ path('expense_report') }}">{{ 'Clear'|trans }}</a>
                </div>
    </div>
    </span>
        </form>
    </div>


    {# Table where data is visisble #}
    <div class="kt-portlet">
        <div class="kt-portlet__body">
            <table class="table table-striped table-bordered">
                <thead>
                <tr>
                    <th>{{ 'Ref#'|trans }}</th>
                    <th>{{ 'Invoice to'|trans }}</th>
                    <th>{{ 'Invoice date'|trans }}</th>
                    <th>{{ 'Due date'|trans }}</th>
                    <th>{{ 'Amount'|trans }}</th>
                    <th>{{ 'Status'|trans }}</th>
                </tr>
                </thead>
                <tbody>
                {% for key,inv in defaulterReport %}

                    {# invoice #}
                    <tr>
                        <td>{{ inv.id }}</td>
                        <th scope="row">
                            {{ inv['inv_reference'] }}
                        </th>
                        {# invoice register to,  #}
                        <td> {{ inv['invoice_generated_for_unregister_username'] is empty ? inv['fName'] ~ inv['lname'] : inv['invoice_generated_for_unregister_username'] ~ ' (Un-register user)' }}</td>
                        {# invoice to date#}
                        <td> {{ ( inv['inv_generated_datetime']) | date(getFreshAppSetting('date_format')) }}</td>
                        {# invoice due date #}
                        <td> {{ ( inv['inv_due_date'] | date(getFreshAppSetting('date_format')) ) }}</td>
                        {# invoice amount #}
                        <td>

                            {{ getAppSetting('currencyPreFix') }}
                            {{ inv['InvoiceSum'] }}
                            {{ getAppSetting('currencySuffex') }}

                        </td>
                        {# invoice status #}
                        <td>
                            {% if inv['TransactionSum'] is empty or inv['TransactionSum'] is null %}
                                <span class="kt-badge kt-badge--danger  kt-badge--inline kt-badge--pill">{{ 'Un Paid' | trans }}</span>
                            {% elseif inv['InvoiceSum'] > inv['TransactionSum'] %}
                                <span class="kt-badge kt-badge--warning  kt-badge--inline kt-badge--pill">{{ 'Partial Paid' | trans }}</span>
                                <br/>
                                {{ inv['InvoiceSum'] - inv['TransactionSum'] }} {{ 'remainig ' }}
                            {% else %}
                                {{ 'Un-Known' | trans }}
                            {% endif %}
                        </td>


                    </tr>


                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}

{% block ExtraJsFIles %}
    {% for file in encore_entry_js_files('select2__init') %}
        <script src="{{ assetsBasePath~file }}" type="text/javascript"></script>
    {% endfor %}
{% endblock %}