{% 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 %}

{% set pagename = 'Invoices' | trans %}
{% set addBtnTitle = 'Create new Invoice?' | trans %}
{% set addBtnLink = path('invoices_') %}

{% block MainContent %}
    <span class="r__q__s" data-path="{{ path('requestHandler___accounts') }}"></span>

    {# 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">{{ 'Search Invoice'|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" class="collapse">
            <div class="kt-portlet__body add___filter_place">
                <div class="row">

                    {% if is_granted("ROLE_ADMIN") %}
                        {# Register user #}
                        <div class="col-xl-3 col-lg-3 col-md-3 col-xs-12">
                        <label class="col-form-label">{{ 'Register User'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="u___li">
                            <option value=""></option>
                            {% for user in user_list %}
                                <option value="{{ user.id }}">{{ user.getFName }} {{ user.getLName }}</option>
                            {% endfor %}
                        </select>
                    </div>
                          {# UnRegister user #}
                        <div class="col-xl-2 col-lg-3 col-md-3 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 inv in invoice__list %}
                                {% if inv.getInvoiceGeneratedForUnregisterUsername is not empty %}
                                    <option {{ trans_ob.getInvoiceReference.id is defined ?  inv.id == trans_ob.getInvoiceReference.id ? 'selected="selected"' : '' }} value="{{ inv.id }}">{{ inv.getInvoiceGeneratedForUnregisterUsername }}</option>
                                {% endif %}
                            {% endfor %}
                        </select>
                    </div>
                    {% endif %}

                    {# Invoice id #}
                    <div class="col-xl-2 col-lg-3 col-md-3 col-xs-12">
                        <label class="col-form-label">{{ 'ID#'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="in__v_for_search">
                            <option value=""></option>
                            {% for inv in invoice__list %}
                                <option {{ trans_ob.getInvoiceReference.id is defined ?  inv.id == trans_ob.getInvoiceReference.id ? 'selected="selected"' : '' }} value="{{ inv.id }}">{{ inv.id }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    {# invoice numbe r#}
                    <div class="col-xl-2 col-lg-3 col-md-3 col-xs-12">
                        <label class="col-form-label">{{ 'Ref#'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="inv__no___li">
                            <option value=""></option>
                            {% for inv in invoice__list %}
                                <option value="{{ inv.getInvReference }}">{{ inv.getInvReference }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    {# Invoice description label #}
                    <div class="col-xl-3 col-lg-3 col-md-3 col-xs-12">
                        <label class="col-form-label">{{ 'User notes'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="inv__uNs">
                            <option value=""></option>
                            {% for inv in invoice__list %}
                                <option value="{{ inv.getInvUserNotes }}">{{ inv.getInvUserNotes }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    {# Invoice search by invoice stauts#}
                    <div class="col-xl-3 col-lg-3 col-md-3 col-xs-12">
                        <label class="col-form-label">{{ 'Status'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="invStatus">
                            <option value=""></option>
                            <option value="p">{{ 'Paid' | trans }}</option>
                            <option value="unp">{{ 'Un Paid' | trans }}</option>
                            <option value="pp">{{ 'Partial Paid' }}</option>
                        </select>
                    </div>

                    {# invoice search by class#}
                    <div class="col-xl-3 col-lg-3 col-md-3 col-xs-12">
                        <label class="col-form-label">{{ 'Class'|trans }} </label>
                        <select class="clearMeAsWell form-control kt-select2 kt-selectpicker simpleSelect2"
                                name="inv__class">
                            <option value=""></option>
                            {% for class in Classes %}
                                <option value="{{ class.id }}">{{ class.getsession.getname ~ ' >> ' ~ class.getname }}</option>
                            {% endfor %}
                        </select>
                    </div>

                </div>
                <div class="row centerButton kt-margin-t-20">
                    <button class="btn btn-primary btn-sm search-invoice">{{ 'Search'|trans }}</button>
                    &nbsp;
                    <button class="btn btn-danger btn-sm clearSelect2"
                            onclick="window.location.reload()">{{ 'Clear'|trans }}</button>
                </div>
            </div>
        </span>
    </div>

    {# invoice list #}
    <span class="listOfInvoice">
        {% include "accounts/Invoices/invoice__listTable.html.twig"  with {'inv_ls':inv_ls} %}
    </span>

{% endblock %}

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