{% 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 %}
    {{ trans_ob.id is empty ? 'Add income'|trans : 'Update income'|trans }}
{% endblock %}

{% block recordLength %}
{% endblock %}


{% block MainContent %}
    <span class="r__q__s" data-path="{{ path('requestHandler___accounts') }}"></span>
    <form method="post" id="add__trns_as__Ex_" enctype="multipart/form-data">
        {# Require fields #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">

                {# instant payment #}
                <div class="row">

                    {# this field will have a value which we want to update. #}
                    <input type="hidden" value="{{ trans_ob.id }}" name="trans___iIFISDD" />
                    <input type="hidden" value="{{ trans_ob.getInvoiceReference.id is defined ? trans_ob.getInvoiceReference.id : 0 }}" name="inv___iIF_fed" />
                    <input type="hidden" value="{{ trans_ob.getInvoiceReference is not empty ? trans_ob.getInvoiceReference.getInvoiceItems.toArray[0] is not empty ? trans_ob.getInvoiceReference.getInvoiceItems.toArray[0].id : 0 }}" name="inv_it_ref__" />

                    {# income head #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Accounts'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="trans__ac_ref">
                            {% for account in account_list %}
                                {% if trans_ob.id is not empty %}
                                    {# if edit transaction #}
                                    <option {{ trans_ob.getAccountsReference().getId() is defined and trans_ob.getAccountsReference().getId()  == account.id ? 'selected=selected':'' }} value="{{ account.id }}">{{ account.getAccName }}</option>
                                {% else %}
                                    {# if saving transaction #}
                                    <option {{ account.getAccIsDefault()== 1? 'selected=selected':'' }} value="{{ account.id }}">{{ account.getAccName }}</option>
                                {% endif %}
                            {% endfor %}
                        </select>
                    </div>

                    {# Income head #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Income head'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="trans_ac_hed_ref">
                            {% for income in income_head %}
                                <option {{ trans_ob.getIncomeHead().getId() is defined and trans_ob.getIncomeHead().getId()  == trans_ob.id ? 'selected=selected':'' }} value="{{ income.id }}">{{ income.getAhName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    {# payment method.#}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Payment method'|trans }} {{ requireSymbol |raw }} </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="trans__payM__ref">
                            {% for pm in payment_method %}
                                {% if trans_ob.id is not empty %}
                                    {# if edit transaction #}
                                    <option {{ trans_ob.getPaymentMethodReference().getId() is defined and trans_ob.getPaymentMethodReference().getId()  == pm.id ? 'selected=selected':'' }} value="{{ pm.id }}">{{ pm.getPmType }}</option>
                                {% else %}
                                    {# if saving transaction #}
                                    <option {{ pm.getPmIsDefault()== 1? 'selected=selected':'' }} value="{{ pm.id }}">{{ pm.getPmType }}</option>
                                {% endif %}
                            {% endfor %}
                        </select>
                    </div>

                    {# transaction amount #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Amount'|trans }} {{ requireSymbol |raw }}  </label>
                        </div>
                        <input pattern="\d*" maxlength="4" type="number" name="trans__am" class="form-control r__q" value="{{ trans_ob.getAmount }}" />
                    </div>

                    {# select the user, user is register or non-register #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'This invoice will paid to ?'|trans }} {{ requireSymbol |raw }} </label>
                        <div class="col-form-label">
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="u____s" value="r__" {{ trans_ob.id is  empty or trans_ob.getTransPaidTo is not empty ?  'checked="checked"' : '' }} > {{ 'Register User?' |trans }}
                                <span></span>
                            </label>
                            &nbsp; &nbsp;
                            <label class="kt-radio kt-radio--bold kt-radio--brand">
                                <input type="radio" name="u____s" value="w__" {{ trans_ob.getUnregisterPaidToUser is not empty ?  'checked="checked"' : '' }}> {{ 'Un-register user?' |trans }}
                                <span></span>
                            </label>
                        </div>
                    </div>

                    {# register user #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12 register_user_name_ask_di {{ trans_ob.getTransPaidTo is empty and  trans_ob.getUnregisterPaidToUser is not empty ? 'd-none':'' }}">
                        <label class="col-form-label">{{ 'Invoice to'|trans }} {{ requireSymbol |raw }}  </label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="s__u_n">
                            <option value=""></option>
                            {% for user in user_list %}
                                <option {{ trans_ob.getTransPaidTo().getId() is defined and trans_ob.getTransPaidTo().getId()  == user.id ? 'selected=selected':'' }} value="{{ user.id }}">{{ user.getFName }} {{ user.getLName }}</option>
                            {% endfor %}
                        </select>
                    </div>

                    {# un resgister user #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12 unregister_user_name_ask_di {{ trans_ob.getUnregisterPaidToUser is empty ? 'd-none' : '' }} ">
                        <label class="col-form-label">{{ 'Un-register user name'|trans }} </label>
                        <input type="text" name="w__u_n" class="form-control r__q" value="{{ trans_ob.getUnregisterPaidToUser }}" />
                    </div>

                    {# transaction date #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Date'|trans }} {{ requireSymbol |raw }}  </label>
                        <input type="datetime" name="tran___dt" class="form-control r__q simpleDatePicker" value="{{ trans_ob.id is not empty ? date_format(trans_ob.getTransDatetime) : 'now'|date('d-M-Y') }}" />
                    </div>

                    {# description #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <div class="kt-portlet__head-label">
                            <label class="col-form-label">{{ 'Description'|trans }} </label>
                        </div>
                        <input type="text" name="tran___des" class="form-control" value="{{ trans_ob. getTransDescription }}" />
                    </div>

                    {# row end #}
                </div>

                <br>

                {# collapse of advance feild #}
                {# Un-necessay fields #}
                <div class="col-form-label">
                        <span data-toggle="collapse" data-target="#demo" class="hand-cursor">
                        <b>{{ 'Advance'|trans }}</b>
                            {# dropdown #}
                            <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>
                </div>

                {# form where to write text.#}
                <div class="collapse row" id="demo">

                    {# transaction reference #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Trans Reference'|trans }} </label>
                        <input type="text" name="tran___ref" class="form-control r__q" value="{{ trans_ob.getTransReference }}" />
                    </div>

                    {# upload document #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Trans Document'|trans }} </label>
                        <input type="file" name="trans__fi" class="form-control r__q" />
                    </div>

                    {# notes #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Notes'|trans }} </label>
                        <input type="text" name="tran___n_t" class="form-control" value="{{ trans_ob.getTransNotes }}" />
                    </div>

                </div>

            </div>
            {# submit button #}
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit" class="btn-primary btn" data-ref="add__trns_as__Ex_" data-target="a_pay__ru">
                        {{ trans_ob.id is empty ? 'Add Income'|trans : 'Update Income'|trans }}
                    </button>
                </div>
            </div>
        </div>

    </form>
{% endblock %}

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