@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>
                                                                    <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">@{{selected_currency.symbol}}
                                                                                <input type="hidden" class="input-group-addon" name="discount_type" value="currency">
                                                                            </span>
                                                                            <span v-else @click="discountIsAmount = !discountIsAmount" class="input-group-addon">%
                                                                                <input type="hidden" name="discount_type" value="percent">
                                                                            </span>
                                                                            <input type="hidden" name="discountTotal" :value="discount">
                                                                            <input type="hidden" name="discount" :value="discountFiled">
                                                                        </div>
                                                                    </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>
                                                                    <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>
                                                                    <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>
                                                                    <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>
                                                                    <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(getFactorPending()=="true")
                                                                <tr>
                                                                    <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"  >
                                                                        <span></span>
                                                                    </label>
                                                                    </div>
                                                                    </td>
                                                                </tr>
                                                                @endif
                                                                @if(oilSale() == 'true')
                                                                <tr>
                                                                    <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>
                                                                    <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"  >
                                                                        <span></span>
                                                                    </label>
                                                                    </div>
                                                                    </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>
                                                                    <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>
                                                                    <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>
                                                                    <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)
                                                                <tr>
                                                                    <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>
                                                                    <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>
                                                                    <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>
                                                                    <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
                                                            </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.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>
                                                        <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
                                                        <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>

                                                        <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(getM2()!="")
                                                        @if(getFactorMeasure2()=="true")	
														<th style="min-width: 100px">@lang('layout.Measure2') </th>
                                                        @endif
                                                        @endif
														@if(getSubMeasure()=="true")	
                                                        <th style="min-width: 100px">@lang('layout.EquivalentTo') </th>
                                                        @endif
                                                        @if(getM3()!="" && getSubMeasure()!="true")	
                                                        @if(getFactorMeasure3()=="true")
                                                        <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

                                                        <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>
                                                        <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
                                                        <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)" 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>
                                                        <td v-show="showWhat('other_measure')=='yes'">
                                                            <div class="input-group">
                                                                <input type="number" name="other_measure_amount[]"
                                                                   v-model.number="(item.item==null)?null:item.item.other_measure"
                                                                   oninput = "autowidths(event)"
                                                                   class="form-control input-style input-number chan_length" placeholder="@lang('layout.OMeasureValue1')">
                                                                @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">
                                                                    @{{myRound((item.item==null)?null:((item.item.site==null)?null:(item.item.site.OnHand / item.item.site.per_qty)))}}
                                                                </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" 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')">
                                                                @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)">
                                                                <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)" 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"
                                                                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(getM2()!="" && getSubMeasure()!="true")
                                                        @if(getFactorMeasure2()=="true")	  
                                                            <td>
                                                            <div class="input-group">
                                                                <select name="measure1[]" class="form-control" v-model="(item.item==null)?null:item.item.measure1.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>
                                                                @if(getSaleAmountSecondMeasure()=="true")	
                                                                <span class="input-group-addon">
                                                                    @{{myRound((item.item==null)?null:secoundMeasurQuantity(item.item,item.item.quantity))}}
                                                                </span>
                                                                @endif
                                                            </div>
                                                            </td>
                                                        @endif
                                                        @endif
                                                        @if(getM3()!="")
                                                        @if(getFactorMeasure3()=="true")	  
                                                            <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
                                                        <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, null, null, selected_currency.static_rate).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">
                                                        </td>
                                                        <td v-show="showWhat('sale_description')=='yes'">
                                                            <input type="text" placeholder="@lang('layout.Description')" name="service_description[]" v-model="(service.item==null)?null:service.item.description" class="form-control">
                                                        </td>
                                                        <td v-show="showWhat('sale_description2')=='yes'">
                                                            <input type="text" placeholder="@lang('layout.Description')" name="service_description2[]" v-model="(service.item==null)?null:service.item.description2" class="form-control">
                                                        </td>
                                                        <td>
                                                            <input class="form-control" name="service_quantity[]"
                                                                   v-model.number="(!service.item)?null:service.item.quantity"
                                                                   placeholder="@lang('layout.Quantity')">
                                                        </td>
                                                        <td class="highlight">
                                                            <select v-model="(service.item == null)?null:service.item.measure"
                                                                    class="form-control"
                                                                    @change="measureChangeservice(index)">
                                                                <option value="null">@lang('layout.Select')</option>
                                                                <span v-if="(service.item ==null)?false:true">
                                                                        <option v-for="measure in (service.item==null)?null:service.item.measure_list"
                                                                                :value="measure">
                                                                        @{{measure.measure_name}}
                                                                      </option> 
                                                                    </span>

                                                            </select>

                                                            <input type="hidden" name="service_measure[]"
                                                                   :value="(service.item==null)?null:service.item.measure.measure_id">
                                                        </td>
                                                        <td>
                                                            <div class="input-group">
                                                                <input type="number" name="service_price[]"
                                                                       placeholder="@lang('layout.Cost')"
                                                                       :value="(service.item==null)?null:saleNewRate(service.item,selected_currency.rate, null, selected_currency.static_rate)"
                                                                       ref="ser" @input="setNewRate('service',index)"
                                                                       class="form-control">
                                                                <span class="input-group-addon">
                                                                    @{{selected_currency.symbol}}
                                                                  </span>
                                                            </div>

                                                        </td>
                                                        <td>
                                                            <div class="input-group">
                                                                <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(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>

                                        </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">
                                                    <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 v = new Vue({
            el: '#app',
            data: {

                showModal: false,
                editKey: false,
                oil_sale: {{($sale->oil == 1) ? 'true' : 'false'}},
                sale: sale,
                customer: [],
                all_customer: [],
                seePrice: seePrice,
                seeCost: seeCost,
                selected_customer: {!!$selectedCustomer!!},
                selected_item: selectedItem,
                banks: banks,
                selected_banks: null,
                selectedOilPart: null,
                oilPart: oilPart,
                number: {{$sale->number}},
                all_services: all_services,
                selected_service: selectedService,
                currency: currency,
                selected_currency: selectedCurrency,
                rate: 0,
                discountFiled: 0,
                discountFiledRow: 0,
                discountIsAmount: 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,

                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_Number}} @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,
                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) {
                            return (parseFloat(this.discountFiled) * 100) / (this.subtotal - this.discountFiledRow);
                        } else {
                            return 0;
                        }
                    } else {

                        return this.discountFiled
                    }
                },

                // calculate subtotal
                subtotal: function () {
                    var sum = 0;
                    var sum_discount = 0;
                    for (var i = 0; i < this.inventories.length; i++) {
                        if (this.inventories[i].item && this.inventories[i].item != null) {
                            
                            if (this.oil_sale == true) {
                                var quantity = this.inventories[i]['item']['oil_qty'];
                            } else {
                                var quantity = this.inventories[i]['item']['quantity'];
                            }

                            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'];
                            
                            if (new_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 += (parseFloat(discount) * (new_rate * quantity *  this.selected_currency.static_rate / this.selected_currency.rate)) / 100;
                                        @else 
                                        sum_discount += (parseFloat(discount) * (new_rate * quantity * this.selected_currency.rate)) / 100;
                                        @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 += (parseFloat(discount) * (quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate))) / 100;
                                        @else 
										sum_discount += (parseFloat(discount) * (quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate))) / 100;
                                        @endif
                                    }
								}
                            }

                        }

                    }
                    this.discountFiledRow = sum_discount;

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

                            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 
                            }  
                        }
                    }
                    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 (((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;
                                }

                            }
                        }
                    }
                    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(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;
                }

                // 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];
                    }
                }

                // end payment

                // 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) {
                            flag = true;
                            tempService = this.all_services[h];
                            tempService.quantity = this.selected_service[r].qty;
                            tempService.rate = this.selected_service[r].sales_price;
                            tempService.new_rate = this.selected_service[r].sales_price;
                            tempService.description = this.selected_service[r].description;
                            tempService.description2 = this.selected_service[r].description2;
                        }
                    }
                    if (flag) {
                        this.services.push({item: tempService, items: this.all_services})
                    }
                }
                for (var w = 1; w > this.selected_service.length; w--) {
                    this.services.push({item: null, items: all_services});
                }
                // end service

                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.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:
                {

                    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);
                                    }
                                }
                                }
                            }
                            return result;
                        }
                    },
					
                    // 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;
                            @if(systemConfig()[30] == 1)
                            var temp = ((item.rate * item.measure.measure_unit / item.measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate);
                            @else 
                            var temp = ((item.rate * item.measure.measure_unit / item.measure_unit) * this.selected_currency.rate);
                            @endif
                            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,
                                location: null,
                                description2: null,
                                other_measure_amount: 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);
                    },



                    // 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)
                                this.services[index].item.new_rate = this.$refs.ser[index].value / this.selected_currency.static_rate * this.selected_currency.rate;
                                @else 
                                this.services[index].item.new_rate = this.$refs.ser[index].value / this.selected_currency.rate;
                                @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;
                                        @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;
                                        }
                                        @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);
                                })

                        }
                    },

                    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_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'];
                        }
                    },

                    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, 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) {
                                        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