@extends('layouts.app')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
<link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
<style>
    .t_head {
        /* background-color: #eceef1 !important; */
        /* padding: 7px !important; */
    }
    .t_body {
        /* background-color: #eceef1 !important; */
        /* padding: 7px !important; */
    }
    .v-select.searchable .dropdown-toggle{
        height: 27px;
    }
</style>
@section('content')
@include("layouts.Cmodal")
@include("invoices.modal")
<div class="row">
    <div class="portlet light bordered sale" >
        <!-- BEGIN TAB PORTLET-->
        <div class="portlet light bordered" >
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-anchor font-green-sharp"></i>&nbsp;
                    <span class="caption-subject font-green-sharp bold uppercase">@lang('layout.CreateNewInvoice')               
                       {{-- @if(session()->get("system_direction") == "rtl")
                        (@{{number}}#)
                        @else
                        (#@{{number}})
                        @endif--}}
                    </span>
                </div>
                <div class="actions"></div>
                <div class="tools">
                    <a onclick="showHeader('invoice_create_header')"   class="btn" style="font-size: 25px"><span id="invoice_create_header_fa" class="fa fa-angle-up"> </span></a>
                </div>
            </div>
            <div id="appInvoice" class="portlet-body" v-cloak>
                <div id="measure">
                    <modal v-if="showInfoModal" @close="showInfoModal = false">
                        <div slot="body">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('menu.InventoryBrand') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ brand }}
                                        </h4>
                                    </div>
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.Location') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ location }}
                                        </h4>
                                    </div>
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.ByAdvancePricing') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ AdvancePrice }}
                                        </h4>
                                    </div>
                                    @if(getShowMakeCartan()=="true")
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.Width') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ width }}
                                        </h4>
                                    </div>
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.Height') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ height }}
                                        </h4>
                                    </div>
                                    @endif
                                </div>
                                <div class="col-md-6">
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.Cost') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ cost }}
                                        </h4>
                                    </div>
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.SerialNum') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ SNumber }}
                                        </h4>
                                    </div>
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.OnHand') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ on_hand }} @{{ measure_name }}
                                        </h4>
                                    </div>
                                    @if(getShowMakeCartan()=="true")
                                    <div class="row col-md-12">
                                        <h4 class=" col-md-4">
                                            @lang('layout.Length') :</h4>
                                        <h4 class="col-md-7">
                                            @{{ length }}
                                        </h4>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @if(ShowLastSale()=="true")
                            <div class="row" v-if="last_item_sale != null && last_item_sale != ''">
                                <div class="col-md-12">
                                    <h3> @lang('layout.ShowLastSales') </h3>
                                    <table class="table table-striped table-bordered table-hover">
                                        <thead>
                                            <tr>
                                                <th style="text-align: center">@lang('layout.CustomerName')</th>
                                                <th style="text-align: center">@lang('layout.Number')</th>
                                                <th style="text-align: center">@lang('layout.Price')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(last_it,index) in last_item_sale">
                                                <td style="text-align: center">@{{last_it.member}}</td>
                                                <td style="text-align: center">@{{last_it.number}}</td>
                                                <td style="text-align: center">@{{myRound(last_it.price)}} @{{last_it.currency}}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            @endif
                        </div>
                        <h3 slot="header">
                            <div class="col-md-4">
                                <h3>
                                    @lang('layout.OtherInformations') @lang('layout.Item')
                                </h3>
                            </div>
                        </h3>
                        <div slot="footer">
                            <button type=button class="modal-default-button" v-on:click="showInfoModal = false ,measure = null , type=null">
                                @lang('layout.Cancel')
                            </button>
                        </div>
                    </modal>
                </div>
                <div class="tabbable tabbable-tabdrop">
                    <div>
                        {{Form::open(['route' => 'invoice.store','method' => 'POST','class' => 'form-horizontal','id'=>'sales-form','files'=> true])}}
                        {{ csrf_field() }}
                        @if($sales_gifts)
                        <input type="hidden" name="sales_gift_id" value="{{$sales_gifts->id}}">
                        @endif
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab1">
                                <div v-cloak class="portlet-body form" style="margin-bottom:50%;">
                                    <!-- begin sale order modal -->
                                    <div id="salOrderApp" v-cloak>
                                        <!-- {{Form::open(['route' => 'export.PDFAll','method' => 'DELETE','class' => 'inline'])}} -->
                                        <input type="hidden" name="type" value="invoicelist" />
                                        <!-- use the modal component, pass in the prop -->
                                        <modal v-if="showModalSaleOrder" @close="showModalSaleOrder = false">
                                            <div slot="body">
                                                <div class="row">
                                                    <div class="form-group">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.Select')</label>
                                                            <select class="form-control" style="border: 1px solid black !important" v-model="selected_sale_order" @input="saleOrderChang()">
                                                                <option v-for="order in saleOrderList" :value="order">
                                                                    <span>
                                                                        @{{order.type+':'+order.number+' '+order.description}}
                                                                    </span>
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group">
                                                        <div class="col-md-6">
                                                            <label class="control-label ">@lang('layout.Currency')</label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.currency" class="form-control" disabled="disabled">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label class="control-label ">@lang('layout.Rate') </label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.rate" class="form-control" disabled="disabled">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group">
                                                        <div class="col-md-6">
                                                            <label class="control-label ">@lang('layout.Date') </label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.date" class="form-control" disabled="disabled">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label class="control-label ">@lang('layout.DeliveryDate') </label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.delivery_date" class="form-control" disabled="disabled">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group">
                                                        <div class="col-md-6">
                                                            <label class="control-label ">@lang('layout.SaleArea')</label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.sale_area_name" class="form-control" disabled="disabled">
                                                        </div>
                                                        <div class="col-md-6">
                                                            <label class="control-label ">@lang('layout.Category')</label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.category" class="form-control" disabled="disabled">
                                                        </div>

                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="form-group">

                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.Description') </label>
                                                            <input type="text" name="" :value="(!selected_sale_order)?null:selected_sale_order.description" class="form-control" disabled="disabled">
                                                        </div>

                                                    </div>
                                                </div>
                                                <br>
                                                <p style="color: red">@lang('layout.SOmsg')

                                            </div>

                                            <div slot="footer">
                                                <button type="button" v-if="selected_sale_order" @click="getsalesOrders" class="btn btn-success">
                                                    @lang('layout.Submit')
                                                </button>
                                                <button type="button" class="btn btn-danger" v-on:click="showModalSaleOrder=false">
                                                    @lang('layout.Cancel')
                                                </button>
                                            </div>
                                        </modal>
                                        <!-- {{Form::close()}} -->
                                    </div>
                                    <!-- end sale order modal -->
                                    <!-- BEGIN FORM-->
                                    <!--BEGIN INVOICE TABS-->
                                    <div class="row" id="invoice_create_header">
                                        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
                                            {{-- <div class="tabbable-custom nav-justified"> --}}
                                                <ul class="nav nav-tabs">
                                                    <li class="active">
                                                        <a href="#general" data-toggle="tab" aria-expanded="true">@lang('layout.Invoice')</a>
                                                    </li>
                                                    @if(getTaxation()=="true" || getSaleCommission()=="true" || getSaleTaxation() == 'true')
                                                    <li class="">
                                                        <a href="#tab2" data-toggle="tab" aria-expanded="false">@lang('layout.Tax')/ @lang('layout.Commission')</a>
                                                    </li>
                                                    @endif
                                                    @if(getTransportCompany()=="true")
                                                    <li class="">
                                                        <a href="#tab3" data-toggle="tab" aria-expanded="false">@lang('menu.TransportCompany')</a>
                                                    </li>
                                                    @endif
                                                    <li class="">
                                                        <a href="#tab4" data-toggle="tab" aria-expanded="false">@lang('layout.OtherInformations')</a>
                                                    </li>
                                                    @if(ShowLastSale()=="true")
                                                    <li class="">
                                                        <a href="#tab5" data-toggle="tab" aria-expanded="false">@lang('layout.ShowLastSales')</a>
                                                    </li>
                                                    @endif
                                                </ul>
                                                <div class="tab-content">
                                                    <div class="tab-pane active" id="general" style="padding: 0 10px 0 10px;">
                                                        {{-- <table class="table" id="form_header_table">
                                                            <tr>
                                                                <td> 1 </td>
                                                                <td> Mark </td>
                                                                <td> Otto </td>
                                                                <td> makr124 </td>
                                                            </tr><tr>
                                                                <td> 1 </td>
                                                                <td> Mark </td>
                                                                <td> Otto </td>
                                                                <td> makr124 </td>
                                                            </tr>
                                                        </table> --}}
                                                        <input type="hidden" name="temp_type" value="invoice">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px; padding: 20px !important;">
                                                                <div v-show="showWhat('sale_area')=='yes'" class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.SaleArea')</label>
                                                                    <v-select label="name" :options="saleArea" v-model="selected_area"></v-select>
                                                                    <input type="hidden" name="sale_area_id" :value="!selected_area?null:selected_area.id">
                                                                </div>
                                                                <div v-show="showWhat('member_class')=='yes'" class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.MemberClass') </label>
                                                                    <v-select label="name" :options="memberClass" v-model="selected_class" @input="memberClassChange()"></v-select>
                                                                    <input type="hidden" name="class_id" :value="!selected_class?null:selected_class.id">
                                                                </div>
                                                                @if(getShwoPriceLevel()=="general")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','priceLevel')) displayNone @endif">
                                                                        <label class="control-label">@lang('layout.PriceLevel') </label>
                                                                        <v-select label="name" :options="priceLevel" v-model="selected_priceLevel" @input="changePriceLevel()">
                                                                        </v-select>
                                                                        <input type="hidden" name="price_level_id" :value="!selected_priceLevel?null:selected_priceLevel.id">
                                                                    </div>
                                                                @endif
                                                                @if(getShwoPriceLevel()=="general_percent")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','priceLevel')) displayNone @endif">
                                                                        <label class="control-label">@lang('layout.PriceLevel') </label>
                                                                        <v-select label="name" :options="priceLevelGeneral" v-model="selected_priceLevelGeneral" @input="change_sale_rate_by_price_level_general()">
                                                                        </v-select>
                                                                        <input type="hidden" name="price_level_id" :value="!selected_priceLevelGeneral?null:selected_priceLevelGeneral.id">
                                                                    </div>
                                                                @endif
                                                                @if(systemConfig()[13] != 0 )
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','membercloth')) displayNone @endif" style="height: 53px;">
                                                                        <label class="control-label">@lang('menu.Membercloth')</label>
                                                                        <v-select class="vue-select2" label="name" :options="member_cloth_list" v-model="selectedMemberCloth"> </v-select>
                                                                        <input type="hidden" name="member_cloth_id" v-model.number="(!selectedMemberCloth)?null:selectedMemberCloth.id">
                                                                    </div>
                                                                @endif 
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.Customer') </label>
                                                                    <div class="input-group">
                                                                        <v-select label="name" @input="memberChange(),getSummary()" @search="MemberSearch" :options="customer" v-model="selected_customer">
                                                                        </v-select>
                                                                        <input type="hidden" name="customer" v-validate="'required'" data-vv-as="@lang('layout.Customer')" :value="!selected_customer?null:selected_customer.id" required>
                                                                        <span class="btn btn-success input-group-addon " title="@lang('button.AddNewCustomer')" @click="showModal = true" style="background-color:  rgb(84, 199, 211)">
                                                                            <i class="fa fa-plus" style="color: white"></i>
                                                                        </span> 
                                                                    </div>
                                                                    <span class="required">@{{ errors.first('customer') }}</span>
                                                                </div>  
                                                                <div v-show="showWhat('descriptionASMemberName')=='yes'" class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class=" control-label">@lang('layout.OtherMemberName')</label>
                                                                    <input type="text" name="other_member_name" v-model="other_member_name" class="form-control">
                                                                </div>
                                                                @if(systemConfig()[27] == 1 && getCounterForEachRow() != "true")
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','gasStation')) displayNone @endif" style="height: 53px;">
                                                                        <label class="control-label">@lang('menu.GasStation')</label>
                                                                        <v-select class="vue-select2" label="name" :options="oilPart" v-model="selectedOilPart" @input="setSaleNumber()"> </v-select>
                                                                        <input type="hidden" name="oil_part_id" v-model.number="(!selectedOilPart)?null:selectedOilPart.id">
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','gasStation')) displayNone @endif" style="height: 53px;">
                                                                        <label class="control-label">@lang('layout.OldCounter')</label>
                                                                        <input type="number" v-model="old_oil_counter" name="old_oils_counter" class="form-control"  readonly>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','gasStation')) displayNone @endif" style="height: 53px;">
                                                                        <label class="control-label">@lang('layout.NewCounter')</label>
                                                                        <input type="number" name="new_counter" class="form-control" v-model="NewCounter" @input="NewCounters()"> 
                                                                    </div>
                                                                @endif
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.InvoiceNumber')</label>
                                                                    <input type="number" name="number" v-validate="'required|numeric'" data-vv-as="@lang('layout.InvoiceNumber')" @input="checkNo()" v-model="number" class="form-control">
                                                                    <span class="required">@{{ errors.first('number') }}</span>
                                                                    <span v-if="number_Error ==true" class="input-has-error" style="color: red">@{{number_msg}}</span>
                                                                </div>
                                                                <div :class="(selected_sale_order && selected_customer && selected_sale_order.member_id == selected_customer.id) ? 'col-lg-4 col-md-4 col-sm-12 col-xs-12': 'col-lg-4 col-md-4 col-sm-12 col-xs-12'" class="@if(!getCustomeForm('invoice','referenceNumber')) displayNone @endif" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                                                    <input type="text" name="ref_no" v-model="ref_no" class="form-control" @input="checkRefNo()">
                                                                    <span v-if="isError1 ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" v-if="selected_sale_order && selected_customer && selected_sale_order.member_id == selected_customer.id">
                                                                    <label class="control-label">@lang('layout.SONumber')</label>
                                                                    <input type="text" class="form-control" :value="(!selected_sale_order)?null:selected_sale_order.number" readonly>
                                                                </div>
                                                                <div v-show="online_order" class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.Customer') </label>
                                                                    <input type="text" readonly class="form-control" :value="!online_order?null:online_order.name">
                                                                </div> 
                                                                <div v-show="online_order" class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.Phone') </label>
                                                                    <input type="text" readonly class="form-control" :value="!online_order?null:online_order.phone">
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.Currency')</label>
                                                                    <v-select label="code" @input="selectedRate" @keyup.native="changeStaticRate()" @Click.native="changeStaticRate()" :options="setRates" v-model="selected_currency" auto></v-select>
                                                                    <input type="hidden" name="currency" v-validate="'required'" data-vv-as="@lang('layout.Currency')" :value="selected_currency.code">
                                                                    <span class="required">@{{ errors.first('currency') }}</span>
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.Rate')</label>
                                                                    <input type="number" name="currency_rate" v-validate="'required'" data-vv-as="@lang('layout.Rate')" v-model="!selected_currency?0:selected_currency.rate" class="form-control" :class="{'has-error':rate<=0}">
                                                                    <span class="required">@{{ errors.first('currency_rate') }}</span>
                                                                    <input type="hidden" name="currency_rate_hq" v-model="!selected_currency?0:selected_currency.hq_rate" class="form-control">
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','date')) displayNone @endif" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.Date')</label>
                                                                    <input type="text" value="@if(autoSelectDate()=='true'){!! getDropdownDate('invoice', 'date') !!}@endif" 
                                                                    @if(getDateRequired() == 'true') v-validate='"required"' data-vv-as="@lang('layout.Date')" @endif
                                                                    name="date" class="form-control date now" autocomplete="off">
                                                                    <span class="required">@{{ errors.first('date') }}</span>
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','hour')) displayNone @endif" style="height: 53px;">
                                                                    <label class="control-label">@lang('layout.Hour')</label>
                                                                    <div class="input-group" @click="stopDynamicTime" @mousemove="changeTime"> 
                                                                        @if(getHourType() == 24)
                                                                        <input type="text" class="form-control timepicker timepicker-24" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                                                        @else
                                                                        <input type="text" class="form-control timepicker timepicker-no-seconds" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                                                        @endif
                                                                        <span class="input-group-btn">
                                                                            <button class="btn default" type="button">
                                                                                <i class="fa fa-clock-o"></i>
                                                                            </button>
                                                                        </span>
                                                                    </div>
                                                                    {{-- <date_picker name="date" v-model="date"></date_picker> --}}
                                                                </div>
                                                                @if(showVendorInFactor() == 'true') 
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.VendorName')</label>
                                                                    {{-- <input type="text" name="vendor_name" class="form-control"> --}}
                                                                    <v-select class="vue-select2" v-model="selectedAllMember" label="name" @search="AllMemberSearch" :options="member">
                                                                    </v-select>
                                                                    <input type="hidden" name="vendor_id" v-model.number="(!selectedAllMember)?null:selectedAllMember.id">
                                                                </div> 
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.Description')</label>
                                                                    <textarea name="description" class="form-control" rows="1" v-text="invoiceDescription"></textarea>
                                                                </div> 
                                                                @else 
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','description')) displayNone @endif">
                                                                    <label class="control-label">@lang('layout.Description')</label>
                                                                    <textarea name="description" class="form-control" rows="1" v-text="invoiceDescription"></textarea>
                                                                </div>
                                                                @endif
                                                                @if(getUniversity() == 'true') 
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.DiscountType')</label>
                                                                    <v-select v-model="selected_discountType" label="name" :options="discountType">
                                                                    </v-select>
                                                                    <input type="hidden" name="discount_type_id" :value="!selected_discountType?null:selected_discountType.id" /> 
                                                                
                                                                </div> 
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.DiscountNumber')</label>
                                                                    <input class="form-control" type="number" min="0" name="discount_number" > 
                                                                </div>
                                                                @endif
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','byName')) displayNone @endif">
                                                                    <label class="control-label">@lang('layout.ByName')</label>
                                                                    <input class="form-control"  type="text" name="by_name" > 
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','Way')) displayNone @endif">
                                                                    <label class="control-label">@lang('layout.Way')</label>
                                                                    <input class="form-control"  type="text" name="way" > 
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','TransactionType')) displayNone @endif">
                                                                    <label class="control-label">@lang('layout.TransactionType')</label>
                                                                    <input class="form-control"  type="text" name="trans_type" > 
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','ReferenceName')) displayNone @endif">
                                                                    <label class="control-label">@lang('layout.ReferenceName')</label>
                                                                    <input class="form-control"  type="text" name="reference_name" > 
                                                                </div>
                                                                @if(systemConfig()[36] == 1)
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.Blocks')</label>
                                                                    <v-select 
                                                                        label="name" 
                                                                        v-model="blockList" 
                                                                        :options="blocks" 
                                                                        @input="filterResidentailUnits"
                                                                        v-validate="''" 
                                                                        data-vv-as="@lang('layout.Blocks')">
                                                                    </v-select>
                                                                    <input type="hidden" name="block_id" v-model.number="(!blockList)?null:blockList.id">
                                                                </div>
                                                                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                                                    <label class="control-label">@lang('layout.ResidenialUnits')</label>
                                                                    <v-select 
                                                                        label="name" 
                                                                        v-model="residenialUnit" 
                                                                        :options="filteredResidentialUnits" 
                                                                        v-validate="''" 
                                                                        data-vv-as="@lang('layout.Blocks')">
                                                                    </v-select>
                                                                    <input type="hidden" name="residenial_unit_id" v-model.number="(!residenialUnit)?null:residenialUnit.id">
                                                                </div>
                                                                @endif
                                                                @if(getTelegramBot()=="true")                   
                                                                    <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','telegram')) displayNone @endif">
                                                                        <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram')</label>
                                                                        <div class="col-md-12 mt-checkbox">
                                                                            <label class="mt-checkbox mt-checkbox-outline">
                                                                                <input type="checkbox" name="telegram" value="ok">
                                                                                <span></span>
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                @endif
                                                                @if(getWhatsApp() =='true' && (getWhatsAppType() == 'direct' || getWhatsAppType() == 'simpleMessage'))                    
                                                                    <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12 text-center @if(!getCustomeForm('invoice','whatsapp')) displayNone @endif">
                                                                        <label class="control-label"> <span class="fa fa-whatsapp" style="color:green;"></span> @lang('layout.Whatsapp')</label>
                                                                        <div class="col-md-12 mt-checkbox">
                                                                            <label class="mt-checkbox mt-checkbox-outline">
                                                                                <input type="checkbox"  name="whatsapp" value="5" />
                                                                                <span></span>
                                                                            </label>
                                                                        </div>
                                                                    </div>
                                                                @endif 
                                                                @if(checkGift() =='true')                    
                                                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-center @if(!getCustomeForm('invoice','checkGift')) displayNone @endif">
                                                                    <label class="control-label"> @lang('layout.CheckGift')</label>
                                                                    <div class="col-md-12 mt-checkbox">
                                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                                            <input type="checkbox" name="check_gift" style="cursor: pointer" autocomplete="off"> 
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                @endif
                                                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-center @if(!getCustomeForm('invoice','SeperateGrnAndFactor')) displayNone @endif">
                                                                    <label class="control-label"> @lang('layout.SeperateGrnAndFactor')</label>
                                                                    <div class="col-md-12 mt-checkbox">
                                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                                            <input type="checkbox" value="ok" name="grn_status" style="cursor: pointer" autocomplete="off"> 
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                @if(getSaleCodePricePercentage() == 'true')
                                                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-center @if(!getCustomeForm('invoice','NotShowPercentage')) displayNone @endif">
                                                                    <label class="control-label"> @lang('layout.NotShowPercentage')</label>
                                                                    <div class="col-md-12 mt-checkbox">
                                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                                            <input type="checkbox" value="ok" name="not_show_percentage" style="cursor: pointer" autocomplete="off"> 
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-center @if(!getCustomeForm('invoice','NotShowCommissionAndTax')) displayNone @endif">
                                                                    <label class="control-label"> @lang('layout.NotShowCommissionAndTax')</label>
                                                                    <div class="col-md-12 mt-checkbox">
                                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                                            <input type="checkbox" value="ok" name="not_show_commission_tax" style="cursor: pointer" autocomplete="off"> 
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div> 
                                                                @endif
                                                                @if(getInvoiceType() == 71) 
                                                                {{-- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-center">
                                                                    <label class="control-label"> @lang('layout.CalculateToOtherMeasureOne')</label>
                                                                    <div class="col-md-12 mt-checkbox">
                                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                                            <input type="checkbox" @input="change_other_measure_type" v-model="check_other_measure_type_one" name="type_other_measure_one" value="true" style="cursor: pointer" autocomplete="off"> 
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div> --}}
                                                                {{-- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 text-center">
                                                                    <label class="control-label"> @lang('layout.CalculateToOtherMeasureTwo')</label>
                                                                    <div class="col-md-12 mt-checkbox">
                                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                                            <input type="checkbox" @input="change_other_measure_type_two" v-model="check_other_measure_type_two" name="type_other_measure_two" value="true" style="cursor: pointer" autocomplete="off"> 
                                                                            <span></span>
                                                                        </label>
                                                                    </div>
                                                                </div>  --}}
                                                                @endif
                                                            </div>
                                                            <div class="row"> 
                                                                <div class="row">   
                                                                    @if(systemConfig()[27] == 1)
                                                                        {{-- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','gasStation')) displayNone @endif">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('menu.GasStation')</label>
                                                                                    <v-select class="vue-select2" label="name" :options="oilPart" v-model="selectedOilPart" @input="setSaleNumber()">
                                                                                    </v-select>
                                                                                    <input type="hidden" name="oil_part_id" v-model.number="(!selectedOilPart)?null:selectedOilPart.id">
                                                                                </div>
                                                                            </div>
                                                                        </div> --}}
                                                                        {{-- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','gasStation')) displayNone @endif">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.OldCounter')</label>
                                                                                    <input type="number" v-model="old_oil_counter" name="old_oils_counter" class="form-control"  readonly>
                                                                                </div>
                                                                            </div>
                                                                        </div> --}}
                                                                        {{-- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','gasStation')) displayNone @endif">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.NewCounter')</label>
                                                                                    <input type="number" name="new_counter" class="form-control" v-model="NewCounter" @input="NewCounters()"> 
                                                                                </div>
                                                                            </div>
                                                                        </div> --}}
                                                                    @endif
                                                                    {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.InvoiceNumber')</label>
                                                                                <input type="number" name="number" v-validate="'required|numeric'" data-vv-as="@lang('layout.InvoiceNumber')" @input="checkNo()" v-model="number" class="form-control">
                                                                                <span class="required">@{{ errors.first('number') }}</span>
                                                                                <span v-if="number_Error ==true" class="input-has-error" style="color: red">@{{number_msg}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                </div>
                                                                <div class="row">
                                                                    {{-- <div :class="(selected_sale_order && selected_customer && selected_sale_order.member_id == selected_customer.id) ? 'col-lg-3 col-md-3 col-sm-12 col-xs-12': 'col-lg-3 col-md-3 col-sm-12 col-xs-12'" class="@if(!getCustomeForm('invoice','referenceNumber')) displayNone @endif">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                                                                <input type="text" name="ref_no" v-model="ref_no" class="form-control" @input="checkRefNo()">
                                                                                <span v-if="isError1 ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                    {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" v-if="selected_sale_order && selected_customer && selected_sale_order.member_id == selected_customer.id">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.SONumber')</label>
                                                                                <input type="text" class="form-control" :value="(!selected_sale_order)?null:selected_sale_order.number" readonly>
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                    {{-- <div v-show="online_order" class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Customer') </label>
                                                                                <input type="text" readonly class="form-control" :value="!online_order?null:online_order.name">
                                                                            </div>
                                                                        </div>
                                                                    </div>     --}}
                                                                    {{-- <div v-show="online_order" class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Phone') </label>
                                                                                <input type="text" readonly class="form-control" :value="!online_order?null:online_order.phone">
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                    {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Currency')</label>
                                                                                <v-select label="code" @input="selectedRate" @keyup.native="changeStaticRate()" @Click.native="changeStaticRate()" :options="setRates" v-model="selected_currency" auto></v-select>
                                                                                <input type="hidden" name="currency" v-validate="'required'" data-vv-as="@lang('layout.Currency')" :value="selected_currency.code">
                                                                                <span class="required">@{{ errors.first('currency') }}</span>
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                    {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Rate')</label>
                                                                                <input type="number" name="currency_rate" v-validate="'required'" data-vv-as="@lang('layout.Rate')" v-model="!selected_currency?0:selected_currency.rate" class="form-control" :class="{'has-error':rate<=0}">
                                                                                <span class="required">@{{ errors.first('currency_rate') }}</span>
                                                                                <input type="hidden" name="currency_rate_hq" v-model="!selected_currency?0:selected_currency.hq_rate" class="form-control">
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                    {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="padding: 0px !important;">
                                                                        <div class="col-lg-6 col-md-3 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','date')) displayNone @endif">
                                                                            <div class="form-group">
                                                                                <div class="">
                                                                                    <label class="control-label">@lang('layout.Date')</label>
                                                                                    <input type="text" value="@if(autoSelectDate()=='true'){!! getDropdownDate('invoice', 'date') !!}@endif" 
                                                                                    @if(getDateRequired() == 'true') v-validate='"required"' data-vv-as="@lang('layout.Date')" @endif
                                                                                    name="date" class="form-control date now" autocomplete="off">
                                                                                    <span class="required">@{{ errors.first('date') }}</span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-6 col-md-3 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','hour')) displayNone @endif">
                                                                            <div class="form-group">
                                                                                <div class="">
                                                                                    <label class="control-label">@lang('layout.Hour')</label>
                                                                                    <div class="input-group" @click="stopDynamicTime" @mousemove="changeTime"> 
                                                                                        @if(getHourType() == 24)
                                                                                        <input type="text" class="form-control timepicker timepicker-24" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                                                                        @else
                                                                                        <input type="text" class="form-control timepicker timepicker-no-seconds" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                                                                        @endif
                                                                                        <span class="input-group-btn">
                                                                                            <button class="btn default" type="button">
                                                                                                <i class="fa fa-clock-o"></i>
                                                                                            </button>
                                                                                        </span>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div> --}}
                                                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0px !important;margin: 0px !important;">
                                                                        {{-- @if(showVendorInFactor() == 'true') 
                                                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.VendorName')</label>
                                                                                    <input type="text" name="vendor_name" class="form-control">
                                                                                </div>
                                                                            </div>
                                                                        </div> 
                                                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.Description')</label>
                                                                                    <textarea name="description" class="form-control" rows="1" v-text="invoiceDescription"></textarea>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @else 
                                                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','description')) displayNone @endif">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.Description')</label>
                                                                                    <textarea name="description" class="form-control" rows="1" v-text="invoiceDescription"></textarea>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @endif --}}
                                                                        {{-- @if(getTelegramBot()=="true")
                                                                        <div class="colp-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12" style="margin-top: 1%;">
                                                                                    <table class="table table-striped table-bordered table-advance">
                                                                                        <tr>
                                                                                            <td class="t_body" style="display: flex; justify-content: center; align-content: center; align-items: center;">
                                                                                                <div>
                                                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                                                        <i class="fa fa-telegram" style="color:rgb(14 177 177); font-size:20px; margin-top: 5px;"></i>
                                                                                                        <input type="checkbox" name="telegram" value="ok">
                                                                                                        <span></span>
                                                                                                    </label>
                                                                                                </div>
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        @endif --}}
                                                                        {{-- @if(getTelegramBot()=="true")                   
                                                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','telegram')) displayNone @endif">
                                                                                <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram')</label>
                                                                                <div class="col-md-12 mt-checkbox">
                                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                                        <input type="checkbox" name="telegram" value="ok">
                                                                                        <span></span>
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        @endif
                                                                        @if(getWhatsApp() =='true' && getWhatsAppType() == 'direct')                    
                                                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','whatsapp')) displayNone @endif">
                                                                                <label class="control-label"> <span class="fa fa-whatsapp" style="color:green;"></span> @lang('layout.Whatsapp')</label>
                                                                                <div class="col-md-12 mt-checkbox">
                                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                                        <input type="checkbox"  name="whatsapp" value="5" />
                                                                                        <span></span>
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        @endif 
                                                                        @if(checkGift() =='true')                    
                                                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','checkGift')) displayNone @endif">
                                                                                <label class="control-label"> @lang('layout.CheckGift')</label>
                                                                                <div class="col-md-12 mt-checkbox">
                                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                                        <input type="checkbox" name="check_gift" style="cursor: pointer" autocomplete="off"> 
                                                                                        <span></span>
                                                                                    </label>
                                                                                </div>
                                                                            </div>
                                                                        @endif --}}
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--BEGIN TAX / COMMISSION-->
                                                    <div class="tab-pane" id="tab2">
                                                        <div class="row">
                                                            @if(getTaxation()=="true" || getSaleTaxation() == 'true')
                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                <div class="panel panel-default">
                                                                    <div class="panel-heading">
                                                                        <h3 class="panel-title">@lang('layout.Tax')</h3>
                                                                    </div>
                                                                    <div class="panel-body">
                                                                        <div class="row">
                                                                        <!--Begin Taxation -->
                                                                            @if(getTaxation()=="true")
                                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                                <div class="form-group">
                                                                                    <div class="col-md-12">
                                                                                        <label class="control-label">@lang('layout.Tax')</label>
                                                                                        <v-select v-model="selected_taxation" label="name" :options="taxation">
                                                                                        </v-select>
                                                                                        <input type="hidden" name="taxation_id" :value="!selected_taxation?null:selected_taxation.id" />
                                                                                        <input type="hidden" name="taxation_vendor_id" :value="!selected_taxation?null:selected_taxation.member_id" />
                                                                                        <input type="hidden" name="taxation_value" :value="subTotalTax" readonly />
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                                <div class="form-group">
                                                                                    <div class="col-md-12">
                                                                                        <label class="control-label">@lang('layout.Percentage') %</label>
                                                                                        <input type="number" name="percent_tax" class="form-control" v-model="!selected_taxation?null:selected_taxation.percent">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                        <!--End Taxation -->
                                                                        </div>
                                                                        <div class="row">
                                                                            @if(getSaleTaxation() == 'true')
                                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                                <div class="form-group">
                                                                                    <div class="col-md-12">
                                                                                        <label class="control-label">@lang('layout.Tax')</label>
                                                                                        <div class="input-group"> 
                                                                                            <input v-model="sale_taxation" class="form-control" type="number" min="0" max="100" />
                                                                                            <span class="input-group-addon">%</span>
                                                                                            <input type="hidden" name="sale_taxation" :value="sale_taxation" />
                                                                                            <input type="hidden" name="sale_taxation_value" :value="saleTaxation" />
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @endif
                                                            @if(getSaleCommission()=="true")
                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                <div class="panel panel-default">
                                                                    <div class="panel-heading">
                                                                        <h3 class="panel-title">@lang('layout.Commission')</h3>
                                                                    </div>
                                                                    <div class="panel-body">
                                                                        <!--Begin commission -->
                                                                        @if(getSaleCommission()=="true")
                                                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                            <div class="form-group"> 
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.Commission')</label>
                                                                                    <v-select v-model="selected_commission" label="name" :options="commission">
                                                                                    </v-select>
                                                                                    <input type="hidden" name="commission_id" :value="!selected_commission?null:selected_commission.id" />
                                                                                    <input type="hidden" name="commission_vendor_id" :value="!selected_commission?null:selected_commission.member_id" />
                                                                                    <input type="hidden" name="commission_expense_id" :value="!selected_commission?null:selected_commission.expense_id" />
                                                                                    <input type="hidden" name="commission_value" :value="subTotalCommi" readonly />
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> 
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label"  v-if="commissionIsAmount">@lang('layout.Amount')</label>
                                                                                    <label class="control-label"  v-else="!commissionIsAmount">@lang('layout.Percentage') %</label>
                                                                                    <div class="input-group" style="color: black !important">
                                                                                        <input class="form-control" type="number" min="0" max="100" name="camission_amount"  v-model="!selected_commission?null:selected_commission.percent">
                                                                                        <span v-if="commissionIsAmount" @click="commissionIsAmount = !commissionIsAmount" style="background-color: rgb(80, 129, 141)" class="input-group-addon">@{{selected_currency.symbol}}
                                                                                            <input type="hidden" class="input-group-addon" name="commission_type" value="currency">
                                                                                        </span>
                                                                                        <span v-else @click="commissionIsAmount = !commissionIsAmount" class="input-group-addon" style="background-color: rgb(80, 129, 141);">%
                                                                                            <input type="hidden" name="commission_type" value="percent">
                                                                                        </span>
                                                                                        <input type="hidden" name="commissionTotal" :value="commission">
                                                                                        <input type="hidden" name="commission" :value="commissionFiled">
                                                                                    </div>
                                                                                </div> 
                                                                            </div>
                                                                        </div>
                                                                        @endif
                                                                        <!--End commission -->
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @endif
                                                        </div>
                                                    </div>
                                                    <!--END TAX / COMMISSION-->
                                                    <!--BEGIN TransportCompany-->
                                                    <div class="tab-pane" id="tab3">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                                <div class="panel panel-default">
                                                                    <div class="panel-heading" style="background: transparent;">
                                                                        <h3 class="panel-title text-center">@lang('menu.TransportCompany')</h3>
                                                                    </div>
                                                                    <div class="panel-body">
                                                                        <div class="row">
                                                                            <!--Begin Transport Company-->
                                                                            @if(getTransportCompany()=="true")
                                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                                <div class="form-group">
                                                                                    <div class="col-md-12">
                                                                                        <label class="control-label">@lang('menu.TransportCompany')</label>
                                                                                        <v-select v-model="selected_transportCompany" label="name" :options="transportCompany" @input="getDrivers" @click.native="getAllDrivers">
                                                                                        </v-select>
                                                                                        <input type="hidden" name="transportCompany_id" :value="!selected_transportCompany?null:selected_transportCompany.id">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                                <div class="form-group">
                                                                                    <div class="col-md-12">
                                                                                        <label class="control-label">@lang('layout.Driver')</label>
                                                                                        <v-select label="name" :options="t_drivers" v-model="selected_transportDriver">
                                                                                        </v-select>
                                                                                        <input type="hidden" name="trasnsport_driver_id" :value="!selected_transportDriver?null:selected_transportDriver.id">
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            @endif
                                                                            <!--End Transport Company-->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 t_head">      
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!--END TransportCompany-->
                                                    <div class="tab-pane" id="tab4" style="padding: 0 10px 0 10px">
                                                        <div class="row">
                                                            <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px; padding: 20px !important;">
                                                                <div class="row">
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" v-show="showDiscountRow">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Discount')</label>
                                                                                <div class="input-group">
                                                                                    <input v-model="discountFiled" class="form-control" type="number" min="0" max="100">
                                                                                    <span v-if="discountIsAmount" @click="discountIsAmount = !discountIsAmount" class="input-group-addon">@{{selected_currency.symbol}}
                                                                                        <input type="hidden" class="input-group-addon" name="discount_type" value="currency">
                                                                                    </span>
                                                                                    <span v-else @click="discountIsAmount = !discountIsAmount" class="input-group-addon">%
                                                                                        <input type="hidden" name="discount_type" value="percent">
                                                                                    </span>
                                                                                    <input type="hidden" name="discountTotal" :value="discount">
                                                                                    <input type="hidden" name="discount" :value="discountFiled">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <!--Begin Sale Discount Date -->
                                                                    @if(getSaleDiscountDate()=="true")
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('menu.DiscountDate')</label>
                                                                                    <v-select v-model="selected_discount_date" label="name" :options="discount_date">
                                                                                    </v-select>
                                                                                    <input type="hidden" name="discount_date_id" :value="!selected_discount_date?null:selected_discount_date.id" />
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    <!--End Sale Discount Date --> 
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.OverdueDate')</label>
                                                                                <date_picker name="overdue_date" v-model="overdue_date"></date_picker>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @if(showBallonQuantity() == 'true')
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.NumberOfCapsulesUsed')</label>
                                                                                <input type="text" name="capsules_used" class="form-control">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.NumberOfCapsulesReceived')</label>
                                                                                <input type="text" name="capsules_received" class="form-control">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @if(getChangeItem()=="true")
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.ExDate')</label>
                                                                                    <input type="text" name="alert_date" class="form-control date" autocomplete="off">
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                            <div class="form-group">
                                                                                <div class="col-md-12">
                                                                                    <label class="control-label">@lang('layout.ExDescription')</label>
                                                                                    <textarea name="alert_description" class="form-control" rows="1"></textarea>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    @endif
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Forgivness')</label>
                                                                                <select name="forgivness" id="" class="form-control form-select" v-model="forgivness">
                                                                                    <option selected value="">@lang('layout.Select')</option>
                                                                                    <option value="forgivness">@lang('layout.Forgivness')</option>
                                                                                    <option value="withoutForgivness">@lang('layout.WithoutForgivness')</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @if(getProfit() == 'true') 
                                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <label class="control-label"> @lang('layout.ProfitDate')</label>
                                                                            <div class="input-group">
                                                                                <input type="text" name="profit_from_date" @click="setProfitAmount()" ref="profit_from_date" class="form-control date" placeholder="{{__('layout.FromDate')}}" autocomplete="off"> 
                                                                                <span class="input-group-addon"> @lang('layout.To') </span>
                                                                                <input type="text" name="profit_to_date" @click="setProfitAmount()" ref="profit_to_date" class="form-control date" placeholder="{{__('layout.ToDate')}}" autocomplete="off"> 
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label">@lang('layout.Profit')</label>
                                                                                <v-select v-model="selected_profit" label="name" @input="setProfitAmount()" :options="profit">
                                                                                </v-select>
                                                                                <input type="hidden" name="profit_id" :value="!selected_profit?null:selected_profit.id" /> 
                                                                            </div>
                                                                        </div>
                                                                    </div> 
                                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <div class="col-md-12">
                                                                                <label class="control-label"> @lang('layout.ProfitAmount')</label>
                                                                                <div class="input-group">
                                                                                    <input type="number" readonly :value="!selected_profit?null:selected_profit.amount" placeholder="{{__('layout.Amount')}}" class="form-control" > 
                                                                                    <span class="input-group-addon"> @{{!selected_profit?null:selected_profit.percent}}% </span>
                                                                                    <input type="number" readonly :value="profit_amount" name="profit_amount" placeholder="{{__('layout.Profit')}}" class="form-control" > 
                                                                                    <span class="input-group-addon"> @{{!selected_profit?null:selected_profit.currency}} </span>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                    @if(ElectricityDate() == 'true') 
                                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                                        <div class="form-group">
                                                                            <label class="control-label"> @lang('layout.ElectricityDate')</label>
                                                                            <div class="input-group">
                                                                                <input type="text" name="from_date" @click="setProfitAmount()" ref="from_date" class="form-control date" placeholder="{{__('layout.FromDate')}}" autocomplete="off"> 
                                                                                <span class="input-group-addon"> @lang('layout.To') </span>
                                                                                <input type="text" name="to_date" @click="setProfitAmount()" ref="to_date" class="form-control date" placeholder="{{__('layout.ToDate')}}" autocomplete="off"> 
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    @endif
                                                                </div>
                                                                <div class="row" style="margin-top: 5px;">
                                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                        <table class="table table-striped table-bordered table-advance ">
                                                                            <tr>
                                                                                <td class="t_body">
                                                                                    <div style="display: flex; justify-content: center;">
                                                                                        <label class="mt-checkbox mt-checkbox-outline">@lang('layout.Gift')
                                                                                            <input type="checkbox" v-model="gift_sales"  name="gift" value="ok">
                                                                                            <span></span>
                                                                                        </label>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </div>
                                                                    @if(getFactorPending()=="true")
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.Factor') @lang('layout.Pending')
                                                                                                <input type="checkbox" name="pending" value="on">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getNegativeSale() == 'true')
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.NegativeSale')
                                                                                                <input type="checkbox" name="negative_sale" value="ok">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getActiveSale()=="true")
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.NotAprover')
                                                                                                <input type="checkbox" name="sale_status" value="on">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getSaleToBase() == 'true')
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.SaleBaseCurrency')
                                                                                                <input type="checkbox" name="sale_base_currency" value="ok">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(oilSale() == 'true')
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.Oil')
                                                                                                <input type="checkbox" @click="ChangeOil" name="oil_sale" @if(systemConfig()[27] == 1 && oilSale() == 'true' && getActiveStatusOilSale() != 'false') checked @endif value="ok">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getSaleSubMeasure()=="true")
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.SubPrice')
                                                                                                <input type="checkbox" @click="subPrice" name="sub_price" checked value="ok">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getSaleByOtherMeasure() == "true")
                                                                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.PerQty')
                                                                                                <input type="checkbox" name="per_qty_check" v-model="per_qty_check">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getSaleByOtherMeasureRate() == "true")
                                                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.SaleByOtherMeasureRate')
                                                                                                <input type="checkbox" name="per_qty_check" v-model="per_qty_check">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(ShowSaveTempItemToCustomer() == "true")
                                                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('layout.SaveTempItemToCustomer')
                                                                                                <input type="checkbox" name="save_temp_item" value="yes">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif
                                                                    @if(getSaleByOtherMeasureTwo() == "true") 
                                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                        <table class="table table-striped table-bordered table-advance ">
                                                                            <tr>
                                                                                <td class="t_body">
                                                                                    <div style="display: flex; justify-content: center;">
                                                                                        <label class="mt-checkbox mt-checkbox-outline">@lang('layout.CalculateToOtherMeasureTwo')
                                                                                            <input type="checkbox" @input="change_other_measure_type_two" v-model="check_other_measure_type_two" name="type_other_measure_two" value="true" style="cursor: pointer" autocomplete="off">
                                                                                            <span></span>
                                                                                        </label>
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </div>
                                                                    @endif
                                                                    {{-- @if(salePriceCalculate() == "static_item_price")
                                                                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="margin-bottom: 10px !important;">
                                                                            <table class="table table-striped table-bordered table-advance ">
                                                                                <tr>
                                                                                    <td class="t_body">
                                                                                        <div style="display: flex; justify-content: center;">
                                                                                            <label class="mt-checkbox mt-checkbox-outline">@lang('menu.StaticItemPrice')
                                                                                                <input type="checkbox" name="static_item_price"  v-model="static_item_price">
                                                                                                <span></span>
                                                                                            </label>
                                                                                        </div>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    @endif --}}
                                                                    {{-- AAA --}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="tab-pane" id="tab5" style="padding: 0 10px 0 10px">
                                                        @if(ShowLastSale()=="true")
                                                        <div class="row">
                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                <div class="well" v-show="last_item_sale != null && last_item_sale != ''" style="overflow-x: scroll; height:130px; padding: 5px 1px 1px 1px; margin-bottom: 5px;background: transparent !important;">
                                                                    <table class="dashboard-tabel table-bordered" width="100%">
                                                                        <tr>
                                                                            <td style="text-align: center">@lang('layout.Customer')</td>
                                                                            <td style="text-align: center">@lang('layout.Unit')</td>
                                                                            <td style="text-align: center">@lang('layout.SalePrice')</td>
                                                                        </tr>
                                                                        <tr v-for="(last_it,index) in last_item_sale">
                                                                            <td style="text-align: center">@{{last_it.member}}</td>
                                                                            <td style="text-align: center">@{{last_it.Measure}}</td>
                                                                            <td style="text-align: center">@{{myRound(last_it.price)}} @{{last_it.currency}}</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                                <div class="well" v-if="last_item_purchase != null && last_item_purchase != ''" style="overflow-x: scroll; height:110px; padding: 5px 1px 1px 1px; margin-bottom: 5px;background: transparent !important;">
                                                                    <table class="dashboard-tabel table-bordered" width="100%">
                                                                        <tr>
                                                                            <td style="text-align: center">@lang('layout.Vendor')</td>
                                                                            <td style="text-align: center">@lang('layout.Unit')</td>
                                                                            <td style="text-align: center">@lang('layout.Cost')</td>
                                                                        </tr>
                                                                        <tr v-for="(last_it,index) in last_item_purchase">
                                                                            <td style="text-align: center">@{{last_it.member}}</td>
                                                                            <td style="text-align: center">@{{last_it.Measure}}</td>
                                                                            <td style="text-align: center">@{{myRound(last_it.cost)}} @{{last_it.currency}}</td>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            {{-- </div> --}}
                                            @if(TabIndexInItemName() =="true")
                                            <!--Begin barcode search Item-->
                                            <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"  style="background-color: #eceef1;padding-top:10px; margin:0 2px 5px 2px">
                                                <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12" style="padding: 0px !important;">
                                                    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                        <label class="control-label">@lang('layout.SerialNum')</label>
                                                        <div class="input-group">
                                                            <input type="text" v-model="selected_inventory1"  ref="barcode_search1" class="form-control" @input="(!check_with_key)?callOnItemloadGeneral():''" >
                                                            {{-- <input type="number" v-model="exchange_amount" @input="set_rate(), getTranslateToWordExchange()" class="form-control" min="0" step="any"> --}}
                                                            <span class="input-group-addon">
                                                                <input type="checkbox" v-model="check_with_key" title="{{ __('layout.SearchItemsWithSpecificKey') }}">
                                                                <span></span>
                                                            </span>
                                                        </div>
                                                        <span v-if="item_not_found" class="required">@lang('layout.ItemNotFound')</span>
                                                    </div> 
                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" v-show="showWhat('sale_category')=='yes'">
                                                        <div class="form-group">
                                                            <label class="control-label">@lang('layout.Category')</label>
                                                            <v-select label="name" v-model="selected_iventory_category" :options="inventory_category"></v-select>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" >
                                                        <div class="form-group">
                                                            <label class="control-label">@lang('layout.Site')</label>
                                                            <v-select label="name" v-model="selected_iventory_site" :options="inventory_sites"></v-select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"  >
                                                    <div class="form-group">
                                                        <label class="control-label">@lang('layout.Quantity')</label>
                                                        <input type="number" v-model.number="selected_quantity" class="form-control input-style input-number" placeholder="@lang('layout.Quantity')">
                                                    </div>
                                                </div>
                                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"  >
                                                    <div class="form-group">
                                                        <label class="control-label col-md-12" style="color: white;">.</label>
                                                        <button type="button" v-if="((!isError) && (number_Error == false) && (isError1 == false))" @click="handleSubmit($event)" :disabled="disabled" class="btn green">@lang('layout.Submit')</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--END barcode search Item-->
                                            @endif
                                            @if(getCustomeForm('invoice','itemSearch'))
                                            @if(systemConfig()[23] == 1)
                                            <!--Begin search Item-->
                                            <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px; padding: 10px 15px !important;">
                                                <div class="row" style="padding: 0px 10px;">
                                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                        <div class="form-group">
                                                            <!-- <div class="col-md-12"> -->
                                                                <!-- <label class="control-label">@lang('layout.ItemName')</label> -->
                                                                <v-select label="name" ref="barcode_search" @input="loadItemGeneral(), editKey = false"  v-model="selected_inventory" :options="temp_items" @search="onItemSearch" placeholder="@lang('layout.ItemName')" ></v-select>
                                                            <!-- </div> -->
                                                        </div>
                                                        <p v-if="selected_item" style="background-color: rgb(216 222 239)">
                                                            @lang('layout.OnHand'): @{{(selected_item)?(Number.parseFloat(selected_item.on_hand * selected_item.measure_unit / selected_item.measure.measure_unit).toFixed(2)):''}} @{{(selected_item)?selected_item.measure.measure_name:''}}
                                                        </p>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"  >
                                                        <div class="form-group">
                                                            <!-- <label class="control-label">@lang('layout.Site')</label> -->
                                                            <v-select label="name" v-model="selected_iventory_site" :options="inventory_sites1" placeholder="@lang('layout.Site')"></v-select>
                                                        </div>
                                                        <p v-if="selected_item && selected_iventory_site" >
                                                            @{{(selected_item && selected_iventory_site)?(Number.parseFloat(selected_iventory_site.OnHand * selected_item.measure_unit / selected_item.measure.measure_unit).toFixed(2)):''}}
                                                        </p>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"  >
                                                        <div class="form-group">
                                                            <!-- <div class="col-md-12"> -->
                                                                <!-- <label class="control-label">@lang('layout.Quantity')</label> -->
                                                                <input type="number" v-model.number="selected_quantity" ref="selected_quantity" class="form-control input-style input-number" placeholder="@lang('layout.Quantity')">
                                                                <span class="required" v-if="selected_quantity_error" >@lang('layout.Quantity')</span>
                                                            <!-- </div> -->
                                                        </div>
                                                        <p v-if="AdvancePrice" >
                                                            @lang('layout.ByAdvancePricing') : @{{ AdvancePrice }}
                                                        </p>
                                                    </div>
                                                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"  >
                                                        <div class="form-group">
                                                            <!-- <div class="col-md-12"> -->
                                                                <!-- <label class="control-label">@lang('layout.Quantity')</label> -->
                                                                <select v-model="(selected_item == null)?null:selected_item.measure" @input="changeMesurss()" class="form-control" >
                                                                    <option value="null">@lang('layout.Select')</option>
                                                                    <span v-if="(selected_item ==null)?false:true">
                                                                        <option v-for="measure in (selected_item==null)?null:selected_item.measure_list" :value="measure">
                                                                            @{{measure.measure_name}} 
                                                                        </option>
                                                                    </span>
                                                                </select>
                                                            <!-- </div> -->
                                                        </div>
                                                        @if(systemConfig()[30] == 1)
                                                        <p v-if="AdvancePrice_cost && AdvancePrice" >
                                                        @lang('layout.Price') : @{{(selected_item==null)?null:Number.parseFloat((AdvancePrice_cost * selected_item.measure.measure_unit / selected_item.measure_unit) * selected_currency.static_rate / selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                        </p>
                                                        @else 
                                                        <p v-if="AdvancePrice_cost && AdvancePrice" >
                                                        @lang('layout.Price') : @{{(selected_item==null)?null:Number.parseFloat((AdvancePrice_cost * selected_item.measure.measure_unit / selected_item.measure_unit) * selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                        </p>
                                                        @endif
                                                    </div>
                                                    <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" v-show="seePrice==true" >
                                                        <div class="form-group">
                                                            <!-- <div class="col-md-12"> -->
                                                                <!-- <label class="control-label">@lang('layout.Price')</label> -->
                                                                <input type="number" v-model.number="selected_price" class="form-control input-style input-number" placeholder="@lang('layout.Price')">
                                                            <!-- </div> -->
                                                        </div>
                                                        @if(systemConfig()[30] == 1)
                                                        <p v-if="selected_item && seeCost==true" style="background-color: rgb(216 222 239)">
                                                        @lang('layout.CostInInventory'): @{{(selected_item==null)?null:Number.parseFloat((selected_item.LasCost * selected_item.measure.measure_unit / selected_item.measure_unit) * selected_currency.static_rate / selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                        </p>
                                                        @else 
                                                        <p v-if="selected_item && seeCost==true" style="background-color: rgb(216 222 239)">
                                                        @lang('layout.CostInInventory'): @{{(selected_item==null)?null:Number.parseFloat((selected_item.LasCost * selected_item.measure.measure_unit / selected_item.measure_unit) * selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                        </p>
                                                        @endif
                                                    </div>
                                                    <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="padding: 0px !important;" >
                                                        @lang('layout.Total'): @{{(selected_item==null)?null:Number.parseFloat(selected_quantity * selected_price).toFixed(precision())}} @{{selected_currency.symbol}}
                                                    </div>
                                                    <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="padding: 0px !important; display: flex; justify-content: center; gap: 5px;"  >
                                                        <button type="button" @click="addData()" class="btn btn-success"><i class="fa fa-plus"></i></button>
                                                        <button type="button" @click="resetData()" class="btn btn-danger"><i class="fa fa-times"></i></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--END search Item-->
                                            @endif
                                            @endif
                                        </div>
                                        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
                                            <div style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;margin-bottom: 1em;background: transparent !important;">
                                                <div style="padding: 10px 20px;">
                                                    <!-- begin total -->
                                                    <div class="well" v-show="seePrice== true" style="padding:0px; margin-bottom: 5px;background: transparent !important;">
                                                        <table class="dashboard-tabel">
                                                            <tr>
                                                                <td colspan="2">
                                                                    <small style="font-weight: bolder;font-size:20px;">@lang('layout.Total') :</small>
                                                                </td>
                                                                <td class="text-right" colspan="2">
                                                                    <span data-counter="counterup" data-value="7800" style="font-weight: bolder;font-size:20px">
                                                                        @{{ format_number(Number.parseFloat(((subtotal - (discount*(newSubTotal - newSubDiscountFiledRow)/100) - discountFiledRow) - saleTaxation)-payeds - total_return - sendMoneyAmount))}}
                                                                    </span>
                                                                    <small class="font-green-sharp" style="font-weight: bolder;font-size:20px">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <small>@lang('layout.Discount'): (@{{ format_number(Number.parseFloat(discount)) }}%) </small>
                                                                </td>
                                                                <td class="text-right">
                                                                    <span class="text-right" data-counter="counterup" data-value="7800">
                                                                        @{{ format_number(Number.parseFloat(discount*(newSubTotal - newSubDiscountFiledRow)/100)+Number.parseFloat(discountFiledRow)) }} 
                                                                    </span>
                                                                    <small class="font-green-sharp">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>
                                                                <td>
                                                                    <small>@lang('layout.Payment'):</small>
                                                                </td>
                                                                <td class="text-right">
                                                                    <span class="text-right" data-counter="counterup" data-value="7800">@{{ format_number(Number(payeds))}}</span>
                                                                    <small class="font-green-sharp">@{{selected_currency.symbol}}</small>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                @if(getSaleTaxation() == 'true')
                                                                <td>
                                                                    <small>
                                                                        @lang('menu.Taxation'): (@{{format_number(Number.parseFloat(sale_taxation))}}%)
                                                                    </small>
                                                                </td>
                                                                <td class="text-right">
                                                                    <span class="text-right" data-counter="counterup" data-value="7800">
                                                                        @{{ format_number(Number.parseFloat(saleTaxation)) }}
                                                                    </span>
                                                                    <small class="font-green-sharp">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>
                                                                @endif
                                                                <td>
                                                                    <small>@lang('layout.Leakage'):</small>
                                                                </td>
                                                                <td class="text-right">
                                                                    <span class="text-right" data-counter="counterup" data-value="7800">@{{ format_number(Number(total_return))}}</span>
                                                                    <small class="font-green-sharp"> @{{selected_currency.symbol}}</small>
                                                                </td>
                                                            </tr>
                                                            @if(SendMoneyInSale() == 'true')
                                                            <tr>
                                                                <td colspan="2">
                                                                    <small>@lang('layout.SendMoney'):</small>
                                                                </td>
                                                                <td class="text-right" colspan="2">
                                                                    <span class="text-right" data-counter="counterup" data-value="7800">
                                                                        @{{ format_number(Number(sendMoneyAmount))}}
                                                                    </span>
                                                                    <small class="font-green-sharp">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>
                                                            </tr>
                                                            @endif
                                                            <tr>
                                                                <td colspan="2">
                                                                    <small>@lang('layout.GrandTotal'):</small>
                                                                </td>
                                                                <td class="text-right" colspan="2">
                                                                    <span class="text-right" data-counter="counterup" data-value="7800">
                                                                        @{{ format_number(Number(subtotal))}}
                                                                    </span>
                                                                    <small class="font-green-sharp">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <!-- end total -->
                                                    @if(getTaxation() =="true")
                                                        <!-- begin total tax -->
                                                        <div class="well " v-show="seePrice== true" style="padding: 5px 1px 1px 1px; margin-bottom: 5px;background: transparent !important;">
                                                            <table class="dashboard-tabel">
                                                                <tr>
                                                                    <td>
                                                                        <small>@lang('layout.Total') @lang('layout.Tax') :</small>
                                                                    </td>
                                                                    <td class="text-right">
                                                                        <span data-counter="counterup" data-value="7800">
                                                                            @{{ myRound(totalTax)}}
                                                                        </span>
                                                                        <small class="font-green-sharp">
                                                                            @{{selected_currency.symbol}}
                                                                        </small>
                                                                    </td>
                                                                    <td>
                                                                        <small>@lang('layout.Sub-Total'):</small>
                                                                    </td>
                                                                    <td class="text-right">
                                                                        <span class="text-right" data-counter="counterup" data-value="7800">
                                                                            @{{ format_number(Number(checkedSubtotal))}}
                                                                        </span>
                                                                        <small class="font-green-sharp">
                                                                            @{{selected_currency.symbol}}
                                                                        </small>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <!-- end total -->
                                                    @endif
                                                    @if(getSaleCommission() =="true")
                                                        <!-- begin total commission -->
                                                        <div class="well " v-show="seePrice== true" style="padding: 5px 1px 1px 1px; margin-bottom: 5px;background: transparent !important;">
                                                            <table class="dashboard-tabel">
                                                                <tr>
                                                                    <td>
                                                                        <small>@lang('layout.Total') @lang('layout.Commission')   :</small>
                                                                    </td>
                                                                    <td class="text-right">
                                                                        <span data-counter="counterup" data-value="7800">
                                                                            @{{ myRound(Number.parseFloat(totalCommi) + Number.parseFloat(sum_commission))}}
                                                                        </span>
                                                                        <small class="font-green-sharp">
                                                                            @{{selected_currency.symbol}}
                                                                        </small>
                                                                    </td>
                                                                    <td>
                                                                        <small>@lang('layout.Sub-Total'):</small>
                                                                    </td>
                                                                    <td class="text-right">
                                                                        <span class="text-right" data-counter="counterup" data-value="7800">
                                                                            @{{ format_number(Number(checkedSubtotal))}}
                                                                        </span>
                                                                        <small class="font-green-sharp">
                                                                            @{{selected_currency.symbol}}
                                                                        </small>
                                                                    </td>
                                                                </tr> 
                                                            </table>
                                                        </div>
                                                        <!-- end total -->
                                                    @endif
                                                    @if(getSubTotal() == 'true')
                                                        <div class="well" style="padding: 5px 1px 1px 1px; margin-bottom: 5px;background: transparent !important;">
                                                            <table class="dashboard-tabel table-bordered" width="100%">
                                                                <tr>
                                                                    <td>
                                                                        <center>@lang('layout.Sub-Total')</center>
                                                                    </td>
                                                                    <td class="highlight">
                                                                        <center>
                                                                            <span class="text-right" data-counter="counterup" data-value="7800">
                                                                                @{{ format_number(Number(sub_Subtotal))}}
                                                                            </span>
                                                                            <small class="font-green-sharp">
                                                                                @{{selected_currency.symbol}}
                                                                            </small>
                                                                        </center>
                                                                    </td>
                                                                    <td>
                                                                        <center>@lang('layout.Discount'): (@{{
                                                                            format_number(Number.parseFloat(discount))
                                                                            }}%)
                                                                        </center>
                                                                    </td>
                                                                    <td class="hidden-xs">
                                                                        <center>
                                                                            <span class="text-right" data-counter="counterup" data-value="7800">
                                                                                @{{ format_number(Number.parseFloat(sub_discount*(sub_Subtotal - subDiscountFiledRow)/100)+Number.parseFloat(subDiscountFiledRow)) }}
                                                                            </span>
                                                                            <small class="font-green-sharp">
                                                                                @{{selected_currency.symbol}}
                                                                            </small>
                                                                        </center>
                                                                    </td>
                                                                    <td>
                                                                        <center>@lang('layout.Total')</center>
                                                                    </td>
                                                                    <td>
                                                                        <center>
                                                                            <span data-counter="counterup" data-value="7800">
                                                                                @{{ format_number(Number.parseFloat((sub_Subtotal - (sub_discount*(sub_Subtotal - subDiscountFiledRow)/100) - subDiscountFiledRow) - saleTaxation))}}
                                                                            </span>
                                                                            <small class="font-green-sharp">
                                                                                @{{selected_currency.symbol}}
                                                                            </small>
                                                                        </center>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    @endif
                                                    @if(getSaleSubMeasure()=="true")
                                                        <div class="well" style="padding: 5px 1px 1px 1px; margin-bottom: 5px;background: transparent !important;background: transparent !important;">
                                                            <table class="dashboard-tabel table-bordered">
                                                                <tbody>
                                                                    <span>
                                                                        <tr>
                                                                            <td class="highlight">
                                                                                @lang('layout.Total')
                                                                            </td>
                                                                            <td>
                                                                                @{{format_number(this.total_qty_amount)}}
                                                                            </td>
                                                                        </tr>
                                                                    </span>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    @endif
                                                    <div class="well" v-if="selected_customer" style="padding: 5px 1px 1px 1px;background: transparent !important;">
                                                        <table class="dashboard-tabel">
                                                            <tr>
                                                                <td style="text-align: center">@lang('layout.Currency') </td>
                                                                <td style="text-align: center">@lang('layout.Payable')</td>
                                                                <td style="text-align: center">@lang('layout.Receivable')</td>
                                                                <td style="text-align: center">@lang('layout.AverageRate')</td>
                                                            </tr>
                                                            <tr v-for="summ in summary">
                                                                <td style="text-align: center">
                                                                    @{{ summ.currency }}
                                                                </td>
                                                                <td style="text-align: center"> 
                                                                    @{{ member_format_number(Number(summ.payment)) }}
                                                                </td>
                                                                <td style="text-align: center">
                                                                    @{{member_format_number(Number(summ.invoice)) }}
                                                                </td>
                                                                <td style="text-align: center;">
                                                                    @{{member_format_number(Number(summ.rate))}}
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--END INVOICE TABS-->
                                    <div class="form-body">
                                        <div class="row" style="overflow-x: scroll;">
                                            @if(systemConfig()[23] == 1)
                                            <table id="table_content" class="table table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        @if(getTaxation() =="true")
                                                        <th>@lang('layout.Tax')</th>
                                                        @endif
                                                        @if(getSaleCommission()=="true")
                                                        <th>@lang('layout.Commission')</th>
                                                        @endif 
                                                        @if(getSaleByOtherMeasure() == "true")
                                                        <th>@lang('layout.PerQty')</th>
                                                        @endif 
                                                        <th v-show="showWhat('sale_category')=='yes'" style="min-width: 130px">@lang('layout.Category') </th>
                                                        <th v-show="showWhat('inventory_brand')=='yes'" style="min-width: 130px">@lang('layout.Brand') </th>
                                                        <th v-show="showWhat('item_by_site_in_sale')=='yes'" style="min-width: 130px">@lang('layout.Site') </th>
                                                        <th style="min-width: {{itemFieldWidth()}}px">@lang('layout.ItemName') </th>
                                                        @if(searchByCodeLocation()=="true")
                                                        <th style="min-width: 110px;">@lang('layout.Location')</th>
                                                        @endif
                                                        @if(getSerailNumber() =="true")
                                                        <th style="min-width: 100px">@lang('layout.SerialNum')1 </th>
                                                        @endif
                                                        @if(getSerialNumberTimes() >= 1 && getSerialNumberTimes() <= 9) 
                                                        <th style="min-width: 100px">@lang('layout.SerialNumber2') </th>
                                                        @endif
                                                        @if(getSerialNumberTimes() >= 2 && getSerialNumberTimes() <= 9)
                                                        <th style="min-width: 100px">@lang('layout.SerialNumber3') </th>
                                                        @endif
                                                        @if(getSerialNumberTimes() >= 3 && getSerialNumberTimes() <= 9)
                                                        <th style="min-width: 100px">@lang('layout.SerialNum') </th>
                                                        @endif
                                                        <th v-show="showWhat('item_by_site_in_sale')!='yes'" style="min-width: 100px">@lang('layout.SiteName') </th>
                                                        <th v-show="showWhat('sale_description')=='yes'">@lang('layout.Description1') </th>
                                                        <th v-show="showWhat('sale_description2')=='yes'">@lang('layout.Description') :2 </th>
                                                        <th style="min-width: 100px">@lang('layout.Quantity') </th>
                                                        <th style="min-width: 100px">@lang('layout.OnHand') </th>
                                                        @if(getCounterForEachRow() == "true")   
                                                        <th style="min-width: 100px">@lang('menu.GasStation') </th>
                                                        <th style="min-width: 100px">@lang('layout.OldCounter') </th>
                                                        <th style="min-width: 100px">@lang('layout.NewCounter') </th> 
                                                        @endif
                                                        <th v-show="showWhat('other_measure')=='yes'" style="min-width: 140px">@lang('layout.OMeasureValue1')
                                                        </th>
                                                        @if(getShowCBM()=="true")
                                                        <th v-show="showWhat('other_measure')=='yes'" style="min-width: 100px">@lang('layout.PerQty') </th>
                                                        @endif
                                                        <th v-show="showWhat('other_measure2')=='yes'" style="min-width: 140px">@lang('layout.OMeasureValue2')
                                                        </th>
                                                        @if(getShowCBM()=="true")
                                                        <th style="min-width: 100px">@lang('layout.CBM') </th>
                                                        @endif
                                                        @if(searchByCodeLocation()=="true")
                                                        @if(getExpireDate()=="true")
                                                        <th style="min-width: 100px;">@lang('layout.ExpireDate')</th>
                                                        @endif
                                                        @endif
                                                        <th style="min-width: 100px">@lang('layout.Measure')</th>
                                                        @if(itemPicture()=="true")
                                                        <th style="min-width: 100px">@lang('layout.Photo')</th>
                                                        @endif
                                                        <th v-show="seeCost==true" style="min-width: 100px">@lang('layout.CostInInventory') ({{getHomeCurrency()['code']}})</th>
                                                        <th v-show="seeCost==true" style="min-width: 100px">@lang('layout.CostInInventory')</th>
                                                        <th v-if="oil_sale == true && seeCost==true" style="min-width: 100px">@lang('layout.OilCostInInventory')</th>
                                                        <th v-if="oil_sale == true" style="min-width: 100px">@lang('layout.Density') </th>
                                                        <th v-if="oil_sale == true" style="min-width: 100px">@lang('layout.OilQuantity') </th>
                                                        <th v-if="oil_sale == true" style="min-width: 100px">@lang('layout.Measure') </th>
                                                        @if(getShwoPriceLevel()=="per_item")
                                                        <th style="min-width: 100px">@lang('layout.PriceLevel') </th>
                                                        @endif
                                                        @if(getShwoPriceLevel()=="general_percent_per_item")
                                                        <th style="min-width: 100px">@lang('layout.PriceLevel') </th>
                                                        @endif
                                                        @if(getSaleCodePricePercentage() == 'true')
                                                        <th class="text-center" style="min-width: 100px;">@lang('layout.Percentage')%</th>
                                                        @endif
                                                        <th v-show="seePrice==true" style="min-width: 100px">@lang('layout.NewPrice') </th> 
                                                        @if(QuantityBySecondMeasure()=="true")
                                                        <th style="min-width: 100px">@lang('layout.ChangeMeasureTwo') </th>
                                                        @endif 
                                                        @if(getM2()!="")
                                                        @if(getFactorMeasure2()=="true") 
                                                            @if(getMeasureTwoAndThree()=="true")
                                                                <th style="min-width: 100px">@lang('layout.ChangeMeasureTwo') </th>
                                                            @endif 
                                                            <th style="min-width: 100px">@lang('layout.Measure2') </th> 
                                                        @endif
                                                        @endif
                                                        @if(QuantityBySecondMeasure()=="true")
                                                        <th style="min-width: 100px">@lang('layout.OnHand') </th>
                                                        @endif 
                                                        @if(getM3()!="" && getSaleSubMeasure()!="true")
                                                        @if(getFactorMeasure3()=="true")
                                                        @if(getMeasureTwoAndThree()=="true")
                                                        <th style="min-width: 100px">@lang('layout.ChangeMeasureThree') </th>
                                                        @endif
                                                        <th style="min-width: 100px">@lang('layout.Measure3') </th>
                                                        @endif
                                                        @endif
                                                        @if(getSaleSubMeasure()=="true")
                                                        <th style="min-width: 100px">@lang('layout.EquivalentTo') </th>
                                                        <th v-show="seePrice==true && sub_price==true" style="min-width: 100px">@lang('layout.SubPrice') </th>
                                                        @endif
                                                        @if(getM4()!="")
                                                        @if(getFactorMeasure4()=="true")
                                                        <th v-if="oil_sale == false" style="min-width: 100px">@lang('layout.Measure4') </th>
                                                        @endif
                                                        @endif
                                                        @if(getSaleCommission()=="true")
                                                        <th style="min-width: 100px" v-if="commissionIsAmount">@lang('layout.Commission') @lang('layout.Amount')</th>
                                                        <th style="min-width: 100px" v-else="!commissionIsAmount">@lang('layout.Commission') @lang('layout.Percentage')%</th>
                                                        @endif  
                                                        @if(getTaxation()=="true")
                                                        <th style="min-width: 100px">@lang('layout.Tax') </th>
                                                        <th style="min-width: 100px">@lang('layout.Percentage')%</th>
                                                        @endif
                                                        <th v-show="showWhat('sale_discount')=='yes'" style="min-width: 100px">@lang('layout.Discount') </th>
                                                        <th v-show="showWhat('second_row_sale_discount')=='yes'" style="min-width: 100px">@lang('layout.Discount') 2 </th>
                                                        <th v-show="seePrice==true" style="min-width: 150px">@lang('layout.Total')</th>
                                                        @if(getSubTotal() =="true")
                                                        <th v-show="seePrice==true">@lang('layout.Subtotal')</th>
                                                        @endif
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(item,index) in inventories">
                                                        <td>@{{index+1}}</td> 
                                                        @if(getTaxation() =="true")
                                                        <td>
                                                            <div class="mt-checkbox" style="padding-left: 0px;">
                                                                <label class="mt-checkbox mt-checkbox-outline">
                                                                    <input type="checkbox" :name="'row_tax_stat['+index+']'" v-model="item.tax" checked />
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                        @endif  
                                                        @if(getSaleCommission() =="true") 
                                                        <td> 
                                                            <div class="mt-checkbox" style="padding-left: 0px;"> 
                                                                <label class="mt-checkbox mt-checkbox-outline"> 
                                                                    <input type="checkbox" :name="'row_commission_stat['+index+']'" v-model="item.commission" checked /> 
                                                                    <span></span> 
                                                                </label> 
                                                            </div> 
                                                        </td>
                                                        @endif  
                                                        @if(getSaleByOtherMeasure() == "true")   
                                                        <td> 
                                                            <div class="mt-checkbox" style="padding-left: 0px;"> 
                                                                <label class="mt-checkbox mt-checkbox-outline"> 
                                                                    <input type="checkbox" :name="'row_per_qty['+index+']'" v-model="item.perqty" checked /> 
                                                                    <span></span> 
                                                                </label> 
                                                            </div> 
                                                        </td>
                                                        @endif  
                                                        <td v-show="showWhat('sale_category')=='yes'">
                                                            <v-select label="name" v-model="item.item_category" :options="inventory_category" @Click.native="itemCategoryChange(index)" @input="itemCategoryChange(index)"></v-select>
                                                            <input type="hidden" name="inventory_category_id[]" :value="(!item.item_category)?null:item.item_category.id">
                                                        </td>
                                                        <td v-show="showWhat('inventory_brand')=='yes'">
                                                            <v-select label="name" v-model="item.item_brand" :options="brandItem" @Click.native="itemBrandChange(index)" @input="itemBrandChange(index)"></v-select>
                                                            <input type="hidden" name="inventory_brand_id[]" :value="(!item.item_brand)?null:item.item_brand.id">
                                                        </td>
                                                        <td v-if="showWhat('item_by_site_in_sale')=='yes'">
                                                            <v-select label="name" v-model="item.inventory_site" :options="inventory_sites" @Click.native="inventorySiteChange(index)" @input="inventorySiteChange(index),selectSaleNumber(index)"></v-select>
                                                            <input type="hidden" name="inventory_site_id[]" :value="(!item.inventory_site)?null:item.inventory_site.id">
                                                        </td>
                                                        <td class="highlight"> 
                                                            <!-- @click.native="addNew('inventory',index)" -->
                                                            <div class="input-group">
                                                                <v-select label="name" @input="(editKey)?onItemload(index):''" @keyup.native="addNew('inventory',index), editKey = true" @Click.native="addNew('inventory',index), editKey = true" v-model="item.inventory" :options="temp_items" @search="onItemSearch" @if(TabIndexInItemName() =="true") tabindex="1" @endif ></v-select>
                                                                <input type="hidden" :name="'inventory_id['+index+']'" v-validate="''" data-vv-as="@lang('layout.ItemName')" :value="(!item.item)?null:item.item.id">
                                                                <span class="required">@{{ errors.first('inventory_id['+index+']') }}</span>
                                                                <span class="btn btn-success input-group-addon" @click="showInfo(index)"> <i class="fa fa-info"></i></span>
                                                                {{-- <input type="hidden" :value="(!item.item)?null:item.item.sale_order_detail_id" name="sale_order_detail_id[]"> --}}
                                                                <input type="hidden" :value="(selected_sale_order)?((!item.item || selected_customer.id !=selected_sale_order.member_id)?null:item.item.sale_order_detail_id):null" name="sale_order_detail_id[]">
                                                                <input type="hidden" :value="(!item.item)?null:item.item.order_detail_id" name="online_order_detail_id[]">
                                                            </div>
                                                        </td>
                                                        @if(searchByCodeLocation()=="true")
                                                        <td class="highlight">
                                                            <v-select label="name" @Click.native="setIndex(index)" @input="(editKey)?locationItemload(index):''" @keyup.native="editKey = true" @Click.native="editKey = true" v-model="item.location" :options="(item.item==null)?[]:item.item.locationList" @search="locationSearch" ></v-select>
                                                            <input type="hidden" :name="'location['+index+']'" data-vv-as="@lang('layout.Location')" :value="(!item.location)?null:item.location.name" @if(selectAutomaticLocation() == "true") v-validate="(item.item==null)?'':'required'" @endif >
                                                            <span class="required">@{{ errors.first('location['+index+']') }}</span>
                                                        </td>
                                                        @endif
                                                        @if(getSerailNumber() =="true")
                                                        <td>
                                                            @{{(!item.item)?null:item.item.number}}
                                                        </td>
                                                        @endif
                                                        @if(getSerialNumberTimes() >= 1 && getSerialNumberTimes() <= 9)
                                                        <td>
                                                            @{{(!item.item)?null:item.item.number1}}
                                                        </td>
                                                        @endif
                                                        @if(getSerialNumberTimes() >= 2 && getSerialNumberTimes() <= 9)
                                                        <td>
                                                            @{{(!item.item)?null:item.item.number2}}
                                                        </td>
                                                        @endif 
                                                        @if(getSerialNumberTimes() >= 3 && getSerialNumberTimes() <= 9)
                                                        <td>
                                                            @{{(!item.item)?null:item.item.number3}}
                                                        </td>
                                                        @endif
                                                        <td class="highlight" v-show="showWhat('item_by_site_in_sale')!='yes'">
                                                            <select v-model="(item.item==null)?null:item.item.site" @click="selectSaleNumber(index)"  @input="changeCostBylLocation(index)" class="form-control">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item != null)">
                                                                    <option v-for="site in (item.item==null)?null:item.item.site_list" :value="site">
                                                                        @{{site.site_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                            <input type="hidden" name="inventory_site[]" :value="(item.item==null)?null:((item.item.site==null)?null:item.item.site.site_id)">
                                                        </td>
                                                        <td v-show="showWhat('sale_description')=='yes'">
                                                            <input type="text" placeholder="@lang('layout.Description1')" name="inventory_description[]" v-model="(item.item==null)?null:item.item.description" class="form-control">
                                                        </td>
                                                        <td v-show="showWhat('sale_description2')=='yes'">
                                                            <input type="text" placeholder="@lang('layout.Description')" name="description2[]" v-model="(item.item==null)?null:item.item.description2" class="form-control">
                                                        </td>
                                                        <td>
                                                            <input type="number" :name="'inventory_quantity['+index+']'" oninput = "autowidths(event)" v-validate="(item.item==null)?'':'required'" data-vv-as="@lang('layout.Quantity')" v-model.number="(item.item==null)?null:item.item.quantity" class="form-control input-style input-number chan_length" @input="change_oil_qty(index), setNewOilCounter(index), setNewRate('inventory',index), change_measureQuantityThree(index), quantity_by_second_measureTwo(index)" placeholder="@lang('layout.Quantity')">
                                                            <span class="required">@{{ errors.first('inventory_quantity['+index+']') }}</span>
                                                            <span v-show=" myRound((item.item==null)?0:saleItemQuantity(item.item,item.item.quantity)) < 0" class="required">@lang('layout.LowOnHand')</span>
                                                        </td>
                                                        <td> 
                                                            @{{myRound((item.item==null)?null:saleItemQuantity(item.item,item.item.quantity))}}
                                                        </td> 
                                                        @if(getCounterForEachRow() == "true") 
                                                        <td>
                                                        <v-select label="name" v-model="item.item_oil_part" :options="oilPart" @input="setSaleNumberRow(index)"></v-select>
                                                        <input type="hidden" name="oil_part_id_row[]" :value="(!item.item_oil_part)?null:item.item_oil_part.id">
                                                        </td>
                                                        <td> 
                                                            <input type="text" placeholder="@lang('layout.OldCounter')" readonly  name="old_oil_counter_row[]" v-model="(item.item==null)?null:item.item.old_oil_counter_row" class="form-control">
                                                        </td>  
                                                        <td> 
                                                            <input type="text" placeholder="@lang('layout.NewCounter')" name="new_counter_row[]" @input="setQuantityByOilCounter(index)" v-model="(item.item==null)?null:item.item.new_counter_row" class="form-control">
                                                        </td>
                                                        @endif
                                                        <td v-show="showWhat('other_measure')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" name="other_measure_amount[]" class="form-control input-style input-number chan_length" oninput = "autowidths(event)" placeholder="@lang('layout.OMeasureValue1')" @input="change_per_qty(index)" v-model.number="(item.item==null)?null:item.item.other_measure">
                                                                <input type="hidden" name="per_qty[]" :value="(item.item==null)?null:((item.item.site==null)?null:item.item.site.per_qty)">
                                                                @if(getCalQuantityOfOtherMeasure() == 'avgMethod')
                                                                <span class="input-group-addon" v-if="(item.item==null)?null:((item.item.site==null)?null:item.item.site.per_qty) > 0">
                                                                    @if(getSelectQuantityByOtherMSPurch()=="true" && oilSale()=="true")
                                                                    @{{myRound((item.item==null)?null:((item.item.site==null)?null:(item.item.site.OnHand * item.item.site.per_qty)))}}
                                                                    @else
                                                                    @{{myRound((item.item==null)?null:((item.item.site==null)?null:(item.item.site.OnHand / item.item.site.per_qty)))}}
                                                                    @endif
                                                                </span>
                                                                @elseif(getCalQuantityOfOtherMeasure() == 'simpleMethod')
                                                                <span class="input-group-addon" v-if="(item.item==null)?null:((item.item.site==null)?null:true)">
                                                                    @{{myRound((item.item==null)?null:((item.item.site==null)?null:item.item.site.other_measure))}}
                                                                </span>
                                                                @else
                                                                <span class="input-group-addon">
                                                                    @{{(item.item==null)?null:item.item.o_measure_v}}
                                                                </span>
                                                                @endif
                                                            </div>
                                                        </td>
                                                        @if(getShowCBM()=="true")
                                                        <td v-show="showWhat('other_measure')=='yes'">
                                                            @{{myRound((item.item==null)?null:((item.item.site==null)?null:item.item.site.per_qty))}}
                                                        </td>
                                                        @endif
                                                        <td v-show="showWhat('other_measure2')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" name="other_measure_amount2[]" class="form-control input-style input-number chan_length" oninput = "autowidths(event)" placeholder="@lang('layout.OMeasureValue2')" @input="change_per_qty(index)" v-model.number="(item.item==null)?null:item.item.other_measure2">
                                                                <input type="hidden" name="per_qty2[]" :value="(item.item==null)?null:((item.item.site==null)?null:item.item.site.per_qty2)">
                                                                @if(getCalQuantityOfOtherMeasure() == 'avgMethod')
                                                                <span class="input-group-addon" v-if="(item.item==null)?null:((item.item.site==null)?null:item.item.site.per_qty2) > 0">
                                                                    @{{myRound((item.item==null)?null:((item.item.site==null)?null:(item.item.site.OnHand / item.item.site.per_qty2)))}}
                                                                </span>
                                                                @elseif(getCalQuantityOfOtherMeasure() == 'simpleMethod')
                                                                <span class="input-group-addon" v-if="(item.item==null)?null:((item.item.site==null)?null:true)">
                                                                    @{{myRound((item.item==null)?null:((item.item.site==null)?null:item.item.site.other_measure2))}}
                                                                </span>
                                                                @else
                                                                <span class="input-group-addon">
                                                                    @{{(item.item==null)?null:item.item.o_measure_v1}}
                                                                </span>
                                                                @endif
                                                            </div>
                                                        </td>
                                                        @if(getShowCBM()=="true")
                                                        <td> 
                                                            @{{myRound((item.item==null)?null:((item.item.site==null)?null:item.item.site.cbm))}}
                                                        </td>
                                                        @endif
                                                        @if(searchByCodeLocation()=="true")
                                                        @if(getExpireDate()=="true")
                                                        <td>
                                                            @{{(item.item==null)?null:((item.item.site==null)?null:item.item.ExpireDate)}}
                                                        </td>
                                                        @endif
                                                        @endif 
                                                        {{-- per_qty cbm --}}
                                                        <td class="highlight">
                                                            <select v-model="(item.item == null)?null:item.item.measure" class="form-control" @change="measureChange(index), quantity_by_second_measureTwo(index)" >
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure">
                                                                        @{{measure.measure_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                            <input type="hidden" name="inventory_measure[]" :value="(item.item==null)?null:item.item.measure.measure_id">
                                                        </td>
                                                        @if(itemPicture()=="true")
                                                        <td>  
                                                            <input :name="'photo['+index+']'" type="file" class ="form-control" placeholder="@lang('layout.Photo')">
                                                        </td>
                                                        @endif
                                                        <td v-show="seeCost==true">
                                                            @{{(item.item==null)?null:myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit))}}
                                                        </td>
                                                        @if(systemConfig()[30] == 1)
                                                        <td v-show="seeCost==true">
                                                            @{{(item.item==null)? 0:myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) *selected_currency.static_rate / selected_currency.rate)}}
                                                            @{{selected_currency.symbol}}
                                                        </td>
                                                        @else 
                                                        <td v-show="seeCost==true">
                                                            @{{(item.item==null)? 0:myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) *selected_currency.rate)}}
                                                            @{{selected_currency.symbol}}
                                                        </td>
                                                        @endif
                                                        @if(systemConfig()[30] == 1)
                                                        <td v-if="oil_sale == true && seeCost==true" >
                                                            @{{(item.item==null)?null:((item.item.density)?myRound(((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) * item.item.density) * selected_currency.static_rate / selected_currency.rate):null)}}
                                                        </td>
                                                        @else 
                                                        <td v-if="oil_sale == true && seeCost==true" >
                                                            @{{(item.item==null)?null:((item.item.density)?myRound(((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) * item.item.density) * selected_currency.rate):null)}}
                                                        </td>
                                                        @endif
                                                        <td v-if="oil_sale == true">
                                                            <input type="number" name="density[]" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Density')" @input="change_oil_qty(index)" v-model.number="(item.item==null)?null:item.item.density" oninput = "autowidths(event)" />
                                                        </td>
                                                        <td v-if="oil_sale == true">
                                                            <input type="number" name="oil_qty[]" class="form-control input-style input-number chan_length" placeholder="@lang('layout.OilQuantity')"
                                                             @input="change_qty_by_oil(index), setSaleNumberRow(index)" v-model.number="(item.item==null)?null:item.item.oil_qty" oninput = "autowidths(event)" />
                                                        </td>
                                                        <td v-if="oil_sale == true">
                                                            <select name="measure3[]" class="form-control" v-model="(item.item==null)?null:item.item.measure3.measure_id">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="measure in (item.item==null)?null:item.item.measureListAll" :value="measure.measure_id">
                                                                        @{{measure.measure_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                        </td>
                                                        @if(getShwoPriceLevel()=="per_item")
                                                        <td>
                                                            <select v-model="(item.item == null)?null:item.price_level" class="form-control" @change="change_sale_rate_by_price_level(index)">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="price_level in (item.item==null)?null:item.item.item_price_level" :value="price_level">
                                                                        @{{price_level.name}}
                                                                    </option>
                                                                </span>
                                                            </select>

                                                            <input type="hidden" name="item_price_level_id[]" :value="(item.price_level == null)?null:item.price_level.id">
                                                        </td>
                                                        @endif
                                                        @if(getShwoPriceLevel()=="general_percent_per_item")
                                                        <td>
                                                            <select v-model="(item.item == null)?null:item.price_level" class="form-control" @change="change_sale_rate_by_price_level_general_per_item(index)">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="price_level in (item.item==null)?null:priceLevelGeneral" :value="price_level">
                                                                        @{{price_level.name}}
                                                                    </option>
                                                                </span>
                                                            </select>

                                                            <input type="hidden" name="item_price_level_id[]" :value="(item.price_level == null)?null:item.price_level.id">
                                                        </td>
                                                        @endif
                                                        @if(getSaleCodePricePercentage() == 'true')
                                                        <td>
                                                            <input :name="'add_percentage['+index+']'" type="number" :value="(item.item==null)?null:item.item.add_percentage" @input="changePriceByPercentage(index)" ref="add_percentage" class="form-control" placeholder="@lang('layout.Percentage')" >
                                                        </td>
                                                        @endif
                                                        <td v-show="seePrice==true">
                                                            <vue-numeric v-if="item.item"
                                                                class="form-control chan_length"
                                                                oninput = "autowidths(event)"
                                                                v-model="item.item.cost"
                                                                :max="99999999999999" inputmode="decimal"
                                                                currency=""
                                                                :precision="((sub_price==true || p_total)?7:precision())"
                                                                @input="setNewRate('inventory',index)"
                                                                >
                                                            </vue-numeric>
                                                            <input type="hidden" :name="'inventory_price['+index+']'"   v-bind:value="(item.item==null)?null:saleNewRate(item.item,selected_currency.rate, ((sub_price==true || p_total)?7:precision()),selected_currency.static_rate)"
                                                            ref="in" data-vv-as="@lang('layout.Price')" placeholder="@lang('layout.Price')">
                                                            <span class="required">@{{ errors.first('inventory_price['+index+']') }}</span> 
                                                            <span v-show="((item.item==null)?null:checkCheap(item.item,selected_currency.rate, selected_currency.static_rate))==true" class="required">@lang('layout.SalesToTheDetriment')</span>
                                                        </td> 
                                                        @if(QuantityBySecondMeasure()=="true")
                                                        <td>  
                                                            <input type="number" @input="quantity_by_second_measure(index)" name="second_measure_quantity[]" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Measure')2" 
                                                                v-model.number="(item.item==null)?null:item.item.quantity_by_second_measure" oninput = "autowidths(event)" />
                                                        </td> 
                                                        @endif 
                                                        @if(getM2()!="" && getSaleSubMeasure()!="true")
                                                            @if(getFactorMeasure2()=="true")  
                                                                @if(getMeasureTwoAndThree()=="true")
                                                                    <td> 
                                                                        <input type="number" @input="change_measure_main_quantity(index)" name="quantity_measure_two[]" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Measure')2" 
                                                                        v-model.number="(item.item==null)?null:item.item.change_measure_two" oninput = "autowidths(event)" />
                                                                    </td>
                                                                @endif
                                                                @if(getMeasureTwoAndThree()=="true" || QuantityBySecondMeasure()=="true")
                                                                    <td> 
                                                                        <div class="input-group">
                                                                            <select  class="form-control" @change="quantity_by_second_measure(index)" v-model="(item.item==null)?null:item.item.measure1">
                                                                                <option value="null">@lang('layout.Select')</option>
                                                                                <span v-if="(item.item ==null)?false:true">
                                                                                    <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure">
                                                                                        @{{measure.measure_name}}
                                                                                    </option>
                                                                                </span>
                                                                            </select> 
                                                                            <input type="hidden" name="measure1[]" :value="(item.item == null)?null:((item.item.measure1==null)?null:item.item.measure1.measure_id)">
                                                                        </div>
                                                                    </td> 
                                                                    @else 
                                                                    <td> 
                                                                        <div class="input-group">
                                                                            <select  class="form-control"  v-model="(item.item==null)?null:item.item.measure1">
                                                                                <option value="null">@lang('layout.Select')</option>
                                                                                <span v-if="(item.item ==null)?false:true">
                                                                                    <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure">
                                                                                        @{{measure.measure_name}}
                                                                                    </option>
                                                                                </span>
                                                                            </select>
                                                                            <input type="hidden" name="measure1[]" :value="(item.item == null)?null:((item.item.measure1==null)?null:item.item.measure1.measure_id)">
                                                                            @if(getSaleAmountSecondMeasure()=="true")
                                                                            <span class="input-group-addon">
                                                                                @{{myRound((item.item==null)?null:secoundMeasurQuantity(item.item,item.item.quantity))}}
                                                                            </span>
                                                                            @endif
                                                                        </div>
                                                                    </td> 
                                                                @endif

                                                                @if(QuantityBySecondMeasure()=="true")
                                                                <td> 
                                                                    @{{myRound((item.item==null)?null:saleItemQuantitySecond(item.item,item.item.quantity_by_second_measure))}} 
                                                                  </td>
                                                                @endif

                                                            @endif
                                                        @endif 
                                                        @if(getM3()!="")
                                                        @if(getFactorMeasure3()=="true")  
                                                        @if(getMeasureTwoAndThree()=="true")
                                                        <td> 
                                                            <input type="number" @input="change_measure_main_quantity(index)" name="quantity_measure_three[]" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Measure')3" 
                                                                v-model.number="(item.item==null)?null:item.item.change_measure_three" oninput = "autowidths(event)" />
                                                        </td> 
                                                        @endif  
                                                        <td>
                                                            <select name="measure2[]" class="form-control" @change="measure2Change(index)" v-model="(item.item==null)?null:item.item.measure2.measure_id">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure.measure_id">
                                                                        @{{measure.measure_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                        </td>
                                                        @endif
                                                        @endif
                                                        @if(getSaleSubMeasure() =="true")
                                                        <td>
                                                            @{{myRound((item.item==null)?null:subMQuantity(item.item,item.item.quantity))}}
                                                        </td>
                                                        <td v-show="seePrice==true && sub_price==true">
                                                            <div class="input-group">
                                                                <input type="number" placeholder="@lang('layout.SubPrice')" v-model="(item.item==null)?null:item.sub_price" @input="setNewRateTotal(index)" oninput = "autowidths(event)" class="form-control chan_length">
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        @endif
                                                        @if(getM4()!="")
                                                        @if(getFactorMeasure4()=="true")
                                                        <td v-if="oil_sale == false">
                                                            <select name="measure3[]" class="form-control" v-model="(item.item==null)?null:item.item.measure3.measure_id">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure.measure_id">
                                                                        @{{measure.measure_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                        </td>
                                                        @endif
                                                        @endif 
                                                        @if(getSaleCommission()=="true")
                                                        <td>
                                                            <div class="input-group" v-show="!item.commission"> 
                                                                <input type="number" class="form-control chan_length" :name="'row_percent_commission['+index+']'" oninput = "autowidths(event)" v-model="item.row_commission_percent" />
                                                                <span class="input-group-addon" v-if="commissionIsAmount">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                                <span class="input-group-addon" v-if="!commissionIsAmount">
                                                                    %
                                                                </span>

                                                            <input type="hidden" :name="'row_commission_amount['+index+']'" :value="item.row_commission_amount" />
                                                        </div>
                                                        </td>
                                                        @endif  
                                                        @if(getTaxation()=="true")
                                                        <td>
                                                            <span v-show="!item.tax">
                                                                <v-select v-model="item.selected_taxation" label="name" :options="taxation" @input="getDrivers">
                                                                </v-select>
                                                                <input type="hidden" :name="'row_taxation_id['+index+']'" :value="!item.selected_taxation?null:item.selected_taxation.id" />
                                                                <input type="hidden" :name="'row_taxation_vendor_id['+index+']'" :value="!item.selected_taxation?null:item.selected_taxation.member_id" />
                                                                <input type="hidden" :name="'row_tax_amount['+index+']'" :value="!item.selected_taxation?null:item.row_tax_amount" />
                                                            </span>
                                                        </td>
                                                        <td>
                                                            <span v-show="!item.tax">
                                                                <input type="number" class="form-control chan_length" :name="'row_percent_tax['+index+']'" oninput = "autowidths(event)" v-model="!item.selected_taxation?null:item.selected_taxation.percent" />
                                                            </span>
                                                        </td>
                                                        @endif
                                                        <td v-show="showWhat('sale_discount')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" name="inventory_discount[]" placeholder="@lang('layout.Discount')" v-model.number="(item.item==null)?null:item.item.discount" oninput = "autowidths(event)" class="form-control chan_length">
                                                                <span class="input-group-addon" v-if="discountIsAmount">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                                <span class="input-group-addon" v-if="!discountIsAmount">
                                                                    %
                                                                </span> 
                                                            </div> 
                                                        </td>
                                                        <td v-show="showWhat('second_row_sale_discount')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" name="inventory_discount2[]" placeholder="@lang('layout.Discount')2" v-model.number="(item.item==null)?null:item.item.discount2" oninput = "autowidths(event)" class="form-control chan_length">
                                                                <span class="input-group-addon" v-if="discountIsAmount">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                                <span class="input-group-addon" v-if="!discountIsAmount">
                                                                    %
                                                                </span> 
                                                            </div> 
                                                        </td>
                                                        <td v-if="oil_sale == false" v-show="seePrice==true">
                                                            <input type="number" :value="(item.item==null)? 0:getItemTotal(item.item,selected_currency.rate,discountIsAmount,item.item.discount,selected_currency.hq_rate,per_qty_check, null, selected_currency.static_rate, item.perqty, check_other_measure_type_two, item.item.discount2).result" ref="total" @input="setQuantityByTotal(index)"  class="form-control">
                                                            {{-- @{{(item.item==null)? 0:getItemTotal(item.item,selected_currency.rate,discountIsAmount,item.item.discount,selected_currency.hq_rate,per_qty_check).result}} --}}
                                                            {{-- @{{selected_currency.symbol}} --}}
                                                        </td>
                                                        <td v-if="oil_sale == true" v-show="seePrice==true">
                                                            <input type="number" :value="(item.item==null)? 0:getItemTotalOil(item.item,selected_currency.rate,discountIsAmount,item.item.discount,selected_currency.hq_rate, null, selected_currency.static_rate, item.item.discount2).result" ref="total" @input="setQuantityByTotal(index)"  class="form-control">
                                                            {{-- @{{(item.item==null)? 0:getItemTotalOil(item.item,selected_currency.rate,discountIsAmount,item.item.discount,selected_currency.hq_rate).result}} --}}
                                                            {{-- @{{selected_currency.symbol}} --}}
                                                        </td>
                                                        @if(getSubTotal() =="true")
                                                        <td>
                                                            <div class="mt-checkbox" style="padding-left: 0px;">
                                                                <label class="mt-checkbox mt-checkbox-outline">
                                                                    <input type="checkbox" :name="'row_sub_total_stat['+index+']'" v-model="item.sub_total" />
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                        @endif 
                                                        <td>
                                                            <span v-on:click="deleteItem('inventory',index)">
                                                                <i class="paddint-both glyphicon glyphicon-trash"></i></span>
                                                        </td>
                                                    </tr>
                                                    <tr style="background-color: #ffffff;">
                                                        <td></td>
                                                        <td></td>
                                                        <td>
                                                            <center>
                                                                <button type="button" @click="addNew('inventory',1000)" class="btn btn-success"><i class="fa fa-plus"></i></button>
                                                            </center>
                                                        </td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <hr>
                                            @if(getShowRefundToSale()=="true")
                                            <!-- begin return -->
                                            <table id="table_content" class="table table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th colspan="20" style="min-width: 100px;">@lang('layout.Leakage')</th>
                                                    </tr>
                                                    <tr>
                                                        <th>#</th>
                                                        <th style="min-width: {{itemFieldWidth()}}px">@lang('layout.ItemName') </th>
                                                        <th style="min-width: 100px">@lang('layout.SiteName') </th>
                                                        <th style="min-width: 100px">@lang('layout.Quantity') </th>
                                                        <th v-show="showWhat('other_measure')=='yes'" style="min-width: 100px">@lang('layout.OMeasureValue1')
                                                        </th>
                                                        <th v-show="showWhat('other_measure2')=='yes'" style="min-width: 100px">@lang('layout.OMeasureValue2')
                                                        </th>
                                                        <th style="min-width: 100px">@lang('layout.Measure') </th>
                                                        <th v-show="seeCost==true" style="min-width: 100px">@lang('layout.CostInInventory')</th>
                                                        <th v-show="seePrice==true" style="min-width: 100px">@lang('layout.NewPrice') </th>
                                                        <!-- <th v-show="showWhat('sale_discount')=='yes'" style="min-width: 100px">@lang('layout.Discount') </th> -->
                                                        <th v-show="seePrice==true" style="min-width: 100px">@lang('layout.Total')</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(item,index) in inventory_return">
                                                        <td>@{{index+1}}</td>
                                                        <td class="highlight">
                                                            <v-select label="name" @keyup.native="onItemloadReturn(index),  addNew('return',index)" @Click.native="onItemloadReturn(index),  addNew('return',index)" v-model="item.inventory" :options="temp_return_items" @search="onItemSearch" ></v-select>
                                                            <input type="hidden" :name="'return_inventory_id['+index+']'" :value="(!item.item)?null:item.item.id">
                                                        </td>
                                                        <td class="highlight" >
                                                            <select v-model="(item.item==null)?null:item.item.site" class="form-control">
                                                                <option value="null">@lang('layout.Select')</option>

                                                                <span v-if="(item.item != null)">
                                                                    <option v-for="site in (item.item==null)?null:item.item.site_list" :value="site">
                                                                        @{{site.site_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                            <input type="hidden" name="return_inventory_site[]" :value="(item.item==null)?null:((item.item.site==null)?null:item.item.site.site_id)">
                                                        </td>
                                                        <td>
                                                            <input type="number" :name="'return_inventory_quantity['+index+']'" oninput = "autowidths(event)"  data-vv-as="@lang('layout.Quantity')" v-model.number="(item.item==null)?null:item.item.quantity" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Quantity')">
                                                        </td>
                                                        <td v-show="showWhat('other_measure')=='yes'">
                                                            <input type="number" name="return_other_measure_amount[]" class="form-control input-style input-number chan_length" oninput = "autowidths(event)" placeholder="@lang('layout.OMeasureValue1')" v-model.number="(item.item==null)?null:item.item.other_measure">
                                                        </td>
                                                        <td v-show="showWhat('other_measure2')=='yes'">
                                                            <input type="number" name="return_other_measure_amount2[]" class="form-control input-style input-number chan_length" oninput = "autowidths(event)" placeholder="@lang('layout.OMeasureValue2')" v-model.number="(item.item==null)?null:item.item.other_measure2">
                                                        </td>
                                                        <td class="highlight">
                                                            <select v-model="(item.item == null)?null:item.item.measure" class="form-control" @change="measureChangeReturn(index)" >
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(item.item ==null)?false:true">
                                                                    <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure">
                                                                        @{{measure.measure_name}}
                                                                    </option>
                                                                </span>
                                                            </select>
                                                            <input type="hidden" name="return_inventory_measure[]" :value="(item.item==null)?null:item.item.measure.measure_id">
                                                        </td>
                                                        @if(systemConfig()[30] == 1)
                                                        <td v-show="seeCost==true">
                                                            @{{(item.item==null)? 0:myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) *selected_currency.static_rate / selected_currency.rate)}}
                                                            @{{selected_currency.symbol}}
                                                        </td>
                                                        @else 
                                                        <td v-show="seeCost==true">
                                                            @{{(item.item==null)? 0:myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) *selected_currency.rate)}}
                                                            @{{selected_currency.symbol}}
                                                        </td>
                                                        @endif
                                                        <td v-show="seePrice==true">
                                                            <div class="input-group">
                                                                <input type="number" :name="'return_inventory_price['+index+']'"  data-vv-as="@lang('layout.Price')"
                                                                 placeholder="@lang('layout.Price')" v-bind:value="(item.item==null)?null:saleNewRate(item.item,selected_currency.rate, null, selected_currency.static_rate)" ref="return_in" @input="setNewRate('return',index)" oninput = "autowidths(event)" class="form-control chan_length">
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                            </div>
                                                        </td>      
                                                        <!-- <td v-show="showWhat('sale_discount')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" name="return_inventory_discount[]" placeholder="@lang('layout.Discount')" v-model.number="(item.item==null)?null:item.item.discount" oninput = "autowidths(event)" class="form-control chan_length">
                                                                <span class="input-group-addon" v-if="discountIsAmount">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                                <span class="input-group-addon" v-if="!discountIsAmount">
                                                                    %
                                                                </span>
                                                            </div>
                                                        </td> -->
                                                        <td v-show="seePrice==true">
                                                            @{{(item.item==null)? 0:getItemTotal(item.item,selected_currency.rate,discountIsAmount,item.item.discount,selected_currency.hq_rate,per_qty_check, null, selected_currency.static_rate).result}}
                                                            @{{selected_currency.symbol}}
                                                        </td>
                                                        <td>
                                                            <span v-on:click="deleteItem('return',index)">
                                                                <i class="paddint-both glyphicon glyphicon-trash"></i></span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <hr>
                                            <!-- begin return -->
                                            @endif
                                            @endif
                                            @if(systemConfig()[26] == 1)
                                            <!-- begin service -->
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> #</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.ServiceName')</th>
                                                        <th v-show="showWhat('sale_description')=='yes'">@lang('layout.Description') </th>
                                                        <th v-show="showWhat('sale_description2')=='yes'">@lang('layout.Description') :2 </th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Quantity')</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Measure')</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Price')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Total')</th>
                                                        <th></th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(service,index) in services">
                                                        <td>@{{index+1}}</td>
                                                        <td class="highlight">
                                                            <v-select label="name" v-model="service.item" :options="(service.items)" @click.native="addNew('service',index)" @input="checkExistingService(index)">
                                                            </v-select>
                                                            <input type="hidden" name="service_id[]" :value="(service.item==null)?null:service.item.id">
                                                            <input type="hidden" name="ser_online_order_detail_id[]" :value="(service.item==null)?null:service.item.order_detail_id">
                                                            <input type="hidden" name="sale_order_service_id[]" :value="(selected_sale_order)?((service.item==null || selected_customer.id !=selected_sale_order.member_id)?null:service.item.sale_order_service_id):null">
                                                        </td>
                                                        <td v-show="showWhat('sale_description')=='yes'">
                                                            <input type="text" placeholder="@lang('layout.Description')" name="service_description[]" v-model="(service.item==null)?null:service.item.description" class="form-control">
                                                        </td>
                                                        <td v-show="showWhat('sale_description2')=='yes'">
                                                            <input type="text" placeholder="@lang('layout.Description')" name="service_description2[]" v-model="(service.item==null)?null:service.item.description2" class="form-control">
                                                        </td>
                                                        <td>
                                                            <input class="form-control" name="service_quantity[]" v-model.number="(!service.item)?null:service.item.quantity" placeholder="@lang('layout.Quantity')">
                                                        </td>
                                                        <td class="highlight">
                                                            <select v-model="(service.item == null)?null:service.item.measure" class="form-control" @change="measureChangeservice(index)">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(service.item ==null)?false:true">
                                                                    <option v-for="measure in (service.item==null)?null:service.item.measure_list" :value="measure">
                                                                        @{{measure.measure_name}}
                                                                    </option>
                                                                </span>

                                                            </select>
                                                            <input type="hidden" name="service_measure[]" :value="(service.item==null)?null:service.item.measure.measure_id">
                                                        </td>
                                                        <td>
                                                            <div class="input-group">
                                                                <input type="number" name="service_price[]" placeholder="@lang('layout.Price')" :value="(service.item==null)?null:saleNewRate(service.item,selected_currency.rate,null, selected_currency.static_rate)" ref="ser" @input="setNewRate('service',index)" class="form-control">
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            @{{ getItemTotalService(service.item,selected_currency.rate,selected_currency.hq_rate, selected_currency.static_rate).result }}
                                                            @{{selected_currency.symbol}}
                                                        </td>
                                                        <td>
                                                            <span v-on:click="deleteItem('service',index)"><i class="paddint-both glyphicon glyphicon-trash"></i></span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <!-- end service -->
                                            @endif
                                            <hr>
                                            @if(voucherOfferingType() == '1')
                                            <!-- begin service -->
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> #</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Name')</th>
                                                        <th class="center">@lang('layout.Amount') </th>
                                                        <th class="center">@lang('layout.Date') </th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.AccountRegister')</th> 
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Description')</th> 
                                                        <th></th>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(sale_info_expens,index) in sale_info_expense">
                                                        <td>@{{index+1}}</td>
                                                       
                                                        <td>
                                                            <input type="text" class="form-control" name="name_info_expense[]" @click="addNew('sale_info_expens',index)" v-model.number="sale_info_expens.name_expense" placeholder="@lang('layout.Name')">
                                                        </td>
                                                        <td>
                                                            <input class="form-control" step="any" type="number"  name="amount_info_expense[]" v-model.number="sale_info_expens.amount_expense" placeholder="@lang('layout.Amount')">
                                                        </td>
                                                        <td>
                                                            {{-- <input class="form-control date" autocomplete="off" name="date_info_expense[]" v-model.number="sale_info_expens.date_expense" placeholder="@lang('layout.Date')"> --}}
                                                            <date_picker :name="'date_info_expense['+index+']'" v-model="sale_info_expens.date_expense" placeholder="@lang('layout.Date')" ></date_picker>
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control" name="account_register_info_expense[]" v-model.number="sale_info_expens.account_register_expense" placeholder="@lang('layout.AccountRegister')">
                                                        </td>
                                                        <td>
                                                            <input class="form-control"  type="text" name="description_expense[]" v-model.number="sale_info_expens.description_expense" placeholder="@lang('layout.Description')">
                                                        </td> 
                                                        <td>
                                                            <span v-on:click="deleteItem('sale_info_expens',index)"><i class="paddint-both glyphicon glyphicon-trash"></i></span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <!-- end sale_info_expens -->
                                            @endif
                                            <hr>
                                            <!-- begin Receive -->
                                            @permission('receive-create')
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> #</th>
                                                        <th class="text-center" style="min-width: 70px;">@lang('layout.Number')</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.SelectBank')</th>
                                                        <th class="text-center" style="min-width: 100px;"> @lang('layout.Amount')</th>
                                                        <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate')</th>
                                                        <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Date')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Total')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(payment,index) in payments">
                                                        <td>@{{index+1}}</td>
                                                        <td>
                                                            <span>@{{(payment.item==null)?null:(payment.item.r_number)+index}}</span>
                                                            <input type="hidden" name="receive_number[]" :value="(payment.item==null)?null:(payment.item.r_number)+index" />
                                                        </td>
                                                        <td class="highlight">  
                                                            <v-select label="name" v-model="payment.item" :options="(payment.items)" @click.native="addNew('payment',index)" @input="checkExistingPayment(index)">
                                                            </v-select>
                                                            <input type="hidden" v-if="payment.item !=null" name="payment_id[]" :value="(payment.item==null)?null:payment.item.id">
                                                        </td>
                                                        <td> 
                                                            <span v-if="payment.item !=null">
                                                                @{{myRound(Number((payment.item==null)?null:payment.item.balance)+Number((payment.item==null)?null:payment.item.amount))}}
                                                            </span>
                                                        </td> 
                                                        <td>
                                                            <input v-bind:disabled="(payment.item==null)?false:(payment.item.code =='{{getHomeCurrency()['code']}}')" type="number" v-model.number="(payment.item==null)?null:payment.item.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                                                            <input v-if="payment.item !=null" type="hidden" name="payment_rate[]" v-bind:value="payment.item.rate">
                                                        </td>
                                                        <td>
                                                            <input type="text" name="payment_currency[]" class="form-control" v-model="(payment.item==null)?null:payment.item.code" placeholder="@lang('layout.Currency')" disabled reqiured />
                                                            <input v-if="payment.item !==null" type="hidden" name="payment_currency[]" v-bind:value="payment.item.code" />
                                                        </td>
                                                        <td>
                                                            <vue-numeric v-if="payment.item"
                                                                class="form-control"
                                                                v-model="payment.item.amount"
                                                                :max="99999999999999" inputmode="decimal"
                                                                :currency="payment.item.code"
                                                                :precision="precision()"
                                                                >
                                                            </vue-numeric>
                                                            <input v-if="payment.item !=null" type="hidden" name="payment_amount[]" v-bind:value="payment.item.amount">
                                                        </td> 
                                                        <td>
                                                            <date_picker :name="'date_receive['+index+']'"  placeholder="@lang('layout.Date')" ></date_picker>
                                                        </td>
                                                        <td>
                                                            <div class="input-group">
                                                                <input type="number"  @input="changePaymentRate(index)" ref="total_payment" step="any" v-bind:value="(payment.item==null)?null:totalPayment(payment.item,selected_currency.rate,selected_currency.hq_rate,selected_currency.static_rate).result" class="form-control">
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                            </div>
                                                            {{-- @{{ (payment.item==null)?null:totalPayment(payment.item,selected_currency.rate,selected_currency.hq_rate).result }} --}}
                                                            {{-- @{{selected_currency.symbol}} --}}
                                                        </td>
                                                        <td>
                                                            <textarea class="form-control" name="receive_description[]" rows="2" placeholder="@lang('layout.Description')">@{{(payment.item==null)?null:payment.item.description}}</textarea>
                                                        </td>
                                                        <td>
                                                            <span v-on:click="deleteItem('payment',index)">
                                                                <i class="paddint-both glyphicon glyphicon-trash"></i>
                                                            </span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            @endpermission
                                            <!-- end Receive -->
                                            <hr>
                                            <!-- begin OnCredit -->
                                            @if(getOnCredit()=="true")
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th colspan="8" style="min-width: 100px;">@lang('layout.OnCredit')</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> #</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.SelectBank')</th>
                                                        <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate')</th>
                                                        <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Date')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(row,index) in on_credit">
                                                        <td>@{{index+1}}</td>
                                                        <td class="highlight">
                                                            <v-select label="name" v-model="row.item" :options="(row.items)" @click.native="addNew('on_credit',index)">
                                                            </v-select>
                                                            <input type="hidden" v-if="row.item !=null" name="on_credit_account_id[]" :value="(row.item==null)?null:row.item.id">
                                                        </td>
                                                        <td>
                                                            <input v-bind:disabled="(row.item==null)?false:(row.item.code =='{{getHomeCurrency()['code']}}')" type="number" v-model.number="(row.item==null)?null:row.item.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                                                            <input v-if="row.item !=null" type="hidden" name="on_credit_rate[]" v-bind:value="row.item.rate">
                                                        </td>
                                                        <td>
                                                            <input type="text" class="form-control" v-model="(row.item==null)?null:row.item.code" placeholder="@lang('layout.Currency')" disabled />
                                                            <input type="hidden" name="on_credit_currency[]" v-bind:value="(row.item==null)?null:row.item.code" />
                                                        </td>
                                                        <td>
                                                            <vue-numeric v-if="row.item"
                                                                class="form-control"
                                                                v-model="row.item.amount"
                                                                :max="99999999999999" inputmode="decimal"
                                                                :currency="row.item.code"
                                                                :precision="precision()"
                                                                >
                                                            </vue-numeric>
                                                            <input v-if="row.item !=null" type="hidden" name="on_credit_amount[]" v-bind:value="row.item.amount">
                                                        </td> 
                                                        <td>
                                                            <date_picker :name="'on_credit_date['+index+']'"  placeholder="@lang('layout.Date')" ></date_picker>
                                                        </td>
                                                        <td>
                                                            <textarea class="form-control" name="on_credit_description[]" rows="2" placeholder="@lang('layout.Description')">@{{(row.item==null)?null:row.item.description}}</textarea>
                                                        </td>
                                                        <td>
                                                            <span v-on:click="deleteItem('on_credit',index)">
                                                                <i class="paddint-both glyphicon glyphicon-trash"></i>
                                                            </span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <hr>
                                            <table v-show="onCreditLoad.length > 0" id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th colspan="9" style="min-width: 100px;">@lang('layout.OnCredit')</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> #</th>
                                                        <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Balance')</th>
                                                        <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Total')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Date')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(row,index) in onCreditLoad">
                                                        <td>@{{index+1}}</td>
                                                        <td class="highlight">
                                                            <v-select label="currency" v-model="row.item" :options="onCreditLists" @input="checkExistingOnCredit(index)" @click.native="addNew('on_credit_load',index)">
                                                            </v-select>
                                                            <input type="hidden" name="on_credit_load_currency[]" :value="(row.item==null)?null:row.item.currency">
                                                        </td>
                                                        <td>
                                                            <input type="number" v-model.number="(row.item==null)?null:row.item.balance " class="form-control" placeholder="@lang('layout.Balance')" readonly />
                                                        </td>
                                                        <td>
                                                            <input v-bind:disabled="(row.item==null)?false:(row.item.currency =='{{getHomeCurrency()['code']}}')" type="number" v-model.number="(row.item==null)?null:row.item.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                                                            <input v-if="row.item !=null" type="hidden" name="on_credit_load_rate[]" v-bind:value="row.item.rate">
                                                        </td>
                                                        <td>
                                                            <vue-numeric v-if="row.item"
                                                                class="form-control"
                                                                v-model="row.item.amount"
                                                                :max="99999999999999" inputmode="decimal"
                                                                :currency="row.item.code"
                                                                :precision="precision()"
                                                                @input="chackOnCreditAmount(index)"
                                                                >
                                                            </vue-numeric>
                                                            <input v-if="row.item !=null" type="hidden" name="on_credit_load_amount[]" v-bind:value="row.item.amount">
                                                        </td> 
                                                        <td>
                                                            <div class="input-group">
                                                                <input v-if="row.item" type="number" step="any" ref="totalOnCredit" @input="changeOnCreditRate(index)" v-bind:value="(row.item==null)?null:totalPayment(row.item,selected_currency.rate,selected_currency.hq_rate,selected_currency.static_rate).result" class="form-control">
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                </span>
                                                            </div>
                                                        </td> 
                                                        <td>
                                                            <date_picker :name="'on_credit_load_date['+index+']'"  placeholder="@lang('layout.Date')" ></date_picker>
                                                        </td>
                                                        <td>
                                                            <textarea class="form-control" name="on_credit_load_description[]" rows="2" placeholder="@lang('layout.Description')"></textarea>
                                                        </td>
                                                        <td>
                                                            <span v-on:click="deleteItem('on_credit_load',index)">
                                                                <i class="paddint-both glyphicon glyphicon-trash"></i>
                                                            </span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            @endif
                                            <!-- end OnCredit -->
                                            <hr>
                                            <!--Begin Transfer Rent-->
                                            @if(getTransferRent()=="true")
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th colspan="10" style="min-width: 100px;">@lang('layout.TransferRent')</th>
                                                    </tr>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Type')</th>
                                                        <th class="text-center" style="min-width: 160px;">@lang('layout.Transmitter')</th>
                                                        <th class="text-center" style="min-width: 160px;" v-show="transfer_rent_type=='cash'">@lang('layout.SelectBank')</th>
                                                        <th class="text-center" style="min-width: 80px;" >@lang('layout.Currency')</th>
                                                        <th class="text-center" style="min-width: 120px;" > @lang('layout.Rate')</th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                                        <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <select class="form-control" name="transfer_rent_type" v-model="transfer_rent_type">
                                                                <option value="cash">@lang('type.cash')</option>
                                                                <option value="credit">@lang('type.credit')</option>
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <v-select label="name"  @search="VendorSearch" :options="transfer_rent_vendor" v-model="transfer_rent_vendor_selected"></v-select>
                                                            <input type="hidden" name="transfer_rent_vendor" :value="!transfer_rent_vendor_selected?null:transfer_rent_vendor_selected.id">
                                                        </td>

                                                        <td class="highlight" v-show="transfer_rent_type=='cash'">
                                                            <v-select label="name" v-model="transfer_rent_bank_selected" :options="banks">

                                                            </v-select>
                                                            <input type="hidden" v-if="transfer_rent_bank_selected !=null" name="transfer_rent_bank" :value="(transfer_rent_bank_selected==null)?null:transfer_rent_bank_selected.id">
                                                        </td>
                                                        <td v-if="transfer_rent_type=='cash'">
                                                            <input type="text" class="form-control" v-model="(transfer_rent_bank_selected==null)?null:transfer_rent_bank_selected.code" placeholder="@lang('layout.Currency')" disabled reqiured />

                                                            <input v-if="transfer_rent_bank_selected !==null" type="hidden" name="transfer_rent_currency" v-bind:value="transfer_rent_bank_selected.code" />
                                                        </td>
                                                        <td v-if="transfer_rent_type=='cash'">
                                                            <input v-bind:disabled="(transfer_rent_bank_selected==null)?false:(transfer_rent_bank_selected.code =='{{getHomeCurrency()['code']}}')" type="number" v-model.number="(transfer_rent_bank_selected==null)?null:transfer_rent_bank_selected.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                                                            <input v-if="transfer_rent_bank_selected !=null" type="hidden" name="transfer_rent_rate" v-bind:value="transfer_rent_bank_selected.rate">
                                                        </td>

                                                        <td v-if="transfer_rent_type=='credit'">
                                                            <v-select label="code" :options="currency" v-model="selected_transfer_currency" auto></v-select>
                                                            <input type="hidden" name="transfer_rent_currency" v-validate="''" data-vv-as="@lang('layout.Currency')" :value="!selected_transfer_currency?'':selected_transfer_currency.code">
                                                        </td>
                                                        <td v-if="transfer_rent_type=='credit'">
                                                            <input type="number" name="transfer_rent_rate" v-validate="''" data-vv-as="@lang('layout.Rate')" v-model="!selected_transfer_currency?0:selected_transfer_currency.rate" class="form-control" >
                                                        </td>
                                                        <td>
                                                            <div class="input-group">
                                                                <input  type="number" name="transfer_rent_amount" class="form-control" placeholder="@lang('layout.PayAmount')">

                                                                <span  v-show="transfer_rent_type=='cash'" class="input-group-addon">@{{(transfer_rent_bank_selected==null)?null:transfer_rent_bank_selected.code}}</span>
                                                                <span  v-show="transfer_rent_type=='credit'" class="input-group-addon">@{{selected_transfer_currency.symbol}}</span>
                                                                
                                                            </div>
                                                        </td>

                                                        <td>
                                                            <textarea class="form-control" name="transfer_rent_description" rows="2" placeholder="@lang('layout.Description')"></textarea>
                                                        </td>
                                                    </tr>
                                                </tbody>

                                            </table>
                                            <hr>
                                            @endif
                                            <!--End Transfer Rent-->
                                            @if(getInvoicePayment()== "true")
                                            <!-- begin Invoic  payments -->
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th colspan="6" style="min-width: 100px;">
                                                            <i class="fa fa-money" style="color: green"></i>&nbsp; @lang('layout.InvoicePayment') : (@lang('message.InvoicePaymetNote'))
                                                        </th>
                                                    </tr> 
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> #</th>
                                                        <th class="text-center" style="min-width: 80px;">@lang('layout.Currency') <span class="required"> * </span></th>
                                                        <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate') <span class="required"> * </span></th>
                                                        <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount') <span class="required"> * </span></th>
                                                        <th class="text-center" style="min-width: 100px;"> @lang('layout.Description') <span class="required"> * </span></th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr v-for="(payment_invoice,index) in payment_invoices">
                                                        <td>@{{index+1}}</td>
                                                        <td>
                                                            <v-select label="code" @input="selectedRate" :options="setRates" v-model="payment_invoice.selected_payment_currency"></v-select>
                                                            <input type="hidden" :name="'currency_payment['+index+']'" :value="(!payment_invoice.selected_payment_currency)?null:payment_invoice.selected_payment_currency.code">
                                                        </td>
                                                        <td>
                                                            <input type="number" :name="'currency_payment_rate['+index+']'" class="form-control" v-bind:readonly="(payment_invoice.selected_payment_currency==null)?false:(payment_invoice.selected_payment_currency.code =='{{getHomeCurrency()['code']}}')" v-model="(!payment_invoice.selected_payment_currency)?null:payment_invoice.selected_payment_currency.rate" :class="{'has-error':rate<=0}">
                                                        </td>
                                                        <td>
                                                            <input type="number" name="amount_payment[]" class="form-control">
                                                        </td>
                                                        <td>
                                                            <textarea class="form-control" name="payment_description[]"></textarea>
                                                        </td>
                                                        <td>
                                                            <span v-on:click="deleteItem('payment_invoice',index)">
                                                                <i class="paddint-both glyphicon glyphicon-trash" style="color: red"></i>
                                                            </span>
                                                        </td>
                                                    </tr>
                                                    <tr style="background-color: #ffffff;">
                                                        <td></td>
                                                        <td>
                                                            <center>
                                                                <button type="button" @click="addNew('payment_invoice',1000)" class="btn btn-success">
                                                                    <i class="fa fa-plus"></i>
                                                                </button>
                                                            </center>
                                                        </td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                        <td></td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <!-- end Invoice payments -->
                                            @endif
                                        </div>
                                        <!--Begin Draiver-->
                                        @if(getDriverInfo()=="true")
                                        <br>
                                        <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" style="min-width: 8px;"> @lang('layout.DriverInfo') </th>
                                                </tr>
                                            </thead>
                                        </table>
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <!-- begin inputs -->
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.TransferCode')</label>
                                                            <input type="text" name="transfer_code" v-model="driver_data.other_measure" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.Transporter_name')</label>
                                                            <input type="text" name="transporter_name" v-model="driver_data.driver_name" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.Transporter_phone')</label>
                                                            <input type="test" name="transporter_phone" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.PlaceOfWeight')</label>
                                                            {{Form::text('palce_of_weight',null,['class' => 'form-control'])}}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.SourcePlace')</label>
                                                            {{Form::text('source_place',null,['class' => 'form-control'])}}
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.PlateNumber')</label>
                                                            <input type="text" name="plate_number" v-model="driver_data.vehicle_name"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.WayBillNumber')</label>
                                                            <input type="text" name="way_bill_number" v-model="driver_data.wagon_number"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.TotalWeight')</label>
                                                            <input type="text" name="total_weight" v-model="driver_data.other_measure2"  class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.EmptyCarWeight')</label>
                                                            <input type="text" name="empty_car_weight"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.TotalBori')</label>
                                                            <input type="text" name="total_bori" v-model="driver_data.description2"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.Rent')</label>
                                                            <input type="number" name="rent" v-model="driver_data.cost"  class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.Description')</label>
                                                            <textarea name="transfer_description" class="form-control" v-text="(driver_data)?driver_data.description:null" ></textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <!--End Draiver-->
                                        <!--Begin Farmer Contract-->
                                        @if(systemConfig()[16] != 0)
                                        <br>
                                        <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                            <thead>
                                                <tr>
                                                    <th class="text-center" style="min-width: 8px;"> @lang('layout.FarmerContract') </th>
                                                </tr>
                                            </thead>
                                        </table>
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <!-- begin inputs -->
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.Number')</label>
                                                            <input type="text" name="far_number" v-model="frarmerNumber" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                                            <input type="text" name="far_ref_no" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.OverdueDate')</label>
                                                            <input type="test" name="far_overdue_date" class="form-control date">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.LandSize')</label>
                                                            <input type="text" name="far_land_size" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.DrawingAmount')</label>
                                                            <input type="number" name="far_land_drawing_amount" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.Measure')</label> 
                                                            <select name="far_land_drawing_measure" class="form-control" >
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <option v-for="measure in measureList" :value="measure.measure_id">
                                                                    @{{measure.measure_name}}
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label ">@lang('layout.SeedAmount')</label>
                                                            <input type="number" name="far_seed_amount" v-model="far_seed_amount" class="form-control">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="col-md-12">
                                                            <label class="control-label">@lang('layout.Measure')</label> 
                                                            <select name="far_measure_id" class="form-control" v-model="(!far_measure)?null:far_measure" >
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <option v-for="measure in measureList" :value="measure.measure_id">
                                                                    @{{measure.measure_name}}
                                                                </option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endif
                                        <!--End Farmer Contract-->
                                        @if(expenseInSales() == 'true')
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-right: 0px !important; padding-left: 0px !important; margin-top: 10px; margin-bottom: 10px;">
                                            <h4 class="" style="text-align:center;font-weight: bold;"> @lang('layout.ExpenseSection') </h4>  
                                            <table id="table_content" class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th style="min-width: 130px" class="text-center">@lang('layout.SelectAccount')</th>
                                                        <th style="min-width: 100px" class="text-center">@lang('layout.ExpenseCategory')</th>
                                                        <th style="min-width: 100px" class="text-center">@lang('layout.ExpenseClass')</th>
                                                        <th style="min-width: 100px" class="text-center">@lang('layout.Description')</th>
                                                        <th style="min-width: 100px" class="text-center">@lang('layout.Amount')</th>
                                                        <th><i class="fa fa-ellipsis-h"></i></th>
                                                    </tr>
                                                </thead>
                                                <tr v-for="(row, itemIndex) in expense" class="even">
                                                    <td class="td_one"> 
                                                        <span class="badge badge3 badge-success badge-roundless" style="background-color: transparent !important;color: black;"> @{{itemIndex+1}} </span>
                                                    </td> 
                                                    <td class="td_one">
                                                        <v-select label="name" v-model="row.item" :options="(row.items)" @click.native="newExpense(itemIndex)" >
                                                        </v-select>
                                                        <input v-if="row.item" type="hidden" name="expense[]" :value="row.item.id"> 
                                                    </td> 
                                                    <td> 
                                                        <select v-model="!row.item?null:row.category" class="form-control" >
                                                            <option value="">@lang('layout.SelectType')</option>
                                                            <option v-for="obj in category" :value="obj.id">@{{obj.name}}</option>
                                                        </select>
                                                        <input v-if="row.item" type="hidden" name="expense_category_id[]" :value="row.category">
                                                    </td>
                                                    <td>
                                                        <select name="expense_class_id[]" class="form-control" >
                                                            <option value="">@lang('layout.SelectType')</option>
                                                            <option v-for="cl in classes" :value="cl.id">@{{cl.name}}</option>
                                                        </select> 
                                                    </td>
                                                    <td>
                                                        <input name='expense_description[]' type="text" class="form-control" autocomplete="off" placeholder="@lang('layout.Description')" required/>
                                                    </td> 
                                                    <td>
                                                        <div class="input-group">
                                                            <vue-numeric class="form-control" v-model="row.amount" :max="99999999999999" inputmode="decimal" :currency="selected_currency.symbol" :precision="precision()" >
                                                            </vue-numeric>
                                                            <input name='expense_amount[]' type="hidden" class="form-control" v-model="row.amount" placeholder="@lang('layout.Amount')" required />
                                                            <span class="input-group-addon">@{{selected_currency.symbol}}</span>
                                                        </div>
                                                    </td> 
                                                    <td class="text-center">
                                                        <span v-on:click="deleteExpense(itemIndex)" style="cursor: pointer;"> <i class="paddint-both glyphicon glyphicon-trash"></i></span>
                                                    </td>
                                                </tr>
                                            </table> 
                                        </div>
                                        <br/>
                                        @endif
                                        {{-- Begin Member Transfer --}}
                                        @if(SendMoneyInSale() == 'true')
                                        <div class="col-md-12" style="margin-bottom: 10px;">
                                            <label class=" control-label">@lang('layout.SendMoney')</label>
                                            <label class="mt-checkbox mt-checkbox-outline">
                                                <input type="checkbox" name="sendMoneyCheck" v-model="sendMoneyCheck">
                                                <span></span>
                                            </label>
                                        </div>
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-right: 0px !important; padding-left: 0px !important; margin-top: 10px; margin-bottom: 10px;" v-show="sendMoneyCheck">
                                            <h4 class="" style="text-align: center;font-weight: bold;"> @lang('layout.SendMoney')</h4>
                                            <table id="table_content" class="table table-bordered table-striped">
                                                <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>@lang('layout.Person')</th>
                                                        <th>@lang('layout.Amount')</th>
                                                        <th>@lang('layout.Description')</th>
                                                        <th><i class="fa fa-ellipsis-h"></i></th>
                                                    </tr>
                                                </thead>
                                                <tr v-for="(memberTransfer, itemIndex) in sendMoney" class="even">
                                                    <td class="td_one"> 
                                                        <span class="badge badge3 badge-success badge-roundless" style="background-color: transparent !important;color: black;font-weight: bold;"> @{{itemIndex+1}} </span>
                                                    </td> 
                                                    <td class="td_one">
                                                        <v-select label="name" v-model="memberTransfer.selected" :options="temp_member_list" @search="MemberSearchRow" @click.native="addNew('sendMoney',itemIndex)" placeholder="@lang('layout.Select')"></v-select>
                                                        <input type="hidden" name="row_to_member_id[]" :value="(memberTransfer.selected==null)?null:memberTransfer.selected.id">
                                                    </td>
                                                    <td class="td_one">
                                                        <vue-numeric
                                                            class="form-control"
                                                            v-model="memberTransfer.amount"
                                                            :max="99999999999999" inputmode="decimal"
                                                            currency=""
                                                            :precision="precision()"
                                                            >
                                                        </vue-numeric>
                                                        <input class="form-control" type="hidden" name="row_payable[]" v-model.number="memberTransfer.amount" placeholder="@lang('layout.Amount')">
                                                    </td>
                                                    <td class="td_one">
                                                        <input class="form-control" type="text" name="row_description[]"  placeholder="@lang('layout.Description')">
                                                    </td>
                                                    <td class="td_one" style="text-align: center;">
                                                        <span v-on:click="deleteItem('memberTransfer',itemIndex)" style="cursor: pointer;"><i class="paddint-both glyphicon glyphicon-trash text-danger"></i></span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                        @endif
                                        {{-- End Member Transfer --}}
                                        <!--Begin Carpet Contract-->
                                        @if(systemConfig()[21] == 1)
                                        <br/>
                                        <div class="row">
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="mt-checkbox mt-checkbox-outline">@lang('layout.WashingForm')
                                                                    <input type="checkbox" name="washing_form" v-model="washing_form">
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="row" v-show="washing_form">
                                            <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center" style="min-width: 8px;"> @lang('layout.WashingForm') </th>
                                                    </tr>
                                                </thead>
                                            </table>
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                                <!-- begin inputs -->
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label class="control-label">@lang('layout.DateIn')</label>
                                                        <input type="text" name="wash_date_in" class="form-control date" autocomplete="off">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="control-label ">@lang('layout.Numbers')</label>
                                                        <input type="text" name="wash_number" class="form-control">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="control-label ">@lang('layout.WashingCompanyNumber')</label>
                                                        <input type="text" name="wash_washing_company_number" class="form-control">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="control-label">@lang('layout.DeliveryDate')</label>
                                                        <input type="text" name="wash_delivery_date" class="form-control date" autocomplete="off">
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <label class="control-label">@lang('layout.Type') @lang('layout.Carpet')</label>
                                                        <input type="text" name="wash_carpet_type" class="form-control" autocomplete="off">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="control-label ">@lang('layout.Length')</label>
                                                        <input type="number" name="wash_length" v-model="wash_length" class="form-control">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="control-label ">@lang('layout.Width')</label>
                                                        <input type="number" name="wash_width" v-model="wash_width" class="form-control">
                                                    </div>
                                                    <div class="col-md-3">
                                                        <label class="control-label ">@lang('layout.Area') @lang('layout.Total')</label>
                                                        <input type="number" :value="myRound(wash_length * wash_width)" class="form-control">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <br/>
                                        @endif
                                        <!--End Carpet Contract-->
                                        @if(getInvoiceTotal() == 'true')
                                        <!-- begin total --> 
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="dashboard-stat2 " v-show="seePrice== true">
                                                <table class="dashboard-tabel" width="100%">
                                                    <tr>
                                                        <td>
                                                            <small>@lang('layout.GrandTotal'):</small>
                                                        </td>
                                                        <td class="text-right">
                                                            <span class="text-right" data-counter="counterup" data-value="7800">
                                                                @{{ subtotal.toFixed(precision())}}
                                                            </span>
                                                            <small class="font-green-sharp">
                                                                @{{selected_currency.symbol}}
                                                            </small>
                                                        </td>
                                                        <td>
                                                            <small>@lang('layout.Payment'):</small>
                                                        </td>
                                                        <td class="text-right">
                                                            <small class="font-green-sharp">
                                                                <span class="text-right" data-counter="counterup" data-value="7800">
                                                                    @{{ payeds.toFixed(precision())}}
                                                                </span>
                                                                <small class="font-green-sharp">
                                                                    @{{selected_currency.symbol}}
                                                                </small>
                                                            </small>
                                                        </td>
                                                        <td>
                                                            <small>
                                                                @lang('layout.Discount'): (@{{ Number.parseFloat(discount).toFixed(precision()) }}%)
                                                            </small>
                                                        </td>
                                                        <td class="text-right">
                                                            <span class="text-right" data-counter="counterup" data-value="7800">
                                                                @{{ format_number(Number.parseFloat(discount*(newSubTotal - newSubDiscountFiledRow)/100)+Number.parseFloat(discountFiledRow)) }}
                                                            </span>
                                                            <small class="font-green-sharp">
                                                                @{{selected_currency.symbol}}
                                                            </small>
                                                        </td>
                                                        <td>
                                                            <small>@lang('layout.Total') :</small>
                                                        </td>
                                                        <td class="text-right">
                                                            <span data-counter="counterup" data-value="7800">
                                                                @{{ format_number(Number.parseFloat(((subtotal - (discount*(newSubTotal - newSubDiscountFiledRow)/100) - discountFiledRow) - saleTaxation)-payeds))}}
                                                            </span>
                                                            <small class="font-green-sharp">
                                                                @{{selected_currency.symbol}}
                                                            </small>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                        <!-- end total -->
                                        @endif
                                        <div class="row">
                                            @if(getHesabSabeqa() =='true')
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="mt-checkbox mt-checkbox-outline">@lang('layout.HesabSabiqa')
                                                                    <input type="checkbox" name="hesab_sabeqa" value="ok" checked="checked">
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @endif
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="mt-checkbox mt-checkbox-outline">@lang('layout.NotShowingDiscount')
                                                                    <input type="checkbox" name="show_discount" value="ok">
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @if(getWhatsApp() =='true')
                                            <!-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label"> <span class="fa fa-whatsapp" style="color:green;"></span> @lang('layout.Whatsapp')</label>
                                                        <label class="mt-checkbox mt-checkbox-outline">
                                                            <input type="checkbox" name="whatsapp" value="2" />
                                                            <span></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div> -->
                                            @endif
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="mt-checkbox mt-checkbox-outline">@lang('layout.ShowReceivables')
                                                                    <input type="checkbox" name="show_receive" value="ok">
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @if(searchByCodeLocation()=="true")
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="mt-checkbox mt-checkbox-outline">@lang('layout.PersianDescription')
                                                                    <input type="checkbox" name="show_persian_desc" value="ok">
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @endif
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="">@lang('layout.PrintFactor') </label>
                                                                <select name="print_factor_type" id="" class="form-control">
                                                                    <option value=""> @lang('layout.Select') </option>
                                                                    <option value="A4">A4</option>
                                                                    <option value="A5">A5</option>
                                                                </select>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @if(getInvoiceType() == 71)
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="">@lang('layout.FactorType') </label>
                                                                <select name="type_factor_measure" id="" class="form-control">
                                                                    <option value=""> @lang('layout.Select') </option>
                                                                    <option value="simple">@lang('layout.SimpleFactor')</option>
                                                                    <option value="other_measure">@lang('layout.OtherMeasureFactor')</option>
                                                                    <option value="both">@lang('layout.BothOfThem')</option>
                                                                </select>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                                <table class="table table-striped table-bordered table-advance ">
                                                    <tr>
                                                        <td class="t_body">
                                                            <div>
                                                                <label class="">@lang('layout.MeasureType') </label>
                                                                <select name="check_measure" id="" class="form-control">
                                                                    <option value=""> @lang('layout.Select') </option>
                                                                    <option value="type1">@lang('layout.MeasureType') 1 </option>
                                                                    {{-- <option value="type2">@lang('layout.MeasureType') 2 </option>
                                                                    <option value="type3">@lang('layout.MeasureType') 3 </option> --}}
                                                                    <option value="both12">@lang('layout.MeasureType') 1,2 </option>
                                                                    {{-- <option value="both13">@lang('layout.MeasureType') 1,3 </option>
                                                                    <option value="both23">@lang('layout.MeasureType') 2,3 </option> --}}
                                                                </select>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            @endif
                                        </div>
                                        <div class="row">
                                            @if(voucherOfferingType() == '1')
                                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label">@lang('layout.OtherCurrency')</label>
                                                        <v-select label="code" @input="selectedRateOther" @keyup.native="changeStaticRate()" @Click.native="changeStaticRate()" :options="currency" v-model="selected_currency_other" auto></v-select>
                                                        <input type="hidden" name="currency_other" v-validate="'required'" data-vv-as="@lang('layout.Currency')" :value="selected_currency_other.code">
                                                        <span class="required">@{{ errors.first('currency') }}</span>
                                                    </div>
                                                </div>
                                            </div> 
                                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label">@lang('layout.Rate')</label>
                                                        <input type="number" name="currency_rate_other" v-validate="'required'" data-vv-as="@lang('layout.Rate')" v-model="!selected_currency_other?0:selected_currency_other.rate" class="form-control" :class="{'has-error':rate<=0}">
                                                        <span class="required">@{{ errors.first('currency_rate') }}</span>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            @if(getConversionToAnotherCurrency() == 'true')
                                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label">@lang('layout.CurrencyConverssion')</label>
                                                        <v-select label="code" @input="selectedRatConversion" @keyup.native="changeStaticRate()" @Click.native="changeStaticRate()" :options="currency" v-model="selected_currency_conversion" auto></v-select>
                                                        <input type="hidden" name="conversion_currency" v-validate="'required'" data-vv-as="@lang('layout.Currency')" :value="selected_currency_conversion.code">
                                                        <span class="required">@{{ errors.first('currency') }}</span>
                                                    </div>
                                                </div>
                                            </div> 
                                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label">@lang('layout.RateConversion')</label>
                                                        <input type="number" name="conversion_rate" v-validate="'required'" data-vv-as="@lang('layout.Rate')" v-model="!selected_currency_conversion?0:selected_currency_conversion.rate" class="form-control" :class="{'has-error':rate<=0}">
                                                        <span class="required">@{{ errors.first('currency_rate') }}</span>
                                                    </div>
                                                </div>
                                            </div> 
                                            @endif 
                                            @if(getPrintDescription()=="true")
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label">@lang('layout.PrintDescription')</label>
                                                        <textarea name="print_description" v-text="print_description"  class="form-control" rows="2"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            @endif
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 @if(!getCustomeForm('invoice','memo')) displayNone @endif">
                                                <div class="form-group">
                                                    <div class="col-md-12">
                                                        <label class="control-label">@lang('layout.Memo')</label>
                                                        <textarea name="memo"  class="form-control" rows="2"></textarea>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div>
                                        <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function session() in E:\Ampps\www\CAS\resources\views\invoices\create.blade.php:3489
Stack trace:
#0 {main}
  thrown in <b>E:\Ampps\www\CAS\resources\views\invoices\create.blade.php</b> on line <b>3489</b><br />