{% 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 %}
    <style>
        div.invoice-item-content .deleteItemBaseIcon {
            display: none;
        }
    </style>
{% endblock %}

{% block pageLabel %}
    {{ inv_ob.id is empty ? 'Add new invoice'|trans : 'Update invoice'|trans }}
{% endblock %}

{% block recordLength %}
{% endblock %}

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

        {# Add invoice sections #}
        <div class="kt-portlet">
            <div class="kt-portlet__body">
                <div class="row">

                    {# this field will have a value which we want to update. #}
                    <input type="hidden" value="{{ inv_ob.id }}" name="inv___ifID"/>
                    <input type="hidden" value="r__u" name="in___gn__by"/>

                    {# invoice reference #}
                    <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">{{ 'Invoice Reference'|trans }} </label>
                        </div>
                        <input type="text" name="inv__ref" class="form-control r__q"
                               value="{{ inv_ob.getInvReference }}"/>
                    </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 }}</label>
                        <select class="form-control kt-select2 kt-selectpicker simpleSelect2" name="p___mod">
                            {% for pm in payment_method %}
                                {% if inv_ob.id is not empty %}
                                    {# if edit transaction #}
                                    <option {{ inv_ob.getPaymentMethodReference().getId() is defined and inv_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>

                    {# invoice generation date #}
                    <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">
                        <label class="col-form-label">{{ 'Invoice date'|trans }} </label>
                        <input type="datetime" name="inv___g_t" class="form-control r__q simpleDatePicker"
                               value="{{ inv_ob.id is not empty ? date_format( inv_ob.getInvGeneratedDatetime) : 'now'|date('d-M-Y') }}"/>
                    </div>

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

                    {# is it related to the item stock or to the stock items.#}
                    <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__" {{ inv_ob.id is  empty or inv_ob.getInvGeneratedFor 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__" {{ inv_ob.getInvoiceGeneratedForUnregisterUsername is not empty ?  'checked="checked"' : '' }}> {{ 'Un-register user?' |trans }}
                                <span></span>
                            </label>
                        </div>
                    </div>

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

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

                    {# notes #}
                    <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">{{ 'Notes'|trans }} </label>
                        </div>
                        <input type="text" name="u__n_t" class="form-control" value="{{ inv_ob.getInvUserNotes }}">
                    </div>
                </div>


                {% if app.request.attributes.get('id') is not  empty %}
                    <br/>
                    {# invoice action buttons #}
                    <div class="pull-right row">
                        <div class="col-xl-12 col-lg-12 col-sm-12 col-xs-12">
                            {#invoice action buttons#}
                            {% if is_granted("ROLE_ADMIN") %}
                                <a target="_blank" class="kt-nav__link"
                                   href="{{ path('invoices_', {'id':inv_ob.getID| urlencrypt}) }}"><i
                                            class="kt-nav__link-icon flaticon-edit-1"></i><span
                                            class="kt-nav__link-text">{{ 'Edit'|trans }}</span></a>
                            {% endif %}

                            &nbsp;&nbsp;

                            {# View Invoice #}
                            <a class="kt-nav__link" target="_blank"
                               href="{{ path('invoices_view', {'invoice':inv_ob.getID| urlencrypt}) }}"><i
                                        class="kt-nav__link-icon flaticon-print"></i><span
                                        class="kt-nav__link-text">{{ 'View Invoice'|trans }}</span></a>

                            &nbsp;&nbsp;
                            {# print invoice #}

                            <a target="_blank" class="kt-nav__link"
                               href="{{ path('invoices_view', {'invoice':inv_ob.getID| urlencrypt , 'printResult' : 1}) }}"><i
                                        class="kt-nav__link-icon flaticon-print"></i><span
                                        class="kt-nav__link-text">{{ 'Print Invoice'|trans }}</span></a>
                            &nbsp;&nbsp;

                            {# view challan#}

                            <a class="kt-nav__link" target="_blank"
                               href="{{ path('print_invoice_and_challan_form', {'invoice':inv_ob.getID| urlencrypt}) }}"><i
                                        class="kt-nav__link-icon flaticon-print"></i><span
                                        class="kt-nav__link-text">{{ 'View Challan'|trans }}</span></a>
                            &nbsp;&nbsp;

                            {# print challan #}

                            <a target="_blank" class="kt-nav__link"
                               href="{{ path('print_invoice_and_challan_form', {'invoice':inv_ob.getID| urlencrypt, 'printResult':1}) }}"><i
                                        class="kt-nav__link-icon flaticon-print"></i><span
                                        class="kt-nav__link-text">{{ 'Print Challan'|trans }}</span></a>
                        </div>
                    </div>
                {% endif %}


            </div>
        </div>

        {# Add invoice items #}
        <div class="kt-portlet">

            <div class="kt-portlet__head">
                <div class="kt-portlet__head-label">
                    {# Heading #}
                    <h3 class="kt-portlet__head-title">{{ 'Invoice items'|trans }} &nbsp;</h3>
                    &nbsp; &nbsp;
                    {# Button to add more invoice item #}
                    <span class="hand-cursor _more_invoice_item" title="{{ 'Add more invoice item'|trans }}">
                        <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">
                                <rect id="bound" x="0" y="0" width="24" height="24"></rect>
                                <circle id="Oval-5" fill="#000000" opacity="0.3" cx="12" cy="12" r="10"></circle>
                                <path d="M11,11 L11,7 C11,6.44771525 11.4477153,6 12,6 C12.5522847,6 13,6.44771525 13,7 L13,11 L17,11 C17.5522847,11 18,11.4477153 18,12 C18,12.5522847 17.5522847,13 17,13 L13,13 L13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 L11,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L11,11 Z"
                                      id="Combined-Shape" fill="#000000"></path>
                            </g>
                        </svg>
                    </span>

                </div>
            </div>

            {# form where to write text.#}
            <div class="kt-portlet__body ">

                {# show the existing invoice items. if exits: #}
                <div class="invoice-item-will-display-when-add">
                    {% for i_i in inv_ob.getInvoiceItems.toArray %}
                        <div class="row invoiceItemWrapper">

                            <input type="hidden" name="inv_it_ref__[]" class="form-control r__q" value="{{ i_i.id }}"/>
                            {# invoice item  amount #}
                            <div class="col-xl-2 col-lg-6 col-md-6 col-xs-12">
                                <label class="col-form-label">{{ 'Amount'|trans }} </label>
                                <input type="number" name="inv__it__am[]" class="form-control r__q"
                                       value="{{ i_i.getInvItemAmount }}"/>
                            </div>
                            {# invoice item description #}
                            <div class="col-xl-8 col-lg-6 col-md-6 col-xs-12">
                                <label class="col-form-label">{{ 'Amount Description'|trans }} </label>
                                <input type="text" name="inv__it__des[]" class="form-control"
                                       value="{{ i_i.getInvItemDescription }}"/>
                            </div>
                            {# Button to delete the invoice item from database #}
                            <div class="col-xl-2 col-lg-6 col-md-6 col-xs-12 hand-cursor --dIdFD"
                                 data-fmt="{{ i_i.id | urlencrypt }}">
                                <label class="col-form-label"> &nbsp; </label>
                                <br/>
                                <i class="kt-nav__link-icon flaticon2-trash"></i>
                            </div>

                            {#                                                #}{# discount invoice item  amount #}
                            {#                                                <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">#}
                            {#                                                    <label class="col-form-label">{{ 'Given Discount'|trans }} </label>#}
                            {#                                                    <input type="number" name="inv__it__dis__am[]" class="form-control r__q" value="{{ i_i.getInvItemDiscount }}" />#}
                            {#                                                </div>#}

                            {#                                                #}{# discount invoice item description #}
                            {#                                                <div class="col-xl-4 col-lg-6 col-md-6 col-xs-12">#}
                            {#                                                     <label class="col-form-label">{{ 'Discount Description'|trans }} </label>#}
                            {#                                                    <input type="text" name="inv__it__dis__des[]" class="form-control" value="{{ i_i.getInvItemDiscountDescription }}">#}
                            {#                                                </div>#}
                        </div>

                    {% endfor %}
                </div>

                {# invoice items #}
                <div class="invoice-item-content">

                    <div class="row invoiceItemWrapper">
                        {# invoice item  amount #}
                        <div class="col-xl-2 col-lg-6 col-md-6 col-xs-12">
                            <label class="col-form-label">{{ 'Amount'|trans }} </label>
                            <input type="number" name="inv__it__am[]" class="form-control r__q"/>
                        </div>

                        {# invoice item description #}
                        <div class="col-xl-8 col-lg-6 col-md-6 col-xs-12">
                            <label class="col-form-label">{{ 'Description'|trans }} </label>
                            <input type="text" name="inv__it__des[]" class="form-control">
                        </div>

                        {# Button to remove the invoice item #}
                        <div class="col-xl-2 col-lg-6 col-md-6 col-xs-12 hand-cursor deleteItemBaseIcon">
                            <label class="col-form-label"> &nbsp; </label>
                            <br/>
                            <i class="kt-nav__link-icon flaticon2-trash"></i>
                        </div>
                    </div>

                    {#                                    #}{# discount invoice item 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">{{ 'Discount Description'|trans }} </label>#}
                    {#                                        </div>#}
                    {#                                        <textarea type="text" name="inv__it__dis__des[]" class="form-control"></textarea>#}
                    {#                                    </div>#}
                    {#            #}
                    {#                                    #}{# discount invoice item  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">{{ 'Discount amount'|trans }} </label>#}
                    {#                                        </div>#}
                    {#                                        <input type="number" name="inv__it__dis__am[]" class="form-control r__q" />#}
                    {#                                    </div>#}

                </div>

                {# add invoice item here, when press on the add invoice link#}
                <div class="itemAddingPlaceMent"></div>

            </div>
        </div>

        {# submit button #}
        <div class="kt-portlet">
            <div class="kt-portlet__foot">
                <div class="kt-form__actions">
                    <button type="submit" class="btn-primary btn ef____dse" data-ref="add__inv"
                            data-target="mani___invoice">
                        {{ inv_ob.id is empty ? 'Add new invoice'|trans : 'Update invoice'|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 %}