{% 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 recordLength %}{{ trans__ls | length }}{% endblock %}
{% block MainContent %}
    <span class="r__q__s" data-path="{{ path('requestHandler___accounts') }}"></span>
    {# Search invoice #}
    {# search invoice block#}
    <div class="kt-portlet">
        <div class="kt-portlet__head" data-toggle="collapse" data-target="#demo1"><div class="kt-portlet__head-label"><h3 class="kt-portlet__head-title">{{ 'Search transaction'|trans }}<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>
        <span id="demo1" class="{{ app.request.query is empty ? 'collapse' }}"><form method="get">
                <div class="kt-portlet__body add___filter_place">
                <div class="row">
                    {# Payment is income or expense #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12">{# Register user #}<label
                                class="col-form-label">{{ 'All Activity'|trans }} </label><select
                                class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="amountInOut"><option></option><option {{ app.request.query.get('amountInOut') == 0 ? 'selected="selected"' }} value="0">{{ 'All Activity' | trans }}</option><option {{ app.request.query.get('amountInOut') == 2 ? 'selected="selected"' }}  value="2">{{ 'Payment Received' | trans }}</option><option {{ app.request.query.get('amountInOut') == 1 ? 'selected="selected"' }}  value="1">{{ 'Payment Sent' | trans }}</option></select></div>
                    {# Description filter #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12"><label
                                class="col-form-label">{{ 'Description'|trans }} </label><select
                                class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="transDesc"><option value=""></option>{% for trans in trans__fullList %}{% if trans.transDescription  is not empty %}
                            <option {{ app.request.query.get('transDesc') == trans.id ? 'selected="selected"' }}
                            value="{{ trans.id }}">{{ trans.transDescription }}</option>{% endif %}{% endfor %}</select></div>
                    {# transaction id  #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12"><label
                                class="col-form-label">{{ 'ID#'|trans }} </label><select
                                class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="transID"><option value=""></option>{% for trans in trans__fullList %}<option {{ app.request.query.get('transID') == trans.id ? 'selected="selected"' }}  value="{{ trans.id }}">{{ trans.id }}</option>{% endfor %}</select></div>
                    {# Date Range filter #}
                    <div class="col-xl-2 col-lg-2 col-md-2  simpleDateRangePicker"><label class="col-form-label"
                                                                                          for="date">{{ 'Date Range'|trans }}</label><input
                                type="text" class="form-control clearMeAsWell" name="dateRange"
                                value="{{ app.request.query.get('dateRange') }}"></div>
                    {# transaction amount #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12"><label
                                class="col-form-label">{{ 'Amount'|trans }} </label><select
                                class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="transAmount"><option value=""></option>{% for trans in trans__fullList %}<option {{ app.request.query.get('transAmount') == trans.id ? 'selected="selected"' }}  value="{{ trans.id }}">{{ trans.getAmount }}</option> {% endfor %}</select></div>
                    {# Payment method #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12"><label
                                class="col-form-label">{{ 'Payment method'|trans }} </label><select
                                class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="pamentMethod"><option value=""></option>{% for pm in PaymentMethod %}<option {{ app.request.query.get('pamentMethod') == pm.id ? 'selected="selected"' }}  value="{{ pm.id }}">{{ pm.getPmType }}</option>{% endfor %}</select></div>
                    {# user list #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12">{# Register user #}<label
                                class="col-form-label">{{ 'Register User'|trans }} </label><select
                                class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="SystemUser"><option value=""></option>{% for user in user_list %}<option {{ app.request.query.get('SystemUser') == user.id ? 'selected="selected"' }}  value="{{ user.id }}">{{ user.getFName }} {{ user.getLName }}</option>{% endfor %}</select></div>

                    {# UnRegister user #}
                    <div class="col-xl-2 col-lg-2 col-md-2 col-xs-12">
                        <label class="col-form-label">{{ 'Unregister user name'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="in__v_UnRegUser">
                            <option value=""></option>
                            {% for trans in trans__fullList %}
                                {% if trans.getUnregisterPaidToUser is not empty %}
                                    <option {{ app.request.query.get('in__v_UnRegUser') == trans.id ? 'selected="selected"' }}  value="{{ trans.id }}">{{ trans.unregisterPaidToUser }}</option>
                                {% endif %}
                            {% endfor %}
                        </select>
                    </div>
                    <input type="hidden" name="printResult">

                </div>
                <div class="centerButton kt-margin-t-20">
                    <button type="submit" class="btn btn-primary filterRecords">{{ 'Search'|trans }}</button>
                    &nbsp;
                    <a target="_blank" class="btn btn-info"
                       href="{{ path('transaction_list', {'amountInOut':app.request.query.get('amountInOut'),'transDesc': app.request.query.get('transDesc'), 'transID': app.request.query.get('transID'), 'dateRange':app.request.query.get('dateRange'), 'transAmount':app.request.query.get('transAmount'), 'pamentMethod':app.request.query.get('pamentMethod'), 'SystemUser' : app.request.query.get('SystemUser'),'in__v_UnRegUser':app.request.query.get('in__v_UnRegUser'),'printResult':1 }) }}">{{ 'Print' | trans }}</a>
                    &nbsp;
                    <button type="button" data-target="{{ path('transaction_list') }}"
                            class="btn btn-danger clearSelect2">{{ 'Clear'|trans }}</button>
                </div>
            </div>
            </form>
        </span>
    </div>


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

            <table class="table table-striped table-bordered">
                <thead>
                <tr>

                    <th>{{ 'User name'|trans }}</th>
                    <th>{{ 'Date'|trans }}</th>
                    <th>{{ 'Payment method'|trans }}</th>
                    <th>{{ 'Description'|trans }}</th>
                    <th>{{ 'Amount in'|trans }}</th>
                    <th>{{ 'Amount out'|trans }}</th>

                </tr>
                </thead>
                <tbody>
                {% for trans in trans__ls %}
                    {# invoice #}
                    <tr data-from="category" id="inv__{{ trans.getId }}">
                        <th scope="row"> {{ trans.getTransPaidTo is empty ? trans.getUnregisterPaidToUser : trans.getTransPaidTo.fullName }} </th>
                        <td> {{ date_format(trans.transDatetime) }} </td>
                        <td> {{ trans.paymentMethodReference.pmType is not empty ? trans.paymentMethodReference.pmType }} </td>
                        <td> {{ trans.transDescription }} </td>
                        <td> {{ trans.getIsExpenseOrIncome ?  trans.amount : 0 }} </td>
                        <td> {{ trans.getIsExpenseOrIncome ?  0  :  trans.amount }} </td>

                        <td>
                            <a data-toggle="dropdown" class="btn btn-sm btn-clean btn-icon btn-icon-md xx-large"
                               aria-expanded="false"><i class="fa fa-ellipsis-h"></i></a>
                            <div class="dropdown-menu dropdown-menu-right dotedDropdown" x-placement="bottom-end">
                                <ul class="kt-nav">
                                    <li class="kt-nav__item">

                                        {% if trans.getIsExpenseOrIncome %}
                                            {# edit income - now decide what income- we have two type of income one for the instant payment and other for the pay invoice.  #}
                                            {% if trans.getIsInstantPayment %}
                                                {# this is instant payment url #}
                                                {% set path_ = path('account_payment', {'id':trans.getID } ) %}
                                            {% else %}
                                                {# this is pay invoice url #}
                                                {% set path_ = path('pay__invoice', {'id':trans.getID | urlencrypt} ) %}
                                            {% endif %}
                                        {% else %}
                                            {# show expense form #}
                                            {% set path_ = path('transactions_expense', {'id':trans.getID} ) %}
                                        {% endif %}

                                        <a class="kt-nav__link" href="{{ path_ }}"><i
                                                    class="kt-nav__link-icon flaticon-edit-1"></i><span
                                                    class="kt-nav__link-text">{{ 'Edit'|trans }}</span></a>
                                    </li>
                                </ul>
                            </div>
                        </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 %}
{% endblock %}