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

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

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

{% block ExtraCSSFiles %}
{% endblock %}

{% set pagename = 'Incomes' | trans %}
{% set addBtnTitle = 'Add Instant Income?' | trans %}
{% set addBtnLink = path('account_payment') %}

{% block MainContent %}
    {% set date = app.request.query.get('date') is empty ? '' : app.request.query.get('date') %}

    <span class="r__q__s" data-path="{{ path('requestHandler___accounts') }}"></span>
    <form>
        {# search invoice block#}
        <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 Income'|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 #}
            <span id="demo1">
            <div class="kt-portlet__body add___filter_place">
                <div class="row">

                    {# search attendance marking date duration #}
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 simpleDateRangePicker">
                        <label for="date">{{ 'Select date'|trans }}</label>
                        <input type="text" class="form-control" name="date" value="{{ date }}"
                               placeholder="Start Date / End Date">
                    </div>

                    {# Income head #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label for="trans_ac_hed_ref">{{ 'Income head'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="incomeHead">
                            <option value=""></option>
                            {% for income in incomeHead %}
                                <option {{ app.request.query.get('incomeHead')  == income.id | urlencrypt ? 'selected=selected':'' }} value="{{ income.id | urlencrypt }}">{{ income.getAhName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    {# Payment method #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label for="trans_ac_hed_ref">{{ 'Payment Method'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="paymentMethod">
                            <option value=""></option>
                            {% for pm in paymentMethod %}
                                <option {{ app.request.query.get('paymentMethod')  == pm.id | urlencrypt ? 'selected=selected':'' }} value="{{ pm.id | urlencrypt }}">{{ pm.getpmtype }}</option>
                            {% endfor %}
                        </select>
                    </div>

                </div>
                <div class="centerButton kt-margin-t-20">
                    {% set printFilePath = {'date': date, 'incomeHead': app.request.query.get('incomeHead'), 'paymentMethod':app.request.query.get('paymentMethod'), 'printResult': 1} %}

                    <button type="submit" class="btn btn-sm btn-primary">{{ 'Search'|trans }}</button>
                    &nbsp;
                    <a target="_blank" class="btn btn-info btn-sm"
                       href="{{ path('income_report', printFilePath) }}">{{ 'Print' | trans }}</a>
                    &nbsp;
                    <a class="btn btn-sm btn-danger" href="{{ path('income_report') }}">{{ 'Clear' | trans }}</a>
                    &nbsp;
                    <a target="_blank"
                       href="{{ path('app_settings_message_schedule', {'targetedURL' : url('income_report', printFilePath, true) }) }}"
                       class="btn btn-success btn-sm">{{ 'Schedule Message' }}</a>
                </div>
            </div>
        </span>
        </div>
    </form>


    {# invoice list #}
    <div class="kt-portlet">
        <div class="kt-portlet__body">

            <table class="table table-striped table-bordered">
                <thead>
                <tr>
                    <th>{{ 'Invoice#'|trans }}</th>
                    <th>{{ 'Student Name'|trans }}</th>
                    <th>{{ 'Class'|trans }}</th>
                    <th>{{ 'Payment Method'|trans }}</th>
                    <th>{{ 'Income Head'|trans }}</th>
                    <th>{{ 'Account'|trans }}</th>
                    <th>{{ 'Date'|trans }}</th>
                    <th>{{ 'Amount'|trans }}</th>

                </tr>
                </thead>
                <tbody>
                {% for key,income in transactionsAsIncome %}
                    <tr>
                        <td>{{ income.invoicereference is not empty ? income.invoicereference.invreference }}</td>
                        <td>
                            {% if income.getTransPaidTo is not empty %}
                                <a target="_blank"
                                   href="{{ path('users_profile', {'id':income.getTransPaidTo.id | urlencrypt}) }}">{{ income.getTransPaidTo.getFullName }}</a>
                            {% endif %}
                        </td>
                        <td>
                            {% if income.getInvoiceReference is not empty and income.getInvoiceReference.id is not empty %}
                                {% if income.getInvoiceReference.getClassSessionEnrolment is not empty and income.getInvoiceReference.getClassSessionEnrolment.id != 0 %}
                                    {% if income.getInvoiceReference.getClassSessionEnrolment.getClassSession is not empty and income.getInvoiceReference.getClassSessionEnrolment.getClassSession.id != 0 %}
                                        {{ income.getInvoiceReference.getClassSessionEnrolment.getClassSession.name }}
                                    {% endif %}
                                {% endif %}
                            {% endif %}
                        </td>
                        <td>
                            {{ income.paymentmethodreference.pmtype }}
                        </td>
                        <td>
                            {{ income.incomehead.ahname }}
                        </td>
                        <td>
                            {{ income.accountsreference.accname }}
                        </td>
                        <td>
                            {{ date_format(income.transdatetime) }}
                        </td>
                        <td>{{ getAppSetting('currencyPreFix') ~' '~ income.amount ~ ' ' ~ getAppSetting('currencySuffex') }}</td>


                    </tr>

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

        </div>
    </div>

{% endblock %}

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