@extends('layouts.app')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
@section('style')
<link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
    <style>
         .dstyle
        {
            /* background-color: rgb(84, 199, 211); */
            text-align: center;
            /* color: white */
        }
        .v-select.searchable .dropdown-toggle .form-control {
            width: 100% !important;
        }
        .t_head {
        background-color: #eceef1 !important;
        /* padding: 7px !important; */
        }

        .t_body {
            background-color: #eceef1 !important;
            /* padding: 7px !important; */
        }
    </style>
@stop
@section('content')
    @include("layouts.Cmodal")
    <div class="row">
        <div class="portlet light bordered">
            <!-- BEGIN TAB PORTLET-->
            <div class="portlet light bordered sale">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-anchor font-green-sharp"></i>&nbsp;
                        @if($duplicate)
                        <span class="caption-subject font-green-sharp bold uppercase">@lang('layout.SalesReceiptes')</span>
                        @else 
                        <span class="caption-subject font-green-sharp bold uppercase">@lang('layout.SalesReceiptes')</span>
                        @endif
                    </div>
                    <div class="actions">
                    </div>
                </div>
                <div id="app" class="portlet-body">
                    <div class="tabbable tabbable-tabdrop"> 
                        <div>
                            @if($duplicate)
                            {{Form::model($sale,['route' => ['sale.store',$sale->id],'method' => 'post','class' => 'form-horizontal','id'=>'sales-form'])}}
                            @else 
                            {{Form::model($sale,['route' => ['sale.update',$sale->id],'method' => 'PATCH','class' => 'form-horizontal','id'=>'sales-form'])}}
                            @endif
                            {{ csrf_field() }}
                            <div class="tab-content">
                                <div class="tab-pane active" id="tab1">
                                    <div v-cloak class="portlet-body form" style="margin-bottom:50%;">
                                        <!-- BEGIN FORM-->
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
                                                    <div class="row">
                                                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="padding-right: 3px !important; padding-left: 3px !important;" >
                                                            <table>
                                                                <tr v-show="showWhat('sale_area')=='yes'">
                                                                    <td class="dstyle" width="30%" >@lang('layout.SaleArea')</td>
                                                                    <td class="highlight">
                                                                        <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">
                                                                    </td>
                                                                </tr>
                                                                <tr v-show="showWhat('member_class')=='yes'">
                                                                    <td class="dstyle" width="30%" >@lang('layout.MemberClass')</td>
                                                                    <td class="highlight">
                                                                        <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">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="dstyle" width="30%" >@lang('layout.Customer')</td>
                                                                    <td class="highlight">
                                                                        <div class="input-group">

                                                                            <v-select label="name" @input="memberChange()" :options="customer" @search="MemberSearch" v-model="selected_customer"></v-select>
                                                                            <input type="hidden" name="customer" :value="!selected_customer?null:selected_customer.id" required>
                                                                            <span class="btn btn-success input-group-addon " @click="showModal = true" style="background-color: rgb(80, 129, 141) !important;">
                                                                                <i class="fa fa-plus" style="color: white"></i>
                                                                            </span>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="dstyle" width="30%" >@lang('layout.Currency')</td>
                                                                    <td class="highlight">
                                                                        <v-select label="code" @input="selectedRate" @keyup.native="changeStaticRate()" @Click.native="changeStaticRate()" :options="currency" v-model="selected_currency"></v-select>
                                                                        <input type="hidden" name="currency" :value="selected_currency.code">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="dstyle" width="30%" >@lang('layout.Rate')</td>
                                                                    <td class="highlight">
                                                                        <input type="number" name="currency_rate" name="rate" v-model="!selected_currency?0:selected_currency.rate" class="form-control" :class="{'has-error':rate<=0}">

                                                                        @if(getCompanyTag() != 1)
                                                                        <input type="hidden" name="currency_rate_hq" v-model="!selected_currency?0:selected_currency.hq_rate">
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                                <tr v-show="showDiscountRow">
                                                                    <td class="dstyle" width="30%" >@lang('layout.Discount')</td>
                                                                    <td class="highlight">
                                                                        <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" style="background-color: rgb(80, 129, 141) !important;">@{{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" style="background-color: rgb(80, 129, 141) !important;">%
                                                                                <input type="hidden" name="discount_type" value="percent">
                                                                            </span>
                                                                            <input type="hidden" name="discountTotal" :value="discount">
                                                                            <input type="hidden" name="discount" :value="discountFiled">
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="padding-right: 3px !important; padding-left: 3px !important;" >
                                                            <table>
                                                                <tr v-show="showWhat('descriptionASMemberName')=='yes'">
                                                                    <td class="dstyle" width="30%" >@lang('layout.OtherMemberName')</td>
                                                                    <td class="highlight">
                                                                        <input type="text" name="other_member_name" value="{{$sale->other_member_name}}" class="form-control">
                                                                    </td>
                                                                </tr>
                                                                @if(getShwoPriceLevel()=="general")
                                                                <tr class="@if(!getCustomeForm('sale','priceLevel')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.PriceLevel')</td>
                                                                    <td class="highlight">
                                                                        <v-select label="name" :options="priceLevel" v-model="selected_priceLevel">
                                                                        </v-select>
                                                                        <input type="hidden" name="price_level_id" :value="!selected_priceLevel?null:selected_priceLevel.id">
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(getShwoPriceLevel()=="general_percent")
                                                                <tr class="@if(!getCustomeForm('sale','priceLevel')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.PriceLevel')</td>
                                                                    <td class="highlight">
                                                                        <v-select label="name" :options="priceLevelGeneral" v-model="selected_priceLevelGeneral">
                                                                        </v-select>
                                                                        <input type="hidden" name="price_level_id" :value="!selected_priceLevelGeneral?null:selected_priceLevelGeneral.id">
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                <tr class="@if(!getCustomeForm('sale','description')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.Description')</td>
                                                                    <td class="highlight">
                                                                        <textarea name="description" class="form-control" rows="2">{{$sale->description}}</textarea>
                                                                    </td>
                                                                </tr>
                                                                @if(systemConfig()[20] == 1)
                                                                <tr class="@if(!getCustomeForm('sale','contract')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.Contract')</td>
                                                                    <td class="highlight">
                                                                        <div class="form-control">
                                                                            <label class="mt-checkbox mt-checkbox-outline">
                                                                                <input type="checkbox" name="contract_check" v-model="contract_check">
                                                                                <span></span>
                                                                            </label>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                @endif

                                                                @if(getSaleByOtherMeasure() == "true")
                                                                <tr class="@if(!getCustomeForm('sale','PerQty')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.PerQty')</td>
                                                                    <td class="highlight">
                                                                        <div style="display: flex; justify-content: center; align-content: center; align-items: center;margin: 1px;border: 1px solid rgb(215, 215, 215);padding: 10px;border-radius: 5px;">
                                                                            <label class="mt-checkbox mt-checkbox-outline" style="color: green;">
                                                                                <input type="checkbox"  name="per_qty_check" v-model="per_qty_check" />
                                                                                <span></span>
                                                                            </label>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                @endif
     
                                                                @if(getSaleByOtherMeasureRate() == "true")
                                                                <tr class="@if(!getCustomeForm('sale','SaleByOtherMeasureRate')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.SaleByOtherMeasureRate')</td>
                                                                    <td class="highlight">
                                                                        <div style="display: flex; justify-content: center; align-content: center; align-items: center;margin: 1px;border: 1px solid rgb(215, 215, 215);padding: 10px;border-radius: 5px;">
                                                                            <label class="mt-checkbox mt-checkbox-outline" style="color: green;">
                                                                                <input type="checkbox"  name="per_qty_check" v-model="per_qty_check" />
                                                                                <span></span>
                                                                            </label>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                @endif 


                                                                @if(getFactorPending()=="true")
                                                                <tr class="@if(!getCustomeForm('sale','factorPending')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.Factor') @lang('layout.Pending')</td>
                                                                    <td class="highlight">
                                                                    <div class="form-control">
                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                        <input type="checkbox" name="pending" value="on" <br />
<b>Warning</b>:  Undefined variable $sale in <b>E:\Ampps\www\CAS\resources\views\sales\edit.blade.php</b> on line <b>209</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pending" on null in <b>E:\Ampps\www\CAS\resources\views\sales\edit.blade.php</b> on line <b>209</b><br />
 >
                                                                        <span></span>
                                                                    </label>
                                                                    </div>
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(oilSale() == 'true')
                                                                <tr class="@if(!getCustomeForm('sale','oil')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.Oil')</td>
                                                                    <td class="highlight">
                                                                    <div class="form-control">
                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                        <input type="checkbox" @click="ChangeOil" name="oil_sale" @if($sale->oil == 1) checked @endif value="ok">
                                                                        <span></span>
                                                                    </label>
                                                                    </div>
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(getNegativeSale() == 'true')
                                                                <tr class="@if(!getCustomeForm('sale','negativeSale')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.NegativeSale')</td>
                                                                    <td class="highlight">
                                                                    <div class="form-control">
                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                        <input type="checkbox" name="negative_sale" value="ok" <br />
<b>Warning</b>:  Undefined variable $sale in <b>E:\Ampps\www\CAS\resources\views\sales\edit.blade.php</b> on line <b>235</b><br />
<br />
<b>Warning</b>:  Attempt to read property "sale_type" on null in <b>E:\Ampps\www\CAS\resources\views\sales\edit.blade.php</b> on line <b>235</b><br />
 >
                                                                        <span></span>
                                                                    </label>
                                                                    </div>
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(checkGift() == 'true') 
                                                                <tr class="@if(!getCustomeForm('sale','checkGift')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.CheckGift')</td>
                                                                    <td class="highlight">
                                                                        <input type="checkbox" name="check_gift" v-model="check_gift_status" style="cursor: pointer" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>
                                                                @endif 

                                                                <tr class="@if(!getCustomeForm('sale','SeperateGrnAndFactor')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.SeperateGrnAndFactor')</td>
                                                                    <td class="highlight">
                                                                        <input type="checkbox" v-model="grn_status" value="ok" name="grn_status" style="cursor: pointer" class="form-control" autocomplete="off"> 
                                                                    </td> 
                                                                </tr>

                                                                @if(getSaleByOtherMeasureTwo() == "true") 
                                                                <tr class="">
                                                                    <td class="dstyle">@lang('layout.CalculateToOtherMeasureTwo')</td>
                                                                    <td class="highlight">
                                                                        <input type="checkbox" value="true" @input="change_other_measure_type_two" v-model="check_other_measure_type_two"  name="type_other_measure_two" style="cursor: pointer" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                
                                                                @if(getSaleCodePricePercentage() == 'true')  
                                                                <tr class="@if(!getCustomeForm('sale','NotShowPercentage')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.NotShowPercentage')</td>
                                                                    <td class="highlight">
                                                                        <input type="checkbox" value="ok" v-model="not_show_percentage" name="not_show_percentage" style="cursor: pointer" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr> 
                                                                <tr class="@if(!getCustomeForm('sale','NotShowCommissionAndTax')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.NotShowCommissionAndTax')</td>
                                                                    <td class="highlight">
                                                                        <input type="checkbox" value="ok" v-model="not_show_commission_tax" name="not_show_commission_tax" style="cursor: pointer" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr> 
                                                                @endif
                                                                

                                                                @if(showVendorInFactor() == 'true') 
                                                                <tr>
                                                                    <td class="dstyle">@lang('layout.VendorName')</td>
                                                                    <td class="highlight">
                                                                        <input type="text"
                                                                         name="vendor_name" value="{{$sale->vendor_name}}" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                            </table>
                                                        </div>
                                                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="padding-right: 3px !important; padding-left: 3px !important;" >
                                                            <table>
                                                                @if($duplicate)
                                                                <tr>
                                                                    <td class="dstyle" width="30%" >@lang('layout.InvoiceNumber')</td>
                                                                    <td class="highlight">
                                                                        <input type="number" name="number" value="{{$numberDuplicate}}" class="form-control">
                                                                    </td>
                                                                </tr>
                                                                @else 
                                                                <tr>
                                                                    <td class="dstyle" width="30%" >@lang('layout.InvoiceNumber')</td>
                                                                    <td class="highlight">
                                                                        <input type="number" name="number" v-model="number" class="form-control">
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                <tr class="@if(!getCustomeForm('sale','referenceNumber')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.ReferenceNumber')</td>
                                                                    <td class="highlight">
                                                                        <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>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="dstyle" width="30%" >@lang('layout.Account')</td>
                                                                    <td class="highlight">
                                                                        <v-select label="name" :options="approperiateBank" v-model="selected_banks"></v-select>
                                                                        <input type="hidden" name="bank_account" :value="(this.selected_banks==null)?null:selected_banks.id">
                                                                    </td>
                                                                </tr>
                                                                <tr class="@if(!getCustomeForm('sale','date')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.Date')</td>
                                                                    <td class="highlight">
                                                                        <input type="text" name="date" value="{{$sale->date}}" class="form-control date" autocomplete="off" @if(getDateRequired() == 'true') v-validate='"required"' data-vv-as="@lang('layout.Date')" @endif>
                                                                        <span class="required">@{{ errors.first('date') }}</span>
                                                                    </td>
                                                                </tr>
                                                                <tr class="@if(!getCustomeForm('sale','hour')) displayNone @endif">
                                                                    <td class="dstyle" width="30%" >@lang('layout.Hour')</td>
                                                                    <td class="highlight">
                                                                        <div class="input-group">
                                                                            @if(getHourType() == 24)
                                                                            <input type="text" class="form-control timepicker timepicker-24" name="hour" value="{{$sale->hour}}">
                                                                            @else
                                                                            <input type="text" class="form-control timepicker timepicker-no-seconds" name="hour" value="{{$sale->hour}}" >
                                                                            @endif
                                                                            <span class="input-group-btn">
                                                                                <button class="btn default" type="button">
                                                                                    <i class="fa fa-clock-o"></i>
                                                                                </button>
                                                                            </span>
                                                                        </div>
                                                                        {{-- <input type="text" name="date" value="{{$sale->date}}" class="form-control date" autocomplete="off"> --}}
                                                                    </td>
                                                                </tr> 
                                                                @if(systemConfig()[27] == 1 && getCounterForEachRow() != "true")
                                                                <tr class="@if(!getCustomeForm('sale','gasStation')) displayNone @endif">
                                                                    <td class="dstyle">@lang('menu.GasStation')</td>
                                                                    <td class="highlight">
                                                                        <v-select class="vue-select2" label="name" :options="oilPart" v-model="selectedOilPart" @keyup.native="editKey = true" @click.native="editKey = true" @input="(editKey)?setSaleNumber():''">
                                                                        </v-select>
                                                                        <input type="hidden" name="oil_part_id" v-model.number="(!selectedOilPart)?null:selectedOilPart.id">
                                                                    </td>
                                                                </tr> 
                                                                <tr class="@if(!getCustomeForm('sale','gasStation')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.OldCounter')</td>
                                                                    <td class="highlight">
                                                                        <input type="number" v-model="old_oil_counter" name="old_oil_counter" class="form-control"  readonly>
                                                                    </td>
                                                                </tr> 
                                                                <tr class="@if(!getCustomeForm('sale','gasStation')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.NewCounter')</td>
                                                                    <td class="highlight">
                                                                        <input type="number" name="new_counter" class="form-control" v-model="NewCounter" @input="NewCounters()"> 
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(getActiveSale()=="true")
                                                                <tr class="@if(!getCustomeForm('sale','category')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.Category')</td>
                                                                    <td class="highlight">
                                                                        <select name="category" v-model="category" @input="checkRefNo()" class="form-control" >
                                                                            <option value="">@lang('layout.Select')</option>
                                                                            <option value="Sauna">@lang('layout.Sauna')</option>
                                                                            <option value="Restaurant">@lang('layout.Restaurant')</option>
                                                                        </select>
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(getSaleCommission()=="true")
                                                                <tr class="@if(!getCustomeForm('sale','commission')) displayNone @endif">
                                                                    <td class="dstyle">@lang('layout.Commission')</td>
                                                                    <td class="highlight">
                                                                        <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 />
                                                                    </td>
                                                                </tr>   
                                                                <tr class="@if(!getCustomeForm('sale','commission')) displayNone @endif">  
                                                                    <td class="dstyle" v-if="commissionIsAmount">@lang('layout.Amount')</td>
                                                                    <td class="dstyle" v-else="!commissionIsAmount">@lang('layout.Percentage')</td>
                                                                    <td class="highlight">
                                                                        <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>
                                                                    </td>
                                                                </tr> 
                                                                @endif

                                                                @if(getUniversity() == 'true') 
                                                                <tr>
                                                                    <td class="dstyle">@lang('layout.DiscountType')</td>
                                                                    <td class="highlight">
                                                                        <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" /> 
                                                                    </td>
                                                                </tr>  
    
                                                                <tr>  
                                                                    <td class="dstyle" >@lang('layout.DiscountNumber')</td> 
                                                                    <td class="highlight">
                                                                        <input class="form-control" v-model="discount_number" type="number" min="0" name="discount_number" > 
                                                                    </td>
                                                                </tr>  
                                                                @endif

                                                                @if(getProfit() == 'true') 
                                                                <tr>  
                                                                    <td class="dstyle" >@lang('layout.ProfitDate')</td> 
                                                                    <td class="highlight">
                                                                        <input type="text" name="profit_from_date" @click="setProfitAmount()" ref="profit_from_date" value="{{$sale->profit_from_date}}" class="form-control date" placeholder="{{__('layout.FromDate')}}" autocomplete="off"> 
                                                                        <input type="text" name="profit_to_date" @click="setProfitAmount()" ref="profit_to_date" value="{{$sale->profit_to_date}}" class="form-control date" placeholder="{{__('layout.ToDate')}}" autocomplete="off"> 
                                                                    </td>
                                                                </tr>  

                                                                <tr>
                                                                    <td class="dstyle">@lang('layout.Profit')</td>
                                                                    <td class="highlight">
                                                                        <v-select v-model="selected_profit" label="name" :options="profit" @keyup.native="editKey = true" @click.native="editKey = true" @input="(editKey)?setProfitAmount():''" >
                                                                        </v-select>
                                                                        <input type="hidden" name="profit_id" :value="!selected_profit?null:selected_profit.id" /> 
                                                                    </td>
                                                                </tr>  

                                                                <tr>  
                                                                    <td class="dstyle" >@lang('layout.ProfitAmount')</td> 
                                                                    <td class="highlight">
                                                                        <div class="input-group" style="color: black !important">
                                                                            <input type="number" readonly :value="!selected_profit?null:selected_profit.amount" class="form-control" > 
                                                                            <span class="input-group-addon" style="background-color: rgb(80, 129, 141);">@{{!selected_profit?null:selected_profit.percent}}%</span>
                                                                        </div>
                                                                        <div class="input-group" style="color: black !important">
                                                                            <input type="number" readonly :value="profit_amount" name="profit_amount" class="form-control" > 
                                                                            <span class="input-group-addon" style="background-color: rgb(80, 129, 141);">@{{!selected_profit?null:selected_profit.currency}}</span>
                                                                        </div>
                                                                    </td>
                                                                </tr>  
                                                                @endif

                                                                @if(ElectricityDate() == 'true') 
                                                                <tr>  
                                                                    <td class="dstyle" >@lang('layout.ElectricityDate')</td> 
                                                                    <td class="highlight">
                                                                        <input type="text" name="from_date" value="{{$sale->from_date}}"  ref="from_date" class="form-control date" placeholder="{{__('layout.FromDate')}}" autocomplete="off"> 
                                                                        <input type="text" name="to_date" value="{{$sale->to_date}}"  ref="to_date" class="form-control date" placeholder="{{__('layout.ToDate')}}" autocomplete="off"> 
                                                                    </td>
                                                                </tr>  
                                                                @endif

                                                                <tr class="@if(!getCustomeForm('sale','byName')) displayNone @endif">  
                                                                    <td class="dstyle" >@lang('layout.ByName')</td> 
                                                                    <td class="highlight">
                                                                        <input type="text" value="{{$sale->by_name}}" name="by_name" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>  

                                                                <tr class="@if(!getCustomeForm('sale','Way')) displayNone @endif">  
                                                                    <td class="dstyle" >@lang('layout.Way')</td> 
                                                                    <td class="highlight">
                                                                        <input type="text" name="way" value="{{$sale->monetary_source}}" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>  
    
                                                                <tr class="@if(!getCustomeForm('sale','TransactionType')) displayNone @endif">  
                                                                    <td class="dstyle" >@lang('layout.TransactionType')</td> 
                                                                    <td class="highlight">
                                                                        <input type="text" name="trans_type" value="{{$sale->trans_type}}" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>  
    
                                                                <tr class="@if(!getCustomeForm('sale','ReferenceName')) displayNone @endif">  
                                                                    <td class="dstyle" >@lang('layout.ReferenceName')</td> 
                                                                    <td class="highlight">
                                                                        <input type="text" name="reference_name" value="{{$sale->reference_name}}" class="form-control" autocomplete="off"> 
                                                                    </td>
                                                                </tr>   


                                                            </table>
                                                        </div>
                                                    </div>
                                                    @if(systemConfig()[23] == 1)
                                                    <br/>
                                                    <!--Begin 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-5 col-md-5 col-sm-12 col-xs-12" style="padding: 0px !important;" >
                                                            <div class="col-lg-8 col-md-8 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()"  v-model="selected_inventory" :options="temp_items" @search="onItemSearch" placeholder="@lang('layout.ItemName')" ></v-select>
                                                                    <!-- </div> -->
                                                                </div>
                                                                <p v-if="selected_itemes">
                                                                    @lang('layout.OnHand'):@{{(selected_itemes)?(Number.parseFloat(selected_itemes.on_hand * selected_itemes.measure_unit / selected_itemes.measure.measure_unit).toFixed(2)):''}} @{{(selected_itemes)?selected_itemes.measure.measure_name:''}}
                                                                </p>
                                                            </div>
                                                            <div class="col-lg-4 col-md-4 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" placeholder="@lang('layout.Site')"></v-select>
                                                                    </div>
                                                                    <p v-if="selected_itemes && selected_iventory_site" >
                                                                        @{{(selected_itemes && selected_iventory_site)?(Number.parseFloat(selected_iventory_site.OnHand * selected_itemes.measure_unit / selected_itemes.measure.measure_unit).toFixed(2)):''}}
                                                                    </p>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12" style="padding: 0px !important;" >
                                                            <div class="col-lg-4 col-md-4 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-4 col-md-4 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_itemes == null)?null:selected_itemes.measure" class="form-control" >
                                                                            <option value="null">@lang('layout.Select')</option>
                                                                            <span v-if="(selected_itemes ==null)?false:true">
                                                                                <option v-for="measure in (selected_itemes==null)?null:selected_itemes.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_itemes==null)?null:Number.parseFloat((AdvancePrice_cost * selected_itemes.measure.measure_unit / selected_itemes.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_itemes==null)?null:Number.parseFloat((AdvancePrice_cost * selected_itemes.measure.measure_unit / selected_itemes.measure_unit) * selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                                </p>
                                                                @endif
                                                            </div>
                                                            <div class="col-lg-4 col-md-4 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_itemes && seeCost==true" >
                                                                @lang('layout.CostInInventory'): @{{(selected_itemes==null)?null:Number.parseFloat((selected_itemes.LasCost * selected_itemes.measure.measure_unit / selected_itemes.measure_unit) * selected_currency.static_rate / selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                                </p>
                                                                @else 
                                                                <p v-if="selected_itemes && seeCost==true" >
                                                                @lang('layout.CostInInventory'): @{{(selected_itemes==null)?null:Number.parseFloat((selected_itemes.LasCost * selected_itemes.measure.measure_unit / selected_itemes.measure_unit) * selected_currency.rate).toFixed(precision())}} @{{selected_currency.symbol}}
                                                                </p>
                                                                @endif

                                                            </div>
                                                        </div>
                                                        <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="padding: 0px !important;" >
                                                            @lang('layout.Total'): @{{(selected_itemes==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;"  >
                                                            <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>
                                                    <!--END search Item-->
                                                    @endif
                                                    
                                                </div>
                                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"
                                                     v-show="seePrice == true">

                                                    <!-- begin total -->
                                                    <div class="well " style="padding: 5px 1px 1px 1px; margin-bottom: 5px;">
                                                        <table class="dashboard-tabel" width="100%">
                                                            <tr>
                                                                <td>
                                                                    <small style="font-weight: bolder;font-size:20px">@lang('layout.Total') :</small>
                                                                </td>
                                                                <td class="text-right"><span data-counter="counterup"
                                                                                             data-value="7800" style="font-weight: bolder;font-size:20px">@{{ Number.parseFloat((subtotal - (discount*(subtotal - discountFiledRow)/100) - discountFiledRow)-payeds).toFixed(precision())}}</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'): (@{{
                                                                        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*(subtotal - discountFiledRow)/100)+Number.parseFloat(discountFiledRow)) }}</span>
                                                                    <small class="font-green-sharp">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>
                                                            </tr>

                                                        <!--      <tr>
                                                                <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>
                                                            </tr>
                                                        -->

                                                        <tr>
                                                            <td>
                                                                <small>@lang('layout.Total') @lang('layout.Commission'):</small>
                                                            </td>
                                                            <td class="text-right">
                                                                <span class="text-right" 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>
                                                        </tr>

                                                            <tr>
                                                                <td>
                                                                    <small>@lang('layout.Sub-Total'):</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>
                                                            </tr>


                                                        </table>

                                                    </div>

                                                    <!-- end total -->

                                                    @if(ShowLastSale()=="true")
                                                    <div class="well" v-if="last_item_sale != null && last_item_sale != ''" style="overflow-x: scroll; height:130px; padding: 5px 1px 1px 1px; margin-bottom: 5px;">
                                                        <table class="dashboard-tabel table-bordered" width="100%">
                                                                    <tr>
                                                                        <td style="text-align: center">@lang('layout.CustomerName')</td>
                                                                        <td style="text-align: center">@lang('layout.Measure')</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 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;">
                                                        <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.Measure')</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>

                                                    @endif

                                                </div>

                                            </div>
                                            <br/>
                                            <div class="row" v-if="inventories.length>0" style="overflow-x: scroll;">
                                                @if(systemConfig()[23] == 1)
                                                <table id="table_content" class="table table-bordered table-advance table-hover">
                                                    <thead>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>@lang('layout.Edit') </th>
                                                        @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 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') </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 style="min-width: 100px">@lang('layout.SiteName') </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 style="min-width: 100px">@lang('layout.Quantity') </th>
                                                        <th style="min-width: 100px">@lang('layout.OnHand') </th>
                                                        @if(searchByCodeLocation()=="true")
                                                        @if(getExpireDate()=="true")
                                                        <th style="min-width: 100px">@lang('layout.ExpireDate')</th>
                                                        @endif
                                                        @endif
                                                        @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: 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: 30px">@lang('layout.CostInInventory') </th>
                                                        <th v-if="oil_sale == true && seeCost==true" style="min-width: 60px">@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
                                                        <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(getSubMeasure()=="true")	
                                                        <th style="min-width: 100px">@lang('layout.EquivalentTo') </th>
                                                        @endif
                                                        @if(getM3()!="" && getSubMeasure()!="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(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  
                                                        <th v-show="showWhat('sale_discount')=='yes'" style="min-width: 100px">@lang('layout.Discount') </th>
                                                        <th v-show="seePrice == true" style="min-width: 150px">@lang('layout.Total') </th>
                                                        <th></th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr v-for="(item,index) in inventories">
                                                        <td>@{{index+1}}</td>
                                                        <td>
															<div class="mt-checkbox" style="padding-left: 0px;">
                                                                <label class="mt-checkbox mt-checkbox-outline">
                                                                    <input type="checkbox" v-model="item.edit" />
                                                                    <span></span>
                                                                </label>
															</div>
														</td>
                                                        @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)" @keyup.native="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)" @keyup.native="itemBrandChange(index)" ></v-select>
                                                            <input type="hidden" name="inventory_brand_id[]" :value="(!item.item_brand)?null:item.item_brand.id">
                                                        </td>
                                                        <td class="highlight">
                                                            <v-select label="name" :disabled="!item.edit"
                                                                      @input="(item.edit)?onItemload(index):''"
                                                                      v-model="item.inventory" :options="temp_items"
                                                                      @search="onItemSearch"
                                                                      @Click.native="addNew('inventory',index)"
                                                                      ></v-select>
                                                            <input type="hidden" name="inventory_id[]" :value="(!item.item)?null:item.item.id">
                                                        </td>
                                                        @if(searchByCodeLocation()=="true")
                                                        <td class="highlight">
                                                            <v-select label="name" :disabled="!item.edit" @Click.native="addNew('inventory',index)" @input="(item.edit)?locationItemload(index):''" v-model="item.location" :options="(item.item==null)?[]:item.item.locationList" @search="locationSearch" ></v-select>
                                                            <input type="hidden" :name="'location['+index+']'" v-validate="''" data-vv-as="@lang('layout.Location')" :value="(!item.location)?null:item.location.name">
                                                        </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">
                                                            <select v-model="(item.item==null)?null:item.item.site" @click="changeDensity(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.Description')"
                                                                   name="inventory_description[]"
                                                                   v-model="(item.item==null)?null:item.item.description"
                                                                   oninput = "autowidths(event)"
                                                                    class="form-control chan_length">
                                                        </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"
                                                                   oninput = "autowidths(event)"
                                                                    class="form-control chan_length">
                                                        </td>
                                                        <td>
                                                            <input type="number" name="inventory_quantity[]" v-model.number="(item.item==null)?null:item.item.quantity" @input="change_oil_qty(index),setNewOilCounter(index), change_measureQuantityThree(index), quantity_by_second_measureTwo(index)" oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Quantity')">
                                                        </td> 
                                                        <td>
                                                            @{{myRound((item.item==null)?null:saleItemQuantity(item.item,item.item.quantity,0))}}
                                                        </td>
                                                        @if(searchByCodeLocation()=="true")
                                                        @if(getExpireDate()=="true")
                                                        <td>
                                                            @{{(item.item==null)?null:((item.item.site==null)?null:item.item.selectItemExpireDate)}}
                                                        </td>
                                                        @endif
                                                        @endif
                                                        @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.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.new_counter_row" class="form-control">
                                                        </td>
                                                        @endif
                                                        <td v-show="showWhat('other_measure')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number"  style="min-width: 45px;" name="other_measure_amount[]" v-model="(item.item == null)?null:item.item.other_measure" @input="change_per_qty(index)"
                                                                class="form-control input-style input-number chan_length" oninput = "autowidths(event)" placeholder="@lang('layout.OMeasureValue1')">
                                                                <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>
                                                        <td v-show="showWhat('other_measure2')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" style="width: 40px;" name="other_measure_amount2[]"
                                                                   v-model.number="(item.item==null)?null:item.item.other_measure2"
                                                                   oninput = "autowidths(event)"
                                                                   class="form-control input-style input-number chan_length" placeholder="@lang('layout.OMeasureValue2')">
                                                                   <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>
                                                        <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(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), setNewOilCounter(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
                                                        <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="precision()"
                                                                @input="setNewRate('inventory',index)"
                                                                >
                                                            </vue-numeric>
                                                            <input type="hidden" :name="'inventory_price['+index+']'" placeholder="@lang('layout.Price')" :value="(item.item==null)?null:saleNewRate(item.item,selected_currency.rate,null, selected_currency.static_rate)" >
                                                        </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()!="" && getSubMeasure()!="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> 
                                                                </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" 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(getSubMeasure() =="true")	  
                                                            <td>
                                                                @{{myRound((item.item==null)?null:subMQuantity(item.item,item.item.quantity))}}
                                                            </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   
                                                        <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-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).result" ref="total" @input="setQuantityByTotal(index)"  class="form-control">
                                                            {{-- @{{(item.item==null)? 0:getItemTotal(item.item,selected_currency.rate,discountIsAmount,item.item.discount).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).result" ref="total" @input="setQuantityByTotal(index)"  class="form-control">  
                                                            {{-- @{{(item.item==null)? 0:getItemTotalOil(item.item,selected_currency.rate,discountIsAmount,item.item.discount).result}}
                                                            @{{selected_currency.symbol}} --}}
                                                        </td>
                                                        <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>
                                                            <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>
                                                @endif
                                                <hr>
                                                @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="scale_id[]" :value="(service.item==null)?null:service.scale_id">
                                                        </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.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.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')">
                                                            {{-- <input class="form-control" name="service_quantity[]"
                                                            v-model.number="(!service.item)?null:service.quantity" @input="priceQuantity(index)"
                                                                   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">

                                                                {{-- <input type="number" name="service_price[]"
                                                                       placeholder="@lang('layout.Cost')"
                                                                       @input="setNewRate('service',index), priceQuantity(index)" v-model="(service.item==null)?null:service.price"
                                                                       ref="ser"
                                                                       class="form-control"> --}}
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                  </span>
                                                            </div>

                                                        </td>
                                                        <td>
                                                            <div class="input-group">
                                                                {{-- <input type="number" class="form-control inner_input" 
                                                                       placeholder="@lang('layout.Total')" disabled> --}}
                                                                {{-- <input type="number" class="form-control inner_input"  v-model.number="(!service.item)?null:service.total" 
                                                                placeholder="@lang('layout.Total')" disabled> --}}
                                                                <input type="number" class="form-control inner_input" :value="(service.item==null)?null:getItemTotalService(service.item,selected_currency.rate,selected_currency.hq_rate, selected_currency.static_rate).result" placeholder="@lang('layout.Total')" disabled>
                                                                <span class="input-group-addon">
                                                                      <b>@{{selected_currency.symbol}}</b>
                                                                  </span>
                                                            </div>
                                                        </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

                                            </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>
                                                                    {{Form::text('transfer_code',$sale->transferCode,['class' => 'form-control','placeholder' => __('layout.TransferCode')])}}

                                                                </div>
                                                            </div>

                                                            <div class="col-md-3">

                                                                <div class="col-md-12">
                                                                    <label class="control-label">@lang('layout.Transporter_name')</label>
                                                                    <input type="test" name="transporter_name"
                                                                           value="{{$sale->driver}}"
                                                                           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"
                                                                           value="{{$sale->driverPhone}}"
                                                                           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',$sale->PlaceOfWeight,['class' => 'form-control','placeholder' => __('layout.PlaceOfWeight')])}}
                                                                </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',$sale->sourcePlace,['class' => 'form-control','placeholder' => __('layout.SourcePlace')])}}
                                                                </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"
                                                                           value="{{$sale->plateNumber}}"
                                                                           placeholder="@lang('layout.PlateNumber')"
                                                                           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"
                                                                           value="{{$sale->wayBillNumber}}"
                                                                           placeholder="@lang('layout.WayBillNumber')"
                                                                           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"
                                                                           value="{{$sale->totalWeight}}"
                                                                           placeholder="@lang('layout.TotalWeight')"
                                                                           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"
                                                                           value="{{$sale->emptyCarWeight}}"
                                                                           placeholder="@lang('layout.EmptyCarWeight')"
                                                                           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"
                                                                           placeholder="@lang('layout.TotalBori')"
                                                                           value="{{$sale->bori}}"
                                                                           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"
                                                                           placeholder="@lang('layout.Rent')"
                                                                           class="form-control"
                                                                           value="{{$sale->rent}}"
                                                                           >
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <div class="col-md-12">
                                                                    <label class="control-label ">@lang('layout.Description')</label>
                                                                    {{Form::textarea('transfer_description',$sale->trDesription,['class' => 'form-control','rows' => '3','placeholder' => __('layout.Description')])}}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            @endif
                                        <!--End Draiver-->

                                            <!-- begin total -->
                                            @if(getInvoiceTotal() == 'true')

                                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"
                                                     v-show="seePrice == true">
                                                    <div class="dashboard-stat2 ">
                                                        <table class="dashboard-tabel" width="100%">
                                                            <tr>

                                                                <td>
                                                                    <small>@lang('layout.Sub-Total'):</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.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*(subtotal - discountFiledRow)/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">@{{ Number.parseFloat((subtotal - (discount*(subtotal - discountFiledRow)/100) - discountFiledRow)-payeds).toFixed(precision())}}</span>
                                                                    <small class="font-green-sharp">
                                                                        @{{selected_currency.symbol}}
                                                                    </small>
                                                                </td>


                                                            </tr>


                                                        </table>

                                                    </div>
                                                </div>
                                        @endif
                                        <!-- end total -->

                                        <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="">@lang('layout.PrintFactor') </label>
                                                                    <select name="print_factor_type" v-model="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" v-model="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" v-model="check_measure">
                                                                        <option value=""> @lang('layout.Select') </option>
                                                                        <option value="type1">@lang('layout.MeasureType') 1 </option> 
                                                                        <option value="both12">@lang('layout.MeasureType') 1,2 </option> 
                                                                    </select>
                                                                </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div> 


                                            @endif

                                          


                                            @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" v-model="show_persian_desc" >
                                                                    <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" v-model="show_discount_checked">
                                                                    <span></span>
                                                                </label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>

                                            @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" >
                                                        <span class="required">@{{ errors.first('currency_rate') }}</span>
                                                    </div>
                                                </div>
                                            </div> 
                                            @endif 

                                        </div>

                                            <div class="row">
                                                @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" class="form-control"
                                                                        rows="2">{{$sale->print_description}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                                @endif
                                                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 @if(!getCustomeForm('sale','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">{{$sale->memo}}</textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <div class="col-xs-12 col-sm-10 col-md-11 text-center">
                                            @if($duplicate)
                                            <button type="button" v-if="isError1 ==false" v-if="!isError" @click="submitForm" :disabled="disabled" class="btn green">@lang('layout.Submit')</button>
                                            @else
                                            <button type="button" v-if="isError1 ==false" v-if="!isError" @click="submitForm" :disabled="disabled" class="btn green">@lang('layout.Update')</button>
                                            <button type="button" v-if="((!isError) && (isError1 == false))" :disabled="disabled" class="btn blue" @click="saveAndNew($event)">@lang('layout.Check') / @lang('layout.Update')</button>
                                            @endif
                                            <a href="{{route('sale.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
                                        </div>

                                        <cmodal :show='showModal' @close="showModal=false">

                                        </cmodal>
                                    </div>

                                </div>


                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                    <p> &nbsp; </p>
                    <p> &nbsp; </p>
                </div>
            </div>
            <!-- END TAB PORTLET-->
        </div>
    </div>
@endsection
@push('scripts')
    <script src="{{URL::asset('assets/global/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js')}}" type="text/javascript"></script>
    <script src="{{URL::asset('assets/pages/scripts/components-date-time-pickers.min.js')}}" type="text/javascript"></script>

    <script type="text/javascript">

        @if(App::getLocale())
        Vue.use(VeeValidate, {
            locale: '{{App::getLocale()}}',
        });
        @else
        Vue.use(VeeValidate, {
            locale: 'en',
        });
        @endif

        Vue.use(VueInputAutowidth);

        Vue.component('v-select', VueSelect.VueSelect);
        Vue.use(VueNumeric.default);

        Vue.component("cmodal", {
            template: '#cmodal-template',

            props: ['show'],
            data() {
                return {
                    types: [],
                    receivables: [],
                    payables: [],
                    code: null,
                    selectType: null,
                    selectPay: null,
                    selectReceive: null,
                    classes: [],
                    selectedClass: null,
                }
            },
            mounted() {
                setTimeout(() => {
                    this.getMemberCode();
                }, 500);
            },
            methods: {
                onSubmit() {
                    v.showModal = false;
                    var datas = $("#modalForm").serializeArray();
                    let vmc = this;
                    // console.log('Lala',datas)
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': "{{csrf_token()}}"},
                        url: '{{route("customer.store")}}',
                        method: 'post',
                        data: {
                            "name": datas[0]['value'],
                            'code': datas[1]['value'],
                            'email': datas[2]['value'],
                            'phone': datas[3]['value'],
                            'address1': datas[4]['value'],
                            'type': this.selectType.id,
                            'receivable': this.selectReceive.id,
                            'payable': this.selectPay.id,
                            'class': (this.selectedClass) ? this.selectedClass.id : null
                        },
                        dataType: 'json',

                    }).done(function (response) {
                        if (response) {
                            v.selected_customer = response.customer;
                            vmc.getMemberCode();
                        }
                    }).fail(function (error) {
                        console.log('error', error);
                    });

                },
                getMemberCode() {
                    let vmc = this;
                    axios.get('{{route("customer.create")}}').then(
                    response => {
                        vmc.types = response.data.types;
                        if (vmc.types) {
                            for (var i = 0; i < vmc.types.length; i++) {
                                if (vmc.types[i].type == "Customer") {
                                    vmc.selectType = vmc.types[i];
                                }
                            }
                        }
                        vmc.receivables = response.data.receivable;
                        vmc.payables = response.data.payable;
                        vmc.code = response.data.code;
                        vmc.classes = response.data.member_class;
                        if(vmc.receivables.length>0)
                        {
                            vmc.selectReceive=vmc.receivables[0];
                        }
                        if(vmc.payables.length>0)
                        {
                            vmc.selectPay=vmc.payables[0];
                        }

                    }).catch(error => console.log(error));
                }
            }
        });

        var seePrice ={!! $seePrice !!};
        var seeCost ={!! $seeCost !!};
        var currency ={!! $currency !!};
        var selectedCurrency = {!! $selectedCurrency !!};
        var banks = {!! $banks !!};
        var all_services = {!! $all_services !!};
        var selectedService = {!! $selectedService !!};
        var selectedItem = {!! $selectedItem !!};
        var sale = {!! $sale !!};
        var inventory_category = {!! $inventory_category !!};
        var memberClass = {!! $memberClass !!};
        var saleArea = {!! $saleArea !!};

        var priceLevel = {!!$priceLevel!!};
        var priceLevelGeneral = {!!$priceLevelGeneral!!};
        var selected_priceLevel = {!!$selected_priceLevel!!};
        var inventoryBrand =  {!!$inventoryBrand!!}; 
        var inventory_sites = {!!$inventory_sites!!};
        var oilPart = {!!$oilPart!!};
        var commission = {!! $commission !!};
        var selected_currency_conversion = {!!$selected_currency_conversion!!};
        var discountType =  {!!$discountType!!}; 
        var profit =  {!!$profit!!}; 

        var v = new Vue({
            el: '#app',
            data: { 
                showDiscountRow: {!! getCustomeForm('sale','discount') ? 'true' : 'false' !!},
                showModal: false,
                editKey: false,
                check_gift_status: false,
                check_other_measure_type_two: false,
                oil_sale: {{($sale->oil == 1) ? 'true' : 'false'}},
                per_qty_check: {{($sale->per_qty == 'on') ? 'true' : 'false'}},
                sale: sale,
                check_measure: null,
                customer: [],
                all_customer: [],
                commission: commission,
                selected_commission: null,
                selected_currency_conversion: selectedCurrency,
                sum_commission:0,
                seePrice: seePrice,
                discountType: discountType,
                selected_discountType: null,
                profit: profit,
                selected_profit: null,
                profit_amount: 0,
                seeCost: seeCost,
                grn_status: null,
                discount_number: null,
                not_show_percentage: null,
                not_show_commission_tax: null,
                selected_customer: {!!$selectedCustomer!!},
                selected_item: selectedItem,
                banks: banks,
                selected_banks: null,
                selectedOilPart: null,
                oilPart: oilPart,
                number: {{$sale->number}},
                all_services: all_services,
                subTotalCommi:0,
                commissionFiled: 0,
                totalCommi:0,
                selected_service: selectedService,
                currency: currency,
                selected_currency: selectedCurrency,
                rate: 0,
                discountFiled: 0,
                discountFiledRow: 0,
                discountIsAmount: false,
                commissionIsAmount: false,
                disabled: false,
                brandItem: inventoryBrand,
                selected_iventory_brand: null,
                temp_items: [],
                totalAmountes: [],
                inventory_category: inventory_category,
                inventory_sites: inventory_sites,
                selected_iventory_site: null,
                selected_inventory: null,
                selected_itemes: null,
                selected_quantity: null,
                selected_quantity_error: false,
                selected_price: null,
                AdvancePrice: null,
                AdvancePrice_cost: null,
                last_item_sale:null,
                last_item_purchase:null,
                category:null,
                discounts: 0 ,

                p_total: false,
                counter_check: 0,
                counter_check1: 1,
                counter_check2: -1,
                
                selected_index: 0,
                newCost: [
                    null,
                    null,
                    null,
                    null],
                inventories: [],
                services: [],
                payments: [],
                memberClass: memberClass,
                selected_class: null,
                saleArea: saleArea,
                selected_area: null,
                ref_no: "@if($duplicate) {{$saleRef}} @else {{$sale->ref_no}} @endif",
                contract_check: "{{$sale->contract_check}}",
                show_persian_desc: "{{$sale->show_persian_desc}}",
                show_discount_checked:"{{$sale->show_discount}}",
                msg: '',
                isError1: false,
                priceLevel:priceLevel,
                selected_priceLevel:null,
                priceLevelGeneral: priceLevelGeneral,
                selected_priceLevelGeneral: null,
                print_factor_type: '',
                old_oil_counter: 0,
                type_factor_measure: null,
                NewCounter: 0 
            },
            computed: {
                selectedRate() {
                    if (this.selected_currency) {
                        this.rate = (this.selected_currency) ? this.selected_currency.rate : 0;

                        for (var i = 0; i < this.inventories.length; i++) {
                            if (this.inventories[i].item && this.inventories[i].item != null) {
                                if (this.inventories[i].item.new_rate) {
                                    @if(salePriceCalculate() == "static_item_price")
                                    if(this.inventories[i].item.static_item_prices && this.inventories[i].item.static_item_prices.length>0){
                                        this.changeStaticRate();
                                    }else {
                                        @if(systemConfig()[30] == 1)
                                        this.inventories[i].item.cost = this.inventories[i].item.new_rate * this.selected_currency.static_rate / this.selected_currency.rate;
                                        @else 
                                        this.inventories[i].item.cost = this.inventories[i].item.new_rate * this.selected_currency.rate;
                                        @endif
                                    }
                                    @else
                                        @if(systemConfig()[30] == 1)
                                        this.inventories[i].item.cost = this.inventories[i].item.new_rate * this.selected_currency.static_rate / this.selected_currency.rate;
                                        @else 
                                        this.inventories[i].item.cost = this.inventories[i].item.new_rate * this.selected_currency.rate;
                                        @endif
                                    @endif
                                }
                            }
                        }
                    }
                },
                 
                discount() {  
                if (this.discountIsAmount) { 
                    if (this.subtotal > 0 && this.discountFiled) {
                        var dos = (Number.parseFloat(this.discountFiled) * 100) / (this.subtotal - this.discountFiledRow);
                        this.discounts = dos;
                        return dos;
                    } else {
                        this.discounts = 0;
                        return 0;
                    }
                } else {
                    this.discounts = this.discountFiled;
                    return this.discountFiled
                } 
            },


                // calculate subtotal
                subtotal: function () {
                    var sum = 0;
                    var sum_discount = 0;
                    var sum_commission = 0; 

                    for (var i = 0; i < this.inventories.length; i++) {
                    if (this.inventories[i].item && this.inventories[i].item != null) {

                        //Total Qty all Invoic 
                        var row_amount = this.subMQuantity(this.inventories[i]['item'], this.inventories[i]['item']['quantity'])
                      
                        if (this.oil_sale == true) {
                            var quantity = this.inventories[i]['item']['oil_qty'];
                        } else {
                            var quantity = this.inventories[i]['item']['quantity'];
                        }

                        if (this.inventories[i]['item']['other_measure'] > 0 && this.per_qty_check && this.inventories[i]['perqty'] == false) {
                                var quantity = this.inventories[i]['item']['other_measure'];
                        }

                        if (this.inventories[i]['item']['other_measure2'] > 0 && this.per_qty_check && this.inventories[i]['perqty'] == false) {
                            if(this.check_other_measure_type_two == true){
                                var quantity = this.inventories[i]['item']['other_measure2'];
                                this.inventories[i]['item']['other_measure2'] = this.inventories[i]['item']['other_measure2'];
                        }
                        }

                        var rate = this.inventories[i]['item']['rate'];
                        var new_rate = this.inventories[i]['item']['new_rate'];
                        var smeasure_unit = this.inventories[i]['item']['measure']['measure_unit'];
                        var measure_unit = this.inventories[i]['item']['measure_unit'];
                        var discount = this.inventories[i]['item']['discount'];
                        var selected_row_commission = this.inventories[i]['row_commission_percent'];

                        if (new_rate != rate && quantity > 0) {
                            @if(systemConfig()[30] == 1)
                            sum += new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate;
                            @else 
                            sum += new_rate * quantity * this.selected_currency.rate;
                            @endif
                            if (this.discountIsAmount) {
                                if (discount > 0) {
                                    sum_discount += (discount * quantity);
                                }
                            } else { 
                                if (discount > 0) {
                                    @if(systemConfig()[30] == 1)
                                    sum_discount += (Number.parseFloat(discount) * (new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate)) / 100;
                                    @else 
                                    sum_discount += (Number.parseFloat(discount) * (new_rate * quantity * this.selected_currency.rate)) / 100;
                                    @endif 
                                }
                            }



                         if (this.commissionIsAmount) {
                            if (this.selected_commission && !this.inventories[i].commission && selected_row_commission > 0) {
                                sum_commission += (quantity * selected_row_commission);
                                this.inventories[i]['row_commission_amount'] = (quantity * selected_row_commission);
                            }
                        } else{ 
                            if (this.selected_commission && !this.inventories[i].commission && selected_row_commission > 0) { 
                                @if(CommissionAfterDiscount() == 'true')
                                @if(systemConfig()[30] == 1)
                                sum_commission += ((new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100;
                                this.inventories[i]['row_commission_amount'] = (((new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100);
                                @else  
                                if (this.discountIsAmount) {
                                    var discount = (quantity * this.inventories[i]['item']['discount']); 
                                }else{
                                    var discount = ((new_rate * quantity * this.selected_currency.rate) * this.inventories[i]['item']['discount']) / 100; 
                                } 
                                var total_commission = ((new_rate * quantity * this.selected_currency.rate - discount) * selected_row_commission) / 100; 
                                sum_commission += total_commission;
                                this.inventories[i]['row_commission_amount'] = total_commission;  
                                @endif 
                                @else 
                                @if(systemConfig()[30] == 1)
                                sum_commission += ((new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100;
                                this.inventories[i]['row_commission_amount'] = ((new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100;
                                @else 
                                sum_commission += ((new_rate * quantity * this.selected_currency.rate) * selected_row_commission) / 100;
                                this.inventories[i]['row_commission_amount'] = ((new_rate * quantity * this.selected_currency.rate) * selected_row_commission) / 100;
                                @endif 
                                @endif  
                            }  
                        } 

 
  
                        } else {
                            @if(systemConfig()[30] == 1)
                            sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate);
                            @else 
                            sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate);
                            @endif

                            if (this.discountIsAmount) {
                                if (discount > 0) {
                                    sum_discount += (discount * quantity);
                                }
                            } else {

                                if (discount > 0) {
                                    @if(systemConfig()[30] == 1)
                                    sum_discount += (Number.parseFloat(discount) * (quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate))) / 100;
                                    @else 
                                    sum_discount += (Number.parseFloat(discount) * (quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate))) / 100;
                                    @endif
                                }
                            }

                            if (this.commissionIsAmount) {
                                if (this.selected_commission && !this.inventories[i].commission && selected_row_commission > 0) {
                                    sum_commission += (quantity * selected_row_commission);
                                    this.inventories[i]['row_commission_amount'] = (quantity * selected_row_commission);
                                }
                            } else{
                                if (this.selected_commission && !this.inventories[i].commission && selected_row_commission > 0) { 
                                    @if(CommissionAfterDiscount() == 'true')
                                    @if(systemConfig()[30] == 1)
                                    sum_commission += (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100;
                                    this.inventories[i]['row_commission_amount'] = ((((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100);
                                    @else  
                                    if (this.discountIsAmount) {
                                        var discount = (quantity * this.inventories[i]['item']['discount']); 
                                    }else{
                                        var discount = (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.rate) * this.inventories[i]['item']['discount']) / 100; 
                                    } 
                                    var total_commission = (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.rate - discount) * selected_row_commission) / 100; 
                                    sum_commission += total_commission;
                                    this.inventories[i]['row_commission_amount'] = total_commission;  
                                    @endif 
                                    @else 
                                    @if(systemConfig()[30] == 1)
                                    sum_commission += (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100;
                                    this.inventories[i]['row_commission_amount'] = (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.static_rate / this.selected_currency.rate) * selected_row_commission) / 100;
                                    @else 
                                    sum_commission += (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.rate) * selected_row_commission) / 100;
                                    this.inventories[i]['row_commission_amount'] = (((rate * smeasure_unit / measure_unit) * quantity * this.selected_currency.rate) * selected_row_commission) / 100;
                                    @endif 
                                    @endif  
                                }  
                            } 
 
                        } 
                    } 
                } 


                    this.discountFiledRow = sum_discount; 
                    for (var i = 0; i < this.services.length; i++) {
                        if (this.services[i].item && this.services[i].item != null) {  
                            // console.log(3232, this.services[i].item);
                            var rate = this.services[i]['item']['rate'];
                            var new_rate = this.services[i]['item']['new_rate'];
                            var smeasure_unit = this.services[i]['item']['measure']['measure_unit'];
                            var measure_unit = this.services[i]['item']['measure_unit'];
                            var quantity = this.services[i]['item']['quantity'];
                            if (new_rate != rate && quantity > 0) {
                                @if(systemConfig()[30] == 1)
                                sum += new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate;
                                @else 
                                sum += new_rate * quantity * this.selected_currency.rate;
                                @endif

                            } else {
                                @if(systemConfig()[30] == 1)
                                sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate);
                                @else 
                                sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate);
                                @endif
                            }
                        }

                    }
                    
                    @if(CommissionAfterDiscount() == 'true')  
                    if (this.selected_commission) { 
                        var total_discount = Number.parseFloat(this.discounts*(sum - sum_discount)/100)+Number.parseFloat(sum_discount); 
                        var percent = this.selected_commission.percent; 
                        if (this.commissionIsAmount) {
                            this.totalCommi = percent;
                            this.subTotalCommi = percent;
                        } else { 
                            this.totalCommi = (((sum - total_discount) * percent) / 100);
                            this.subTotalCommi = (((sum - total_discount) * percent) / 100);
                        }
                    }else{
                        this.totalCommi = 0;
                        this.subTotalCommi = 0;
                    } 
                    @else 
                    if (this.selected_commission) {
                        var percent = this.selected_commission.percent;
                        if (this.commissionIsAmount) {
                            this.totalCommi = percent;
                            this.subTotalCommi = percent;
                        } else {
                            this.totalCommi = ((sum * percent) / 100);
                            this.subTotalCommi = ((sum * percent) / 100);
                        }
                    }else{
                        this.totalCommi = 0;
                        this.subTotalCommi = 0;
                    }
                    @endif


 
                    if (this.selected_commission) {
                        var commi = this.totalCommi;
                        @if(getSaleCommissionMarketer() !="true")
                        sum = parseFloat(commi) + parseFloat(sum);
                        @endif
                    }  

                    // console.log(" Newa ", sum_commission);

                    this.sum_commission = sum_commission; 


                    return sum;
                },

                // check payed amount
                payeds: function () {
                    var sum = 0;
                    for (var i = 0; i < this.payments.length; i++) {

                        if (this.payments[i].item != null && this.payments[i].item) {
                            if (this.payments[i].item != null && this.payments[i]['item']['rate'] > 0) {
                                @if(systemConfig()[30] == 1)
                                sum += ((this.payments[i]['item']['amount'] / this.payments[i]['item']['static_rate'] * this.payments[i]['item']['rate']) * this.selected_currency.static_rate / this.selected_currency.rate);
                                @else 
                                sum += (this.payments[i]['item']['amount'] * this.selected_currency.rate / this.payments[i]['item']['rate']);
                                @endif
                            }
                        }
                    }
                    return sum;
                },

                // check data validation
                isError: function () {
                    var isError = false;
                    var flag = false;
                    for (var i = 0; i < this.inventories.length; i++) {

                        if (this.inventories[i].item) {
                            flag = true;
                            @if(getSaleByZeroPrice() != 'true')
                            if (((this.inventories[i]['item']['rate'] <= 0))) {
                                rate = this.inventories[i]['item']['rate'];
                                new_rate = this.inventories[i]['item']['new_rate'];
                                if (rate <= 0 && new_rate <= 0) {
                                    isError = true;
                                }

                            }
                            @endif
                        }
                    }
                    for (var i = 0; i < this.services.length; i++) {
                        if (this.services[i].item && this.services[i].item != null) {
                            flag = true;
                        }
                    }
                    if (this.selected_customer == undefined || this.selected_customer == null || flag == false) {
                        isError = true;
                    }
                    return isError;


                },
                // filter the banks according to selected currency
                approperiateBank: function () {
                    var bankCopy = this.banks.slice();
                    var tempBank = bankCopy.filter((account) => {
                        return (new RegExp(this.selected_currency.code.toLowerCase())).test(account.code.toLowerCase())
                    });
                    if (tempBank.length > 0) {
                        this.selected_banks = tempBank[0];
                    }  else {
                        this.selected_banks = null;
                    }
                    return tempBank;
                },
            },
 
            mounted: function () {  

                @if(getConversionToAnotherCurrency() == 'true')
                if(sale.conversion_rate){
                    this.selected_currency_conversion = selected_currency_conversion;
                    this.selected_currency_conversion.rate = sale.conversion_rate;
                }
                @endif
 
                if(sale.check_other_measure_two){
                    this.check_other_measure_type_two = sale.check_other_measure_two == 'true'? true:false; 
                }

                if(sale.check_measure){
                    this.check_measure = sale.check_measure; 
                }

                if(sale.profit_amount && sale.profit_id){
                    this.profit_amount = sale.profit_amount;  
                    this.selected_profit = _.find(this.profit, (c) => c.id == sale.profit_id);
                }

                @if(getShwoPriceLevel()=="general")
                    this.selected_priceLevel = selected_priceLevel;
                @endif

                @if(getShwoPriceLevel()=="general_percent")
                    this.selected_priceLevelGeneral = selected_priceLevel;
                @endif
  
                if (sale.print_factor_type) { 
                this.print_factor_type = sale.print_factor_type;
                }

                if(sale.type_factor_measure){
                this.type_factor_measure = sale.type_factor_measure;
                }
  
                if(sale.check_gift){
                    this.check_gift_status = sale.check_gift;
                }
                if(sale.grn_status){
                    this.grn_status = sale.grn_status;
                }
   
                if(sale.not_show_percentage){
                    this.not_show_percentage = sale.not_show_percentage;
                }
   
                if(sale.not_show_commission_tax){
                    this.not_show_commission_tax = sale.not_show_commission_tax;
                }
   
                if (this.sale) {
                    if (this.sale.id) {
                        var vmc = this;
                        axios.get("{{url('sale')}}/" + vmc.sale.id + "/edit")
                        .then(function(response) {
                            if (response.data) {
                                if (response.data.selectedItem) {
                                    vmc.selected_item = response.data.selectedItem;
    
                                    for (var i = 0; i < vmc.selected_item.length; i++) {
                                        if (vmc.oil_sale == true) {
                                            vmc.selected_item[i]['new_rate'] = vmc.selected_item[i]['new_rate'] * vmc.selected_item[i]['density'];
                                            vmc.selected_item[i]['rate'] = vmc.selected_item[i]['rate'] * vmc.selected_item[i]['density'];
                                            vmc.selected_item[i]['cost'] = vmc.selected_item[i]['cost'] * vmc.selected_item[i]['density'];
                                        }

                                        var price_level = vmc.selected_item[i].price_level;
                                        @if(getShwoPriceLevel()=="general_percent_per_item")
                                        if (vmc.selected_item[i].price_level_id) {
                                            price_level = _.find(vmc.priceLevelGeneral, (s) => s.id == vmc.selected_item[i].price_level_id);
                                            
                                        }
                                        @endif
 
                                        vmc.inventories.push({
                                            inventory: vmc.selected_item[i],
                                            item: vmc.selected_item[i],
                                            item_category: vmc.selected_item[i].item_category,
                                            item_brand: vmc.selected_item[i].inventory_brand,
                                            location: vmc.selected_item[i].selectedLocationList,
                                            commission: vmc.selected_item[i].row_commission_state,
                                            perqty: vmc.selected_item[i].check_row_measure?true: false,
                                            row_commission_percent: vmc.selected_item[i].row_commission_percent,
                                            item_oil_part: vmc.selected_item[i].item_oil_part,
                                            old_oil_counter_row: vmc.selected_item[i].old_oil_counter_row,
                                            new_counter_row: vmc.selected_item[i].new_counter_row,
                                            price_level:price_level
                                        });
                                        // console.log("Push" , vmc.inventories); 
                                    }

                                    vmc.inventories.push({inventory: null, item: null, perqty: false, location: null, edit: true, item_category: null,item_brand: null,price_level:null});
                                    // console.log(123, vmc.selected_item);
                                }
                            }
                        })
                        .catch(function(error) {
                            vmc.inventories.push({inventory: null, item: null, location: null, perqty: false, edit: true, item_category: null,item_brand: null,price_level:null});
                            console.log(error);
                        })
                    } 
                }

                // initialize the selected item
                // for (var i = 0; i < this.selected_item.length; i++) {

                //     if (this.oil_sale == true) {
                //         this.selected_item[i]['new_rate'] = this.selected_item[i]['new_rate'] * this.selected_item[i]['density'];
                //         this.selected_item[i]['rate'] = this.selected_item[i]['rate'] * this.selected_item[i]['density'];
                //         this.selected_item[i]['cost'] = this.selected_item[i]['cost'] * this.selected_item[i]['density'];
                //     }

                //     var price_level = this.selected_item[i].price_level;
                //     @if(getShwoPriceLevel()=="general_percent_per_item")
				// 	if (this.selected_item[i].price_level_id) {
				// 		price_level = _.find(this.priceLevelGeneral, (s) => s.id == this.selected_item[i].price_level_id);
                        
                //     }
                //     @endif
                    
                //     this.inventories.push({
                //         inventory: this.selected_item[i],
                //         item: this.selected_item[i],
                //         item_category: this.selected_item[i].item_category,
                //         item_brand: this.selected_item[i].inventory_brand,
                //         location: this.selected_item[i].selectedLocationList,
                //         price_level:price_level
                //     });
                // }
                // for (var m = 4; m > this.selected_item.length; m--) {
                    // this.inventories.push({inventory: null, item: null, location: null, edit: true, item_category: null,item_brand: null,price_level:null});
                // }
                // end item

                // initialize payments

                for (var j = 0; j < this.banks.length; j++) {
                    if (this.banks[j].id == this.sale.account_id) {
                        this.selected_banks = this.banks[j];
                    }
                }
 
                // begin service...........................................

                for (var r = 0; r < this.selected_service.length; r++) {
                    var flag = false;
                    var tempService;
                    for (var h = 0; h < this.all_services.length; h++) {
                        if (this.all_services[h].id == this.selected_service[r].item_id) {
                            // console.log(34, this.all_services[h]);
                            // console.log(345, this.selected_service[r], this.selected_service[r].sales_price);

                            var measure = _.find(this.all_services[h].measure_list, (c) => c.measure_id == this.selected_service[r].sale_um_id);
                            
                            rate = (this.selected_service[r].sales_price * this.all_services[h].measure_unit / measure.measure_unit);

                            flag = true;
                            tempService = this.all_services[h];
                            tempService.quantity = this.selected_service[r].qty;
                            tempService.rate = rate;
                            tempService.new_rate = this.selected_service[r].sales_price;
                            tempService.description = this.selected_service[r].description;
                            tempService.scale_id = this.selected_service[r].scale_id;
                            tempService.description2 = this.selected_service[r].description2;

                            var sData = {
                                amount: this.all_services[h].amount,
                                cost: this.all_services[h].cost,
                                id: this.all_services[h].id,
                                description: this.selected_service[r].description,
                                description2: this.selected_service[r].description2,
                                scale_id: this.selected_service[r].scale_id,
                                measure: (measure)?measure:this.all_services[h].measure,
                                measure_list: this.all_services[h].measure_list,
                                measure_unit: this.all_services[h].measure_unit,
                                name: this.all_services[h].name,
                                quantity: this.selected_service[r].qty,
                                new_rate: this.selected_service[r].sales_price,
                                rate: rate
                            }

                            this.services.push({
                                item: sData, 
                                items: this.all_services,
                                quantity: tempService.quantity,  
                                price: tempService.rate,  
                                scale_id: tempService.scale_id,  
                                description: tempService.description,  
                                description2: tempService.description2,  
                                total: (tempService.rate * tempService.quantity)  
                            })

                        }
                    }
                    // if (flag) {
                    //     this.services.push({
                    //         item: tempService, items: this.all_services,
                    //         quantity: tempService.quantity,  
                    //         price: tempService.rate,  
                    //         scale_id: tempService.scale_id,  
                    //         description: tempService.description,  
                    //         description2: tempService.description2,  
                    //         total: (tempService.rate * tempService.quantity)  
                    //     })
                    // }
                }
                for (var w = 1; w > this.selected_service.length; w--) {
                    this.services.push({item: null, items: all_services});
                }
                // end service 
                 
                if(this.sale.discount_type_id){
                    this.selected_discountType = _.find(this.discountType, (c) => c.id == this.sale.discount_type_id);
                    this.discount_number = this.sale.discount_number;
                } 

                if (this.sale) {
                    this.selected_class = _.find(this.memberClass, (c) => c.id == this.sale.class_id);
                    this.selected_area = _.find(this.saleArea, (c) => c.id == this.sale.sale_area_id);
                    this.discountFiled = this.sale.discount;
                   
                    if (this.sale.discount_type) {
                        if (this.sale.discount_type == 'percent') {
                            this.discountIsAmount = false;
                        }
                        else {
                            this.discountIsAmount = true;
                        }
                    }  

                      
 
                    if (this.sale.commission_id && this.commission) {
                        this.commissionFiled = this.sale.commission_type;
                        this.selected_commission = _.find(this.commission, (s) => s.id == this.sale.commission_id);
                        this.selected_commission.percent = this.sale.commission_percent;

                        if (this.sale.commission_type) {
                        if (this.sale.commission_type == 'percent') {
                            this.commissionIsAmount = false;
                        }
                        else {
                            this.commissionIsAmount = true;
                        }
                    }

                    } 
 
                    if (this.sale.oil_part_id) {
                        this.selectedOilPart = _.find(this.oilPart, (b) => b.id == this.sale.oil_part_id);
                        this.gasCalculate();
                    }

                    if (this.sale.new_oil_counter) {
                        this.NewCounter = this.sale.new_oil_counter;
                    }

                    if (this.sale.category) {
                        this.category = this.sale.category;
                    }

                }
                var count = this.old_oil_counter;
                var newCounter = this.NewCounter;
                if(count && newCounter){
                    this.selected_quantity = newCounter - count;
                }
            },
            methods:
                {  
                // priceQuantity(index){
                //         var quantity = this.services[index]['quantity'];
                //         var price = this.services[index]['price'];
                //         this.services[index]['total'] = quantity * price;
                // },

                setProfitAmount()
                {
                    setTimeout(() => {
                        var profit_to_date = this.$refs.profit_to_date.value;
                        var profit_from_date = this.$refs.profit_from_date.value;
                        // console.log(24332, v.selected_profit, profit_to_date, profit_from_date );
                        if (v.selected_profit && profit_to_date && profit_from_date) {
                            if (v.selected_profit.amount && v.selected_profit.percent) {
                                axios.get("{{route('profit.search')}}", {
                                    params: {
                                        from_date: profit_from_date,
                                        to_date: profit_to_date,
                                    },
                                })
                                .then(function(response) {
                                    // console.log(response.data);
                                    if (response.data != null) {
                                        v.profit_amount = myRound((((Number.parseFloat(v.selected_profit.amount) * Number.parseFloat(v.selected_profit.percent)) / 100) / 365) * Number.parseFloat(response.data));
                                    }
                                })
                                .catch(function(error) {
                                    console.log(error);
                                });

                            } 
                        } 
                    }, 400);
                },
                change_other_measure_type(){
                this.check_other_measure_type_one = true;
                this.check_other_measure_type_two = false;  
                },

                change_other_measure_type_two(){
                    this.check_other_measure_type_two = true; 
                    this.check_other_measure_type_one = false;
                    
                    for (var i = 0; i < this.inventories.length; i++) {
                        if (this.inventories[i].item && this.inventories[i].item != null) {
                            var other_measure2 = this.inventories[i]['item']['other_measure2'];
                            var per_qty2 = this.inventories[i]['item']['site']['per_qty2'];

                    if (other_measure2 > 0 && per_qty2 > 0 && this.per_qty_check) {
                            @if(getSaleByOtherMeasure() == "true")
                            if(this.inventories[i]['perqty'] == false){ 
                                if(this.check_other_measure_type_two == true){
                                    this.inventories[i]['item']['quantity'] = myRound(other_measure2 * per_qty2); 
                                } 
                            } 
                            @endif
                        }
                        
                        if (other_measure2 > 0 && per_qty2 > 0) {
                            @if(getSelectQuantityByOtherMeasure() == "true") 
                            if(this.check_other_measure_type_two == true){
                                this.inventories[i]['item']['quantity'] = myRound(other_measure2 * per_qty2); 
                            } 
                            @endif
                        }
                        
                    } 
                    }  
                },
 
                    changeStaticRate(){
                        if (this.selected_currency) {
                            for (var i = 0; i < this.inventories.length; i++) {
                                if (this.inventories[i].item && this.inventories[i].item != null) {
                                    if (this.inventories[i].item.new_rate) {
                                        //Begin static_item_prices
                                        @if(salePriceCalculate() == "static_item_price")
                                        @if(systemConfig()[30] == 1)
                                            var changed_rate_by_static_item_price = this.inventories[i].item.new_rate * this.selected_currency.static_rate / this.selected_currency.rate;
                                        @else 
                                            var changed_rate_by_static_item_price = this.inventories[i].item.new_rate * this.selected_currency.rate;
                                        @endif

                                            if(this.inventories[i].item.static_item_prices && this.inventories[i].item.static_item_prices.length>0){
                                                for (var j = 0; j < this.inventories[i].item.static_item_prices.length; j++) {
                                                    if (this.inventories[i].item.static_item_prices[j].currency == this.selected_currency.code) {
                                                        changed_rate_by_static_item_price = this.inventories[i].item.static_item_prices[j].amount;
                                                    }
                                                }
                                                this.inventories[i].item.cost = changed_rate_by_static_item_price;
                                                @if(systemConfig()[30] == 1)
                                                this.inventories[i].item.new_rate = changed_rate_by_static_item_price / this.selected_currency.static_rate * this.selected_currency.rate;
                                                @else 
                                                this.inventories[i].item.new_rate = changed_rate_by_static_item_price / this.selected_currency.rate;
                                                @endif
                                            }
                                        @endif
                                    }
                                }
                            }
                        }
                    },

                    checkRefNo() {
                        var chack = 'false';
                        var ref_no = v.ref_no;
                        if (ref_no != null) {
                            setTimeout(() => {
                                axios.get("{{route('callMethod.search')}}",
                                {
                                    params: {
                                        ref_no: v.ref_no,
                                        method_name: 'Search_ref_no',
                                        table_name: 'sales'
                                    },
                                })
                                .then(function (response) {
                                    // console.log(response.data.result);
                                    if (response.data.result != null) {
                                        console.log(response.data.result);
                                        // v.temp_items=response.data;
                                        v.msg = "@lang('layout.DuplicateData')";
                                        v.isError1 = true;
                                    }
                                    else {
                                        v.msg = 'no';
                                        v.isError1 = false;

                                    }
                                })
                                .catch(function (error) {
                                    console.log(error);
                                });
                            }, 400);
                        }
                    },

                    memberClassChange() {
                        if (v.selected_class) {
                            v.customer = [];
                            // v.selected_customer = null;
                            let class_id = v.selected_class.id;
                        
                            axios.get("{{route('callMethod.search')}}", {
                                params: {
                                    method_name: 'SearchMember',
                                    class_id: class_id,
                                    type: 'Customer'
                                }
                            })
                            .then(function(response) {
                                if (response.data.length > 0) {
                                    // console.log(response.data);
                                    v.customer = [];
                                    v.customer = response.data;
                                }
                            })
                            .catch(function(error) {
                                console.log(error);
                            })
                        }
                    },
                    MemberSearch: _.debounce((search, loading) => {
                        loading(true);
                        let class_id = (v.selected_class != undefined) ? v.selected_class.id : null;
                        
                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                method_name: 'SearchMember', 
                                keyword: search,
                                class_id: class_id,
                                type: 'Customer'
                            }
                        })
                        .then(function(response) {
                            if (response.data.length > 0) {
                                // console.log(response.data);
                                v.customer = [];
                                v.customer = response.data;
                            }
                            loading(false);
                        })
                        .catch(function(error) {
                            loading(false);
                            console.log(error);
                        })
                    }, getDebounceTime()),
					
					subMQuantity(item = null, quantity = null) {
						if (item != null) {
							var result = 0;
							if (item.site) {
								// console.log(38383,item.measureListAll.length);
								
								for (var i = 0; i < item.measureListAll.length; i++) {
								// console.log(3838,item.measureListAll[i]);
									if (item.measureListAll[i].measure_id == item.measure2.measure_id) {
										result = (quantity * item.measure.measure_unit) / (item.measure_unit);
										result = (result * item.measure_unit) / (item.measureListAll[i].measure_unit);
									}
								}
 							}
							return result;
						}
					},
                    secoundMeasurQuantity(item = null, quantity = null) {
                        if (item != null) {
                            var result = 0;
                            if (item.site) {
                                // console.log(38383,item.measureListAll.length);
                                if(item.measureListAll){
                                    for (var i = 0; i < item.measureListAll.length; i++) {
                                // console.log(3838,item.measureListAll[i],item.measure_unit,item.measure.measure_unit);
                                    if (item.measureListAll[i].measure_id == item.measure1.measure_id) {
                                        result = (quantity * item.measure.measure_unit) / (item.measure_unit);
                                        result = (result * item.measure_unit) / (item.measureListAll[i].measure_unit);
                                    }
                                }
                                }
                            }

                            @if(getMeasureTwoAndThree()=="true")
                            let number1 = Math.floor(result);  
                            return  number1;
                            @else 
                            return  result;
                            @endif
 
                        }
                    },
					
                    // calculate item price based on measure change
                    measureChange(index) {

                        if (this.inventories[index].item != null) {
                            var item = this.inventories[index].item;

                            var temp = ((item.rate * item.measure.measure_unit / item.measure_unit));
                            result = Number.parseFloat(temp).toFixed(precision());
                            @if(systemConfig()[30] == 1)
                            this.inventories[index].item.cost = result * this.selected_currency.static_rate / this.selected_currency.rate;
                            @else 
                            this.inventories[index].item.cost = result * this.selected_currency.rate;
                            @endif

                            //Begin static_item_prices
                            @if(salePriceCalculate() == "static_item_price")
                                // "AAAA"
                                var changed_rate_by_static_item_price = 0;
                                if(this.inventories[index].item.static_item_prices && this.inventories[index].item.static_item_prices.length>0 && this.selected_currency){
                                    for (var j = 0; j < this.inventories[index].item.static_item_prices.length; j++) {
                                        if (this.inventories[index].item.static_item_prices[j].currency == this.selected_currency.code && this.inventories[index].item.static_item_prices[j].amount1) {
                                            changed_rate_by_static_item_price = this.inventories[index].item.static_item_prices[j].amount1;
                                            var temp = ((changed_rate_by_static_item_price * item.measure.measure_unit / item.measure_unit));
                                            result = Number.parseFloat(temp).toFixed(precision());

                                            this.inventories[index].item.static_item_prices[j].amount = result

                                            this.inventories[index].item.cost = result;
                                            @if(systemConfig()[30] == 1)
                                            result = result / this.selected_currency.static_rate * this.selected_currency.rate;
                                            @else 
                                            result = result / this.selected_currency.rate;
                                            @endif
                                            
                                        }
                                    }
                                }
                            @endif

                        }

                        this.inventories[index].item.new_rate = result;

                    },

                    // Change Item Sale Rate According Item Price Level
                    change_sale_rate_by_price_level(index){

                        if (this.inventories[index].item != null) {

                            var item = this.inventories[index].item;
                            var item_price_level = this.inventories[index].item.item_price_level;


                            var temp = ((item.rate * item.measure.measure_unit / item.measure_unit));
                            result = Number.parseFloat(temp).toFixed(precision());
                            this.inventories[index].item.new_rate = result;
                            @if(systemConfig()[30] == 1)
                            this.inventories[index].item.cost = result * this.selected_currency.static_rate / this.selected_currency.rate;
                            @else 
                            this.inventories[index].item.cost = result * this.selected_currency.rate;
                            @endif

                            var myDataArray=  this.inventories[index].item.item_price_level;
                                if(this.inventories[index].price_level!=undefined){
                                    var item = this.inventories[index].item;
                                    for(var i=0;i<myDataArray.length;i++)
                                    {
                                        if (myDataArray[i]['id'] == this.inventories[index].price_level.id) { 
                                            var temp = ((myDataArray[i]['rate'] * item.measure.measure_unit / item.measure_unit));
                                            result = Number.parseFloat(temp).toFixed(precision());

                                            // if(this.selected_currency.rate > 0){
                                            //     item.new_rate = myRound((result)/this.selected_currency.rate);
                                            // }else{
                                                item.new_rate = myRound(result);
                                                @if(systemConfig()[30] == 1)
                                                this.inventories[index].item.cost = myRound(result * this.selected_currency.static_rate / this.selected_currency.rate);
                                                @else 
                                                this.inventories[index].item.cost = myRound(result * this.selected_currency.rate);
                                                @endif
                                            // }
                                        }
                                    
                                    }
                                }
                        }
                        },


                    // calculate item price based on measure change
                    measureChangeservice(index) {

                        if (this.services[index].item != null) {
                            var item = this.services[index].item;
                            var temp = ((item.rate * item.measure.measure_unit / item.measure_unit));
                            result = Number.parseFloat(temp).toFixed(precision());

                            this.services[index].item.new_rate = result;

                            // this.inventories[index].item.new_rate = this.$refs.in[index].value/this.selected_currency.rate;

                        }
                    },
                    // detect member change and searh
                    memberChange() {
                        if (this.selected_customer) {
                            // get member contract
                            setTimeout(() => {
                                this.contractSearch(this.selected_customer.id, this);
                            }, 400);
                        }
                    },

                    // detect gasCalculate and searh
                    gasCalculate() {
                        var v = this;
                        if (this.selectedOilPart) {
        
                            axios.get("{{route('callMethod.search')}}", { 
                                params: {
                                    method_name: 'itemesSearchCounter',
                                    oilPartId: v.selectedOilPart.id,
                                    SaleId: v.sale.id
                                }
                            })
                            .then(function(response) {
                                if (response.data > 0) {
                                    v.old_oil_counter = response.data;
                                    v.NewCounters();
                                }else{
                                    v.old_oil_counter = v.selectedOilPart.counter;
                                    v.NewCounters();
                                }
                            });
                        }
                    },


                    // detect setSaleNumber and searh
                    setSaleNumber() {
                        var v = this;
                        if (this.selectedOilPart) {
                            if (this.selectedOilPart.sale_number) {
                                this.number = this.selectedOilPart.sale_number;
                                var counter = this.selectedOilPart.counter;
                                // if(this.old_oil_counter == 0){
                                //     this.old_oil_counter = this.selectedOilPart.counter;
                                //     console.log(this.old_oil_counter);
                                // }

                            }

                            v.inventories = [];
                            this.inventories.push({
                                inventory: null,
                                item: null,
                                item_category: null,
                                item_brand: null,
                                perqty: false,
                                location: null,
                                description2: null,
                                other_measure: null,
                                other_measure2: null,
                                other_measure_amount2: null,
                                inventory_site: null,
                                price_level:null
                            });
                            v.gasCalculate();
                        }
                    },


                    NewCounters(){ 
                        var count = this.old_oil_counter;
                        var newCounter = this.NewCounter;
                        if(count && newCounter){
                            this.selected_quantity = newCounter - count;
                        }
                        // console.log(total);
                    },



                    selectedRatConversion(){
                     if (this.selected_currency_conversion) {
                            this.selected_currency_conversion ? this.selected_currency_conversion.rate : 0;
                        }
                    },


                    // set new price
                    setNewRate(type = null, index) {
                        if (type == 'inventory') {
                            if (this.inventories[index].item) {
                                @if(systemConfig()[30] == 1)
                                this.inventories[index].item.new_rate = this.inventories[index].item.cost / this.selected_currency.static_rate * this.selected_currency.rate;
                                @else 
                                this.inventories[index].item.new_rate = this.inventories[index].item.cost / this.selected_currency.rate;
                                @endif
                                // this.inventories[index].item.new_rate = this.$refs.in[index].value / this.selected_currency.rate;
                            }
                        }
                        if (type == 'service') {
                            if (this.services[index].item) {
                                @if(systemConfig()[30] == 1)
                                var new_rate = this.$refs.ser[index].value / this.selected_currency.static_rate * this.selected_currency.rate;
                                this.services[index].item.new_rate = new_rate;
                                this.services[index].item.rate = (new_rate * this.services[index].item.measure_unit / this.services[index].item.measure.measure_unit);
                                @else 
                                var new_rate = this.$refs.ser[index].value / this.selected_currency.rate;
                                this.services[index].item.new_rate = new_rate;
                                this.services[index].item.rate = (new_rate * this.services[index].item.measure_unit / this.services[index].item.measure.measure_unit);
                                @endif
                            }
                        }


                    },


                    setQuantityByTotal(index) {
                        if (v.counter_check == 0) {
                            v.counter_check = 1;
                            setTimeout((function () {
                                v.counter_check1 = v.$refs.total[index].value;
                                v.setQuantityByT(index);
                            }), 2e2)
                        }  
                    },
                    setQuantityByT(index) {
                        setTimeout((function () {
                            v.counter_check2 = v.$refs.total[index].value;
                            v.setQuantityByTotals(index);
                        }), 2e3)
                    },
                    setQuantityByTotals(index) {
                        if (v.counter_check1 != v.counter_check2) {
                            v.counter_check1 = v.$refs.total[index].value;
                            v.setQuantityByT(index);
                        }else{
                            v.p_total = true;
                            if (v.$refs.total[index].value) {
                                if (v.inventories[index].item) {
                                    if (v.oil_sale == true) {
                                        if (v.inventories[index]['item']['cost']) {
                                            var cost = v.inventories[index]['item']['cost'];
                                            v.inventories[index].item.oil_qty = Number.parseFloat(v.$refs.total[index].value / cost).toFixed(7);
                                            v.change_qty_by_oil(index);
                                        }
                                    } else {
                                        if (v.inventories[index]['item']['cost']) {
                                            var cost = v.inventories[index]['item']['cost'];
                                            v.inventories[index].item.quantity =  Number.parseFloat(v.$refs.total[index].value / cost).toFixed(7);
                                        }
                                    }
                                }
                            }
                            v.counter_check = 0; 
                        }
                    },

                    // begin item search

                    onItemSearch: _.debounce((search, loading) => {

                        loading(true);
                        let inventory_category_id = (v.inventories[v.selected_index]['item_category'] != undefined) ? v.inventories[v.selected_index]['item_category'].id : '';
                        let inventory_brand_id = (v.inventories[v.selected_index]['item_brand'] != undefined) ? v.inventories[v.selected_index]['item_brand'].id : '';

                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                member_id: v.member_id,
                                method_name: 'itemesSearchSale',
                                keyword: search,
                                inventory_category_id: inventory_category_id,
                                inventory_brand_id: inventory_brand_id,
                            }
                        })
                            .then(function (response) {
                                v.temp_items = [];
                                if (response.data.length > 0) {
                                    v.temp_items = response.data;
                                }
                                loading(false);
                            })
                            .catch(function (error) {
                                console.log(error);
                            })
                    }, getDebounceTime()),


                    onItemload(index) {
                        v.selected_index = index;
                        if (v.inventories[index].inventory != null) {
                            // console.log('klk',v.inventories[index].inventory,v.inventories);
                            var inventory_id = v.inventories[index].inventory.id;
                            let inventory_category_id = (v.inventories[index]['item_category'] != undefined) ? v.inventories[index]['item_category'].id : '';
                            let inventory_brand_id = (v.inventories[index]['item_brand'] != undefined) ? v.inventories[index]['item_brand'].id : '';
                            let price_level_id = (this.selected_priceLevel) ? this.selected_priceLevel.id : '';
                            var contract_check = 'no_contract';
                            if (v.contract_check) {
                                contract_check = 'yes_contract'
                            }
                            axios.get("{{route('callMethod.search')}}", {
                                params: {
                                    member_id: v.member_id,
                                    method_name: 'itemSearchSale',
                                    inventory_id: inventory_id,
                                    inventory_category_id: inventory_category_id,
                                    inventory_brand_id: inventory_brand_id,
                                    price_level_id:price_level_id,
                                    contract_check:contract_check
                                }
                            })
                                .then(function (response) {
                                    v.inventories[index].item = null;
                                    v.inventories[index].location = null;
                                    if (response.data.length > 0) {
                                        v.inventories[index].item = response.data[0];

                                        var site_id = null;
                                        if (v.selectedOilPart) {
                                            if (v.selectedOilPart.site_id) {
                                                site_id = v.selectedOilPart.site_id;
                                            }
                                        }
                                        if (!site_id) {
                                            @if(getDefaultSite() > 0)
                                                site_id = {{getDefaultSite()}};
                                            @else
                                                site_id = {{getDropdown('invoice', 'site')}};
                                            @endif
                                        }

                                        if (site_id) {
                                            for (var i = 0; i < v.inventories[index].item.site_list.length; i++) {
                                                if (v.inventories[index].item.site_list[i].site_id == site_id) {
                                                    v.inventories[index].item.site = v.inventories[index].item.site_list[i];
                                                    v.changeDensity(index);
                                                }
                                            }
                                        }

                                        @if(salePriceCalculate() == "static_item_price")
                                            for (var i = 0; i < v.inventories[index].item.static_item_prices.length; i++) {
                                                if (v.inventories[index].item.static_item_prices[i].currency == v.selected_currency.code && v.inventories[index].item.static_item_prices[i].amount) {
                                                    @if(systemConfig()[30] == 1)
                                                    v.inventories[index].item.new_rate = v.inventories[index].item.static_item_prices[i].amount / v.selected_currency.static_rate * v.selected_currency.rate;
                                                    @else 
                                                    v.inventories[index].item.new_rate = v.inventories[index].item.static_item_prices[i].amount / v.selected_currency.rate;
                                                    @endif
                                                }
                                            }
                                        @endif


                                        @if(getShwoPriceLevel()=="general_percent")
                                        setTimeout((function () {
                                            v.change_sale_rate_by_price_level_general(index);
                                        }), 400);
                                        @endif
                                    }
                                })
                                .catch(function (error) {
                                    console.log(error);
                                })
                        }
                    },

                    locationSearch: _.debounce((search, loading) => {
                        loading(true);
                        let inventory_id = (v.inventories[v.selected_index]['item'] != undefined) ? v.inventories[v.selected_index]['item'].id : '';
                        // console.log(3333, v.inventories, v.selected_index, inventory_id, search);
                        if (inventory_id) {
                            axios.get("{{route('callMethod.search')}}", {
                                params: {
                                    member_id: v.member_id,
                                    method_name: 'itemesSearchLocation',
                                    keyword: search,
                                    inventory_id: inventory_id
                                }
                            })
                            .then(function(response) {
                                if (response.data.length > 0) {
                                    v.inventories[v.selected_index]['item']['locationList'] = response.data;
                                }
                                loading(false);
                            })
                            .catch(function(error) {
                                console.log(error);
                            })
                        } else {
                            loading(false);
                        }
                    }, getDebounceTime()),
                    locationItemload(index) {
                        v.selected_index = index;
                        if (v.inventories[index].item != null && v.inventories[index].location != null) {
                            var inventory_id = v.inventories[index].item.id;
                            var location = v.inventories[index].location.name;
                            axios.get("{{route('callMethod.search')}}", {
                                params: {
                                    method_name: 'itemSiteByLocation',
                                    inventory_id: inventory_id,
                                    location: location
                                }
                            })
                            .then(function(response) {
                                // console.log(4444, response.data);
                                if (response.data.item.length > 0) {
                                    v.inventories[index].item.site_list = response.data.item;
                                    v.inventories[index].item.site = response.data.selectItem;
                                    v.inventories[index].item.selectItemExpireDate = response.data.selectItemExpireDate;
                                    @if(costByLocation()=="true")
                                    if (response.data.selectItem) {
                                        v.inventories[index].item.LasCost = response.data.selectItem.cost;
                                        v.inventories[index].item.description = response.data.selectItem.description;
                                        @if(getSaleCostLocation() == 'true')
                                        if (response.data.selectItem.salePrice > 0) {
                                            @if(systemConfig()[30] == 1)
                                            v.inventories[index].item.cost = Number.parseFloat(response.data.selectItem.salePrice) * v.selected_currency.static_rate / v.selected_currency.rate;
                                            @else 
                                            v.inventories[index].item.cost = Number.parseFloat(response.data.selectItem.salePrice) * v.selected_currency.rate;
                                            @endif
                                            // v.inventories[index].item.cost = response.data.selectItem.salePrice; 
                                        } else {
                                            @if(systemConfig()[30] == 1)
                                            v.inventories[index].item.cost = Number.parseFloat(v.inventories[index].item.rate) * v.selected_currency.static_rate / v.selected_currency.rate;
                                            @else 
                                            v.inventories[index].item.cost = Number.parseFloat(v.inventories[index].item.rate) * v.selected_currency.rate;
                                            @endif
                                            // v.inventories[index].item.cost = v.inventories[index].item.rate;
                                        }
                                        v.setNewRate('inventory', index);
                                        @endif 
                                    }
                                    @endif
                                } else {
                                    v.inventories[index].item.site_list = [];
                                    v.inventories[index].item.site = null;
                                }
                            })
                            .catch(function(error) {
                                console.log(error);
                            })
                        }
                    },
                    loadItemGeneral() {
                        if (v.selected_inventory != undefined) {
                            var inventory_id = v.selected_inventory.id;
                        
                            // console.log(888, number);
                            let inventory_category_id = (v.selected_iventory_category != undefined)?v.selected_iventory_category.id:'';
                            let inventory_site_id = (v.selected_iventory_site != undefined)?v.selected_iventory_site.site_id:'';

                            axios.get("{{route('callMethod.search')}}", {
                                    params: {
                                        member_id: v.member_id,
                                        method_name: 'itemSearchSale',
                                        inventory_id: inventory_id,
                                        inventory_category_id: inventory_category_id,
                                        // inventory_brand_id: inventory_brand_id,
                                        inventory_site_id: inventory_site_id,
                                        // number: number,
                                    }
                                })
                                .then(function(response) {
                                    if (response.data.length > 0) {

                                        var checkD = true;
                                        @if(NotDuplicateItem() =="true")
                                        if (v.inventories != null && response.data[0].id) {
                                            for (var i = 0; i < v.inventories.length; i++) {
                                                if (v.inventories[i].item && v.inventories[i].item != null) {
                                                    if (v.inventories[i].item.id == response.data[0].id) {
                                                        checkD = false;
                                                    }
                                                }
                                            }
                                        }
                                        @endif

                                        var rate = 0;
                                        var static_rate = 0;
                                        if (v.selected_currency.rate > 0) {
                                            rate = v.selected_currency.rate;
                                            static_rate = v.selected_currency.static_rate;
                                        }

                                        if (checkD) {
                                            v.selected_iventory_site = null;
                                            v.selected_itemes = response.data[0];
                                            @if(systemConfig()[30] == 1)
                                            v.selected_price = (Number.parseFloat(response.data[0].rate) * static_rate / Number.parseFloat(rate)).toFixed(precision());
                                            @else 
                                            v.selected_price = (Number.parseFloat(response.data[0].rate) * Number.parseFloat(rate)).toFixed(precision());
                                            @endif
                                            v.inventory_sites = response.data[0].site_list;  
                                            v.last_item_sale = response.data[0].last_item_sale;  
                                            v.last_item_purchase = response.data[0].last_item_purchase;  
                                            v.AdvancePrice = response.data[0].advance_price;
                                            v.AdvancePrice_cost = response.data[0].advance_price_cost;
                                            // console.log(123, response.data[0]);
                                        }else{
                                            v.selected_inventory = null;
                                            v.counter_check = 0;
                                            v.temp_items = [];
                                            v.selected_itemes = null;
                                            v.selected_price = 0;
                                            v.selected_quantity = 0;
                                            v.$refs.barcode_search.$refs.search.focus();
                                        }
                                    }else{
                                        // $('#success-sound')[0].play();
                                        // $('#error-sound')[0].play();
                                        v.item_not_found = true;
                                        setTimeout((function () {
                                            v.item_not_found = false;
                                            v.$refs.barcode_search.focus();
                                        }), 2e3)
                                    }
                                })
                                .catch(function(error) {
                                    console.log(error);
                                })

                        }
                    },


                    setSaleNumberRow(index){ 
                @if(getCounterForEachRow() == "true") 
                v.selectedOilPart = this.inventories[index]['item_oil_part'];
 
                axios.get("{{route('callMethod.search')}}", { 
                    params: {
                        method_name: 'itemesSearchCounteSaleInfo',
                        oilPartId: v.selectedOilPart.id
                    }
                })
                .then(function(response) {
                    if (response.data > 0) {
                        v.inventories[index].old_oil_counter_row = response.data;  
                        if( v.inventories[index].item.oil_qty){
                            v.inventories[index].new_counter_row = Number.parseFloat(v.inventories[index].old_oil_counter_row) + Number.parseFloat(v.inventories[index].item.oil_qty);
                        } 
                        // v.NewCounters();
                    }else{
                        v.inventories[index].old_oil_counter_row = v.selectedOilPart.counter;
                        if( v.inventories[index].oil_qty){
                            v.inventories[index].new_counter_row = Number.parseFloat(v.inventories[index].old_oil_counter_row) + Number.parseFloat(v.inventories[index].item.oil_qty);
                        }
                        // v.NewCounters();

                    }
                }); 
                @endif
            },
       
            setNewOilCounter(index){
                @if(getCounterForEachRow() == "true") 
                if(v.oil_sale == true){
                    if(v.inventories[index].old_oil_counter_row > 0 && v.inventories[index].item.oil_qty > 0){
                        v.inventories[index].new_counter_row = Number.parseFloat(v.inventories[index].old_oil_counter_row) + Number.parseFloat(v.inventories[index].item.oil_qty);
                    }
                } else {
                    if(v.inventories[index].old_oil_counter_row > 0 && v.inventories[index].item.quantity > 0){
                        v.inventories[index].new_counter_row = Number.parseFloat(v.inventories[index].old_oil_counter_row) + Number.parseFloat(v.inventories[index].item.quantity);
                    }
                }
                @endif
            },

            setQuantityByOilCounter(index){
                // console.log(322332, v.oil_sale, v.oil_sale == true);
                @if(getCounterForEachRow() == "true") 
                if(v.inventories[index].old_oil_counter_row > 0 && v.inventories[index].new_counter_row > 0){
                    if(v.oil_sale == true){
                        v.inventories[index].item.oil_qty = Number.parseFloat(v.inventories[index].new_counter_row) - Number.parseFloat(v.inventories[index].old_oil_counter_row);
                        v.change_qty_by_oil(index);
                    } else {
                        v.inventories[index]['item']['quantity'] = Number.parseFloat(v.inventories[index].new_counter_row) - Number.parseFloat(v.inventories[index].old_oil_counter_row);
                    }
                }
                @endif
            }, 
 
                    ChangeOil() {
                        if (v.oil_sale == false) {
                            v.oil_sale = true;
                        } else {
                            v.oil_sale = false;
                        }
                        // console.log(v.oil_sale);
                    },
                    change_oil_qty(index) {
                        if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) {

                            var quantity = this.inventories[index]['item']['quantity'];
                            var density = this.inventories[index]['item']['density'];
                            if (quantity > 0 && density > 0) {
                                this.inventories[index]['item']['oil_qty'] = Number.parseFloat(quantity / density).toFixed(7);
                            }
                            // var oil_qty = this.inventories[index]['item']['oil_qty'];
                        }
                    },

 
                change_measureQuantityThree(index) { 
                @if(getMeasureTwoAndThree()=="true")
                if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) {  
                    var measure_one_unit = this.inventories[index]['item']['measure_unit']; 
                    var measure_one = this.inventories[index]['item']['measure']['measure_unit']; 
                    var measure_id_one = this.inventories[index]['item']['measure1']['measure_id']; 
                    var measure_id_one_unit = this.inventories[index]['item']['measure1']['measure_unit']; 
                    var measure_two = this.inventories[index]['item']['measure2']['measure_unit']; 
                    var descimalPart = this.inventories[index]['item']['descimalPart']; 
                    var change_measure_two = this.inventories[index]['item']['change_measure_two']; 
                    var allMeasure = this.inventories[index]['item']['measureListAll']; 
                    var change_measure_three = this.inventories[index]['item']['change_measure_three']; 
                    var newQuantity = this.inventories[index]['item']['quantity']; 
                      
                    var resulttot = 0;
                    for (var i = 0; i < allMeasure.length; i++) {
                    if (allMeasure[i].measure_id == measure_id_one) {
                        resulttot = (newQuantity * measure_one) / (measure_one_unit);
                        resulttot = (resulttot * measure_one_unit) / (allMeasure[i].measure_unit);
                    }
                    }

                    var result_number = Math.floor(resulttot);  
                    var descimalPart =  +(resulttot - result_number).toFixed(5);   
                    this.inventories[index]['item']['change_measure_two'] = result_number; 
                    this.inventories[index]['item']['change_measure_three'] = (descimalPart * measure_id_one_unit / measure_two).toFixed(3);;
    
                }
                @endif
                },

                change_measure_main_quantity(index) { 
                    @if(getMeasureTwoAndThree()=="true")
                    if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) {   
                        var measure_one_unit = this.inventories[index]['item']['measure_unit']; 
                        var measure_id_one_unit = this.inventories[index]['item']['measure1']['measure_unit']; 
                        var change_measure_two = this.inventories[index]['item']['change_measure_two']; 
                        var measure_two = this.inventories[index]['item']['measure2']['measure_unit']; 
                        var changeMeasureThree = this.inventories[index]['item']['change_measure_three']; 
                        this.inventories[index]['item']['quantity'] = (( changeMeasureThree * measure_two ) + (change_measure_two * measure_id_one_unit)) / measure_one_unit
                    }
                    @endif
                },





                quantity_by_second_measure(index) { 
                @if(QuantityBySecondMeasure()=="true") 
                if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) {   
                    var measure_one_unit = this.inventories[index]['item']['measure_unit']; 
                    var quantity_by_second_measure = this.inventories[index]['item']['quantity_by_second_measure']; 
                    var measure_one_unit_item = this.inventories[index]['item']['measure']['measure_unit']; 
                    var measure_two_unit = this.inventories[index]['item']['measure1']['measure_unit']; 
                     
                    var item = this.inventories[index]['item'];
                    var quantity = this.inventories[index]['item']['quantity'];
                    
                    
                    if (item != null) {
                        if(quantity_by_second_measure > 0 && measure_two_unit > 0){
                    var result = 0;
                    var newresult = 0;
                        
                    result = (quantity_by_second_measure * measure_two_unit) / (measure_one_unit_item); 
                    this.inventories[index]['item']['quantity'] = result;
 
                    } 
                    } 
                    let number1 = result;  
                    let numbertwo = newresult; 

                    // this.inventories[index]['item']['quantity'] = (quantity_by_second_measure * numbertwo) / measure_one_unit
                }
                @endif
            },  
            quantity_by_second_measureTwo(index) { 
                @if(QuantityBySecondMeasure()=="true") 
                if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) {   
                    var measure_one_unit = this.inventories[index]['item']['measure_unit']; 
                    var measure_one_unit_item = this.inventories[index]['item']['measure']['measure_unit']; 
                    var measure_two_unit = this.inventories[index]['item']['measure1']['measure_unit']; 
                    
                    var item = this.inventories[index]['item'];
                    var quantity = this.inventories[index]['item']['quantity'];

                    if(quantity > 0 && measure_one_unit_item > 0){
                    result = (quantity * measure_one_unit_item) / (measure_two_unit);

                    this.inventories[index]['item']['quantity_by_second_measure'] = result; 
                    }
                }
                @endif
            }, 
  

                


          
                

                    change_qty_by_oil(index) {
                        if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) {

                            var oil_qty = this.inventories[index]['item']['oil_qty'];
                            var density = this.inventories[index]['item']['density'];
                            if (oil_qty > 0 && density > 0) {
                                this.inventories[index]['item']['quantity'] = Number.parseFloat(oil_qty * density).toFixed(7);
                            }
                            // var oil_qty = this.inventories[index]['item']['oil_qty'];
                        }
                    },

                change_per_qty(index) {
                        if (this.inventories[index]['item'] && this.inventories[index]['item'] != null) { 
                            var other_measure = this.inventories[index]['item']['other_measure'];
                            var per_qty = this.inventories[index]['item']['site']['per_qty'];
                            if (other_measure > 0 && per_qty > 0 && this.per_qty_check) {
                                @if(getSaleByOtherMeasure() == "true")
                                this.inventories[index]['item']['quantity'] = myRound(other_measure * per_qty);
                                @endif
                            }
                            if (other_measure > 0 && per_qty > 0) {
                                @if(getSelectQuantityByOtherMeasure() == "true")
                                this.inventories[index]['item']['quantity'] = myRound(other_measure * per_qty);
                                @endif
                            }
                        }
 
                    if (other_measure2 > 0 && per_qty2 > 0 && this.per_qty_check) {
                    @if(getSaleByOtherMeasureTwo() == "true")
                    if(this.inventories[index]['perqty'] == false){ 
                        if(this.check_other_measure_type_two == true){
                            this.inventories[index]['item']['quantity'] = myRound(other_measure2 * per_qty2); 
                        } 
                    } 
                    @endif
                    }
                    if (other_measure2 > 0 && per_qty2 > 0) {
                        @if(getSelectQuantityByOtherMeasure() == "true") 
                        if(this.check_other_measure_type_two == true){
                            this.inventories[index]['item']['quantity'] = myRound(other_measure2 * per_qty2); 
                        } 
                        @endif
                    }
                },

 
                    changeDensity(index) {
                        if (v.inventories[0]['item'] != null || v.inventories[0]['inventory_site'] != null) {
                            @if(systemConfig()[27] == 1)
                            if (v.inventories[index]['item']['site'] && v.oil_sale) {
                                if (v.inventories[index].item.site.per_qty) {
                                    v.inventories[index].item.density = v.inventories[index].item.site.per_qty;
                                    v.change_qty_by_oil(index);
                                }
                            }
                            @endif
                        }
                    },

                    addData() {
                        if (v.selected_itemes && v.selected_quantity > 0) {
                            v.selected_quantity_error = false;
                            v.AdvancePrice = null;
                            v.AdvancePrice_cost = null;
                            var che = null;
                            for (var i = 0; i < v.inventories.length; i++) {
                                if (!v.inventories[i].item) {
                                    v.inventories.splice(i, 1);
                                }
                            }

                            let inventory_site_id = (v.selected_iventory_site != undefined)?v.selected_iventory_site.site_id:'';
                            if (inventory_site_id) {
                                for (var i = 0; i < v.selected_itemes.site_list.length; i++) {
                                    if (v.selected_itemes.site_list[i].site_id == inventory_site_id) {
                                        v.selected_itemes.site = v.selected_itemes.site_list[i];
                                    }
                                }
                            }

                            var rate = 0;
                            var static_rate = 0;
                            if (v.selected_currency.rate > 0) {
                                rate = v.selected_currency.rate;
                                static_rate = v.selected_currency.static_rate;
                            }

                            v.selected_itemes.quantity = (v.selected_quantity > 0)?v.selected_quantity:1;
                            @if(systemConfig()[30] == 1)
                            v.selected_itemes.new_rate = (v.selected_price > 0)?(Number.parseFloat(v.selected_price) / static_rate * Number.parseFloat(rate)):1;
                            @else 
                            v.selected_itemes.new_rate = (v.selected_price > 0)?(Number.parseFloat(v.selected_price) / Number.parseFloat(rate)):1;
                            @endif
                            v.inventories.unshift({
                                inventory: v.selected_itemes,
                                item: v.selected_itemes,
                                selected_taxation: null,
                                location: null,
                                tax: v.selected_itemes.row_tax_stat,
                                sub_total: v.selected_itemes.sub_total_stat,
                                item_category: v.selected_itemes.item_category,
                                item_brand: v.selected_itemes.inventory_brand,
                                price_level:null
                            });
                            
                            v.selected_inventory = null;
                            v.counter_check = 0;
                            // v.temp_items = [];
                            @if(getShwoPriceLevel()=="general_percent")
                            setTimeout((function () {
                                v.change_sale_rate_by_price_level_general();
                            }), 400);
                            @endif 
                            // const inp = v.$refs.barcode_search.$refs.search;
                            // console.log(v.$refs.barcode_search.$refs.search.value);
                            v.$refs.barcode_search.$refs.search.focus();
                            // v.$refs.barcode_search.$refs.search = null;
                            // v.$refs.barcode_search.focus(); 
                            v.selected_itemes = null;
                            v.selected_price = 0;
                            v.selected_quantity = 0; 
                        }else{
                            v.$refs.selected_quantity.focus();
                            v.selected_quantity_error = true;
                        } 
                        this.NewCounters();
                    },
                    
                    resetData() {
                        v.AdvancePrice = null;
                        v.AdvancePrice_cost = null;
                        v.selected_inventory = null;
                        v.selected_itemes = null;
                        v.temp_items = [];
                        v.selected_iventory_site = null;
                        v.selected_price = 0;
                        v.selected_quantity = 0;
                        v.$refs.barcode_search.$refs.search.focus();
                    },

                        // Change Item Sale Rate According Item Price Level
                    change_sale_rate_by_price_level_general(i) {
                        
                        if (this.inventories != null && this.selected_priceLevelGeneral) {
                            var price_type = this.selected_priceLevelGeneral.price_type;
                            var percent = Number.parseFloat(this.selected_priceLevelGeneral.percent);

                            if (this.inventories[i].item && this.inventories[i].item != null) {
                                    var rate = this.inventories[i]['item']['rate'];
                                    var smeasure_unit = this.inventories[i]['item']['measure']['measure_unit'];
                                    var measure_unit = this.inventories[i]['item']['measure_unit'];
                                    var rate1 = (rate * smeasure_unit / measure_unit);
                                    rate1 = Number.parseFloat(rate1);

                                    if(price_type == 'up' && percent > 0 && rate1 > 0){
                                        var result = Number.parseFloat((rate1 * percent) / 100);
                                        this.inventories[i]['item']['new_rate'] = Number.parseFloat(rate1 + result);
                                    } else if(price_type == 'down' && percent > 0 && rate1 > 0){
                                        var result = Number.parseFloat((rate1 * percent) / 100);
                                        this.inventories[i]['item']['new_rate'] = Number.parseFloat(rate1 - result);
                                    }  
                            }
                        }
                    },

                    // Change Item Sale Rate According Item Price Level
                    change_sale_rate_by_price_level_general_per_item(index) {
                        
                        if (this.inventories != null) {
                            if (this.inventories[index].item != null) {
                                var item = this.inventories[index].item;
                                var item_price_level = this.inventories[index].price_level;
                                var price_type = item_price_level.price_type;
                                var percent = Number.parseFloat(item_price_level.percent);
                                
                                var rate = this.inventories[index]['item']['rate'];
                                var smeasure_unit = this.inventories[index]['item']['measure']['measure_unit'];
                                var measure_unit = this.inventories[index]['item']['measure_unit'];
                                var rate1 = (rate * smeasure_unit / measure_unit);
                                rate1 = Number.parseFloat(rate1);

                                if(price_type == 'up' && percent > 0 && rate1 > 0){
                                    var result = Number.parseFloat((rate1 * percent) / 100);
                                    this.inventories[index]['item']['new_rate'] = Number.parseFloat(rate1 + result);
                                } else if(price_type == 'down' && percent > 0 && rate1 > 0){
                                    var result = Number.parseFloat((rate1 * percent) / 100);
                                    this.inventories[index]['item']['new_rate'] = Number.parseFloat(rate1 - result);
                                } 
                            }
                        }
                    },


                    //ajax call to get items
                    setIndex(e) {
                        // v.temp_items=[];
                        this.selected_index = e;
                        console.log('uuu', this.selected_index);
                    },
                    itemCategoryChange(index) {
                        v.setIndex(index);
                        let inventory_category_id = (v.inventories[v.selected_index]['item_category'] != undefined) ? v.inventories[v.selected_index]['item_category'].id : '';
                        let inventory_brand_id = (v.inventories[v.selected_index]['item_brand'] != undefined) ? v.inventories[v.selected_index]['item_brand'].id : '';
                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                member_id: v.member_id,
                                method_name: 'itemesSearchSale',
                                inventory_category_id: inventory_category_id,
                                inventory_brand_id: inventory_brand_id
                            }
                        })
                            .then(function (response) {
                                // v.inventories[v.selected_index]['item'] = null;
                                // v.inventories[v.selected_index]['inventory'] = null;
                                v.temp_items = [];
                                if (response.data.length > 0) {
                                    v.temp_items = response.data;
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                            });

                    },
                    itemBrandChange(index) {
                        v.setIndex(index);

                        v.selected_iventory_brand = this.inventories[index]['item_brand'];
                        if (this.inventories[index]['item_brand'] != null) {
                            let inventory_category_id = (v.inventories[index]['item_category'] != undefined) ? v.inventories[index]['item_category'].id : '';
                            let inventory_brand_id = this.inventories[index]['item_brand'].id;
                            
                            axios.get("{{route('callMethod.search')}}", {
                                    params: {
                                        member_id: v.member_id,
                                        method_name: 'itemesSearchSale',
                                        inventory_category_id: inventory_category_id,
                                        inventory_brand_id: inventory_brand_id
                                    }
                                })
                                .then(function(response) {
                                    // v.inventories[index]['item'] = null;
                                    // v.inventories[index]['inventory'] = null;
                                    v.temp_items = [];
                                    if (response.data.length > 0) {
                                        v.temp_items = response.data;
                                    }
                                })
                                .catch(function(error) {
                                    console.log(error);
                                });
                        }

                    },

                    // end item search

                    // contract search


                    contractSearch(id, vm) {
                        vm.contract = [];
                        axios.get("{{route('callMethod.search')}}", {
                            params: {
                                method_name: 'member_contract',
                                member_id: id
                            }
                        })
                            .then(function (response) {
                                if (response.data.length > 0) {
                                    vm.contract = response.data;
                                }
                                // loading(false);
                            })
                            .catch(function (error) {
                                console.log(error);
                            })
                    },
                    // end contract search

                    // generic function for adding item to list
                    addNew(type = null, index) {
                        v.selected_index = index;
                        this.temp_items = [];
                        if (type != null) {
                            if (type == 'inventory') {
                                if (this.inventories[index + 1] == undefined) {
                                    this.temp_items = [];
                                    this.inventories.push({inventory: null, item: null, location: null, perqty: false, edit: true, item_category: null,item_brand: null,price_level:null});
                                }
                            }
                            if (type == 'service') {
                                if (this.services[index + 1] == undefined) {
                                    this.checkExistingService(index, '');
                                    this.services.push({
                                        items: this.all_services,
                                        item: null,
                                    });
                                }
                            }
                            if (type == 'payment') {
                                if (this.payments[index + 1] == undefined) {
                                    this.checkExistingPayment(index, '');
                                    this.payments.push({
                                        items: this.banks,
                                        item: null,
                                    });
                                }
                            }
                        }

                    },

                    // in here you can check and decide to allow duplicate bank for payment or not
                    checkExistingPayment(index = null, name = '') {
                        var bank_temp = this.banks.slice();
                        var bank_temp1 = [];
                        for (var i = 0; i < this.payments.length; i++) {
                            if (this.payments[i].item != null) {
                                var fined = bank_temp.findIndex((item) => item.name == this.payments[i].item.name);
                                if (fined != -1) {
                                    var o = bank_temp.splice(bank_temp.findIndex((item) => item.name == this.payments[i].item.name), 1);
                                }
                            }
                        }
                        this.payments[index].items = bank_temp.filter((item) => {
                            return (new RegExp(name.toLowerCase())).test(item.name.toLowerCase())
                        });
                        //this.payments[index].items =bank_temp;


                    },

                    // in here you can check and decide to allow duplicate service or not
                    checkExistingService(index = null, name = '') {
                        var service_temp = this.all_services.slice();
                        var service_temp1 = [];
                        for (var i = 0; i < this.services.length; i++) {
                            if (this.services[i].item != null) {
                                var fined = service_temp.findIndex((item) => item.name == this.services[i].item.name);
                                if (fined != -1) {
                                    var o = service_temp.splice(service_temp.findIndex((item) => item.name == this.services[i].item.name), 1);
                                }
                            }
                        }
                        this.services[index].items = service_temp.filter((item) => {
                            return (new RegExp(name.toLowerCase())).test(item.name.toLowerCase())
                        });
                        //this.payments[index].items =bank_temp;


                    },
                    // delete item from list
                    deleteItem(type = null, index) {
                        if (type != null) {
                            console.log(type);
                            if (type == 'inventory') {
                                swal({
                                    title: "@lang('layout.AreYouSure?')",
                                    buttons: ["@lang('layout.Cancel')", "@lang('layout.yes')"],
                                    text: "",
                                    icon: "info",
                                    dangerMode: true,
                                }).then((willDelete) => {
                                    if (willDelete) {
                                        for (var i = 0; i < v.inventories.length; i++) {
                                            if (v.inventories[i].item) {
                                                v.inventories[i].edit = false;
                                            }
                                        }
                                        this.inventories.splice(index, 1);
                                    }
                                    else {
                                        
                                    }
                                });
                            }
                            if (type == 'service') {
                                if (type == 'service') {
                                swal({
                                    title: "@lang('layout.AreYouSure?')",
                                    buttons: ["@lang('layout.Cancel')", "@lang('layout.yes')"],
                                    text: "",
                                    icon: "info",
                                    dangerMode: true,
                                }).then((willDelete) => {
                                    if (willDelete) {
                                        this.services.splice(index, 1);
                                    }
                                    else {
                                       
                                    }
                                });
                             }
                            }
                            if (type == 'payment') {
                                this.payments.splice(index, 1);
                            }
                        }

                    },
                    // submit the form
                    submitForm() {
                        this.$validator.validate().then(valid => {
                    if (valid) {
                        if (this.isError == true) {
                            alert('there is no item');
                            return false;
                        }
                        v.disabled = true;
                        swal({
                            title: "@lang('layout.AreYouSure?')",
                            buttons: ["@lang('layout.Cancel')", "@lang('layout.Submit')"],
                            text: "",
                            icon: "info",
                            dangerMode: true,
                        }).then((willDelete) => {
                            if (willDelete) {
                                document.getElementById("sales-form").submit()
                            }
                            else {
                                v.disabled = false;
                            }
                        });
                    } 
                });

                    },
                    saveAndNew() {
                        this.$validator.validate().then(valid => {
                    if (valid) {
                        if (!this.isError) {
                            v.disabled = true;
                            var url = "{{route('sale.update',$sale->id)}}";
                            form_id = 'sales-form';
                            var data = $('#' + form_id).serialize();
                            toggleBlock(true);
                            axios.post(url, data)
                                .then(function(response) {
                                    toggleBlock(0);
                                    // console.log('sss11', response.data);
                                    if (response.data.result == 1) {

                                        var a = document.createElement('a');
                                        a.href = "{{route('sale.index')}}";  
                                        document.body.appendChild(a);
                                        a.click();
                                        document.body.removeChild(a);

                                        // location.reload("{{route('sale.index')}}");
                                    } else {
                                        v.disabled = false;
                                        var message = "{{__('message.Warning')}}";
                                        //$('#error-sound')[0].play();
                                        toastr.warning('', message);
                                        // toastr.warning('', response.data[1]);
                                    }
                                })
                                .catch(function(error) {
                                    toggleBlock(0);
                                    v.disabled = false;
                                    // console.log(error,v.disabled);
                                    var message = "{{__('message.Warning')}}";
                                    //$('#error-sound')[0].play();
                                    toastr.warning('', message);
                                });

                        } else {
                            alert('there is no item');
                            return false;
                        }
                    } 
                });
                    },
                },


        });

    </script>


@endpush