@extends('layouts.app')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
<link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
<style>
  .v-select.searchable .dropdown-toggle{
    /* border: 1px solid red; */
    height: 27px;
  }
</style>
@section('content')
@include("layouts.Cmodal")
@include("invoices.modal")
<div class="row">
  <div class="portlet light bordered">
    <!-- BEGIN TAB PORTLET-->
    <div class="portlet light bordered">
      <div class="portlet-title">
        <div class="caption">
          <i class="icon-anchor font-green-sharp"></i>
          @if($duplicate)
          <span class="caption-subject font-green-sharp bold uppercase">@lang('layout.CreateNewInvoice')</span>
          @else
          <span class="caption-subject font-green-sharp bold uppercase">@lang('layout.EditInvoice')</span>
          @endif
        </div>
        <div class="actions">
        </div>
      </div>
      <div id="appInvoice" class="portlet-body">
        <div class="tabbable tabbable-tabdrop">
          <div>
            @if($duplicate)
            {{Form::model($invoice,['route' => ['invoice_roll.store',$invoice->id],'method' => 'post','class' => 'form-horizontal','id'=>'sales-form'])}}
            @else 
            {{Form::model($invoice,['route' => ['invoice_roll.update',$invoice->id],'method' => 'PATCH','class' => 'form-horizontal','id'=>'sales-form'])}}
            @endif
            {{ csrf_field() }}
            <div class="tab-content">
              <div class="tab-pane active" id="tab1">
                <div id="appInvoice" v-cloak class="portlet-body form" style="margin-bottom:50%;">
                  <!-- begin sale order modal -->
                  <!-- end sale order modal -->
                  <!-- BEGIN FORM-->
                  <div class="form-body">
                    <div class="row">
                      <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px; padding: 20px !important;">
                        <div v-show="showWhat('sale_area')=='yes'" class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                          <label class="control-label">@lang('layout.SaleArea')</label>
                          <v-select label="name" :options="saleArea" v-model="selected_area"></v-select>
                          <input type="hidden" name="sale_area_id" :value="!selected_area?null:selected_area.id">
                        </div>
                        <div v-show="showWhat('member_class')=='yes'" class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                          <label class="control-label">@lang('layout.MemberClass') </label>
                          <v-select label="name" :options="memberClass" v-model="selected_class" @input="memberClassChange()"></v-select>
                          <input type="hidden" name="class_id" :value="!selected_class?null:selected_class.id">
                        </div>  
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                          <label class="control-label">@lang('layout.Customer')</label>
                          <div class="input-group">
                              <v-select label="name" @input="memberChange()" @search="MemberSearch" :options="customer" 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 " title="@lang('button.AddNewCustomer')" @click="showModal = true" style="background-color:  rgb(84, 199, 211)">
                                  <i class="fa fa-plus" style="color: white"></i>
                              </span> 
                          </div>
                        </div>
                        <div v-show="showWhat('descriptionASMemberName')=='yes'" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                          <label class=" control-label">@lang('layout.OtherMemberName')</label>
                          <input type="text" name="other_member_name" value="{{$invoice->other_member_name}}" class="form-control">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                          @if($duplicate)
                            <label class="control-label">@lang('layout.InvoiceNumber')</label> 
                            <input type="number" name="number" value="{{$numberDuplicate}}" class="form-control">
                          @else 
                            <label class="control-label">@lang('layout.InvoiceNumber')</label> 
                            <input type="number" name="number" value="{{$invoice->number}}" class="form-control">
                          @endif
                        </div> 
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','referenceNumber')) displayNone @endif" style="height: 53px;">
                          <label class="control-label">@lang('layout.ReferenceNumber')</label>
                          <input type="text" name="ref_no" v-model="ref_no" class="form-control" @input="checkRefNo()">
                          <span v-if="isError1 ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                        </div>
                        @if(getSaleCommission()=="true")
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','commission')) displayNone @endif" style="height: 53px;">
                          <label class="control-label">@lang('layout.Commission')</label>
                          <v-select v-model="selected_commission" label="name" :options="commission">
                          </v-select>
                          <input type="hidden" name="commission_id" :value="!selected_commission?null:selected_commission.id" />
                          <input type="hidden" name="commission_vendor_id" :value="!selected_commission?null:selected_commission.member_id" />
                          <input type="hidden" name="commission_expense_id" :value="!selected_commission?null:selected_commission.expense_id" />
                          <input type="hidden" name="commission_value" :value="subTotalCommi" readonly />
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','commission')) displayNone @endif" style="height: 53px;">
                          <label class="control-label"  v-if="commissionIsAmount">@lang('layout.Amount')</label>
                          <label class="control-label"  v-else="!commissionIsAmount">@lang('layout.Percentage') %</label>
                          <div class="input-group" style="color: black !important">
                            <input class="form-control" type="number" min="0" max="100" name="camission_amount"  v-model="!selected_commission?null:selected_commission.percent">
                            <span v-if="commissionIsAmount" @click="commissionIsAmount = !commissionIsAmount" style="background-color: rgb(80, 129, 141); color: white;" class="input-group-addon">@{{selected_currency.symbol}}
                              <input type="hidden" class="input-group-addon" name="commission_type" value="currency">
                            </span>
                            <span v-else @click="commissionIsAmount = !commissionIsAmount" class="input-group-addon" style="background-color: rgb(80, 129, 141);color: white;">%
                              <input type="hidden" name="commission_type" value="percent">
                            </span>
                            <input type="hidden" name="commissionTotal" :value="commission">
                            <input type="hidden" name="commission" :value="commissionFiled"> 
                          </div>
                        </div>   
                        @endif
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                          <label class="control-label">@lang('layout.Currency')</label> 
                          <v-select label="code" @input="selectedRate" :options="currency" v-model="selected_currency"></v-select>
                          <input type="hidden" name="currency" :value="selected_currency.code">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;">
                          <label class="control-label">@lang('layout.Rate')</label>
                          <input type="hidden" name="hqRate" :value="selected_currency.hq_rate" v-if="selected_currency">
                          <input type="number" name="currency_rate" name="rate" v-model="!selected_currency?0:selected_currency.rate" class="form-control" :class="{'has-error':rate<=0}">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="height: 53px;" v-show="showDiscountRow">
                          <label class="control-label">@lang('layout.Discount')</label>
                          <div class="input-group">
                            <input v-model="discountFiled" class="form-control" type="number" min="0" max="100">
                            <span v-if="discountIsAmount" @click="discountIsAmount = !discountIsAmount" class="input-group-addon" style="color: white;">@{{selected_currency.symbol}}
                              <input type="hidden" class="input-group-addon" name="discount_type" value="currency">
                            </span>
                            <span v-else @click="discountIsAmount = !discountIsAmount" class="input-group-addon" style="color: white;">%
                              <input type="hidden" name="discount_type" value="percent">
                            </span>
                            <input type="hidden" name="discountTotal" :value="discount">
                            <input type="hidden" name="discount" :value="discountFiled">
                          </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','description')) displayNone @endif">
                          <label class="control-label">@lang('layout.Description')</label>
                          <textarea name="description" class="form-control" rows="1">{{$invoice->description}}</textarea>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','date')) displayNone @endif">
                          <label class="control-label">@lang('layout.Date')</label>
                          <input type="text" name="date" class="form-control date" value="{{$invoice->date}}" autocomplete="off">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','overdueDate')) displayNone @endif">
                          <label class="control-label">@lang('layout.OverdueDate')</label>
                          <input type="text" name="overdue_date" class="form-control date" value="{{$invoice->overdue_date}}" autocomplete="off">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 @if(!getCustomeForm('invoiceRoll','hour')) displayNone @endif">
                          <label class="control-label">@lang('layout.Hour')</label>
                          <div class="input-group">
                            @if(getHourType() == 24)
                            <input type="text" class="form-control timepicker timepicker-24" name="hour" value="{{$invoice->hour}}">
                            @else
                            <input type="text" class="form-control timepicker timepicker-no-seconds" name="hour" value="{{$invoice->hour}}" >
                            @endif
                            <span class="input-group-btn">
                                <button class="btn default" type="button" style="background-color: rgb(80, 129, 141); color: white;">
                                    <i class="fa fa-clock-o"></i>
                                </button>
                            </span>
                          </div>
                          {{-- <input type="text" name="overdue_date" class="form-control date" value="{{$invoice->overdue_date}}" autocomplete="off"> --}}
                        </div>
                        @if(getTransportCompany()=="true")
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                          <label class="control-label">@lang('menu.TransportCompany')</label>
                          <v-select v-model="selected_transportCompany" label="name" :options="transportCompany" @input="getDrivers" @click.native="getAllDrivers"> </v-select>
                          <input type="hidden" name="transportCompany_id" :value="!selected_transportCompany?null:selected_transportCompany.id">
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                          <label class="control-label">@lang('layout.Driver')</label>
                          <v-select label="name" :options="t_drivers" v-model="selected_transportDriver"> </v-select>
                          <input type="hidden" name="trasnsport_driver_id" :value="!selected_transportDriver?null:selected_transportDriver.id">
                        </div>
                        @endif
                        @if(ShowQuantityByWing() == "true")
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                          <label class=" control-label">@lang('layout.DifferentMeasure')</label>
                          <select name="different_measure" v-model="different_measure" class="form-control" id="">
                            <option value=""> @lang('layout.Select') </option>
                            <option value="SaleByOtherMeasureRate">@lang('layout.SelectQuantityByOtherMeasure')</option>
                            <option value="QuantityByWing">@lang('layout.QuantityByWing')</option>
                          </select>
                        </div>
                        @endif 
                        @if(getSaleDiscountDate()=="true")
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                          <label class="control-label">@lang('menu.DiscountDate')</label>
                          <v-select v-model="selected_discount_date" label="name" :options="discount_date" ></v-select>
                          <input type="hidden" name="discount_date_id" :value="!selected_discount_date?null:selected_discount_date.id" />
                        </div>
                        @endif
                        @if(systemConfig()[37] == 1)
                        @permission('Warranty-list')
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                          <label class="control-label">@lang('layout.ServicesForWarrantyItem')</label>
                          <v-select label="name" :options="warranties" v-model="selected_warranty" ></v-select>
                          <input type="hidden" name="warranty_details_id" :value="!selected_warranty?null:selected_warranty.id" >
                        </div>
                        @endpermission
                        @endif
                        @if(getSaleToBase() == 'true')
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group">
                                <label class=" control-label">@lang('layout.SaleBaseCurrency')</label>
                                <div class="col-md-12 mt-checkbox">
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="sale_base_currency" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>209</b><br />
<br />
<b>Warning</b>:  Attempt to read property "sale_base_currency" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>209</b><br />
 value="ok">
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if(getNegativeSale() == 'true')
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                          <div class="col-md-12 form-group text-center">
                            <label class=" control-label">@lang('layout.NegativeSale')</label>
                            <div class="col-md-12 mt-checkbox">
                            <label class="mt-checkbox mt-checkbox-outline">
                            <input type="checkbox" name="negative_sale" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>222</b><br />
<br />
<b>Warning</b>:  Attempt to read property "sale_type" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>222</b><br />
 value="ok" >
                            <span></span>
                            </label>
                            </div>
                          </div>
                        </div>
                        @endif
                        @if(getSaleByOtherMeasureRate() == "true")
                        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group text-center">
                                <label class=" control-label">@lang('layout.SaleByOtherMeasureRate')</label>
                                <div>
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="per_qty_check" v-model="per_qty_check" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>235</b><br />
<br />
<b>Warning</b>:  Attempt to read property "per_qty" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>235</b><br />
 >
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if(ShowQuantityByWing() == "true")
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group text-center">
                                <label class=" control-label">@lang('layout.QuantityByWing')</label>
                                <div>
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="quantityByWing" v-model="quantityByWing" >
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if(getFactorPending()=="true")
                        <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                            <div class="col-md-12 form-group">
                                <label class=" control-label">@lang('layout.Factor') @lang('layout.Pending')</label>
                                <div>
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="pending" value="on" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>261</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pending" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>261</b><br />
 >
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        @endif
                        @if(getSaleSubMeasure()=="true")
                          <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                              <div class="col-md-12 form-group">
                                  <label class=" control-label">@lang('layout.SubPrice')</label>
                                  <div>
                                      <label class="mt-checkbox mt-checkbox-outline">
                                          <input type="checkbox" v-model="sub_price" name="sub_price" @checked($invoice->sub_price) >
                                          <span></span>
                                      </label>
                                  </div>
                              </div>
                          </div>
                        @endif
                        @if(systemConfig()[37] == 1)
                            <div class="col-lg-1 col-md-1 col-sm-4 col-xs-12">
                                <div class="col-md-12 form-group text-center">
                                    <label class=" control-label">@lang('layout.Warranty')</label>
                                    <div>
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" v-model="warranty" name="warranty" @checked($invoice->warranty) >
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div v-if="warranty" class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                                <div class="col-md-12 form-group text-center">
                                    <label class=" control-label">@lang('layout.EndCustomer')</label>
                                    <div>
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" v-model="customer_type" name="customer_type" @checked($invoice->customer_type) >
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div v-show="warranty && customer_type" class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <label class="control-label">@lang('layout.Date')</label>
                                    <div class="input-group">
                                        <input type="text" name="from_date" ref="from_date" value="{{$invoice->from_date}}" class="form-control date" placeholder="{{__('layout.FromDate')}}" autocomplete="off"> 
                                        <span class="input-group-addon"> @lang('layout.To') </span>
                                        <input type="text" name="to_date" ref="to_date" value="{{$invoice->to_date}}" class="form-control date" placeholder="{{__('layout.ToDate')}}" autocomplete="off"> 
                                    </div>
                                </div>
                            </div>
                        @endif
                        {{-- <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding: 0px !important; margin: 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.Currency')</label> 
                                <v-select label="code" @input="selectedRate" :options="currency" v-model="selected_currency"></v-select>
                                <input type="hidden" name="currency" :value="selected_currency.code">
                              </div>
                            </div>
                          </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.Rate')</label>
                                <input type="hidden" name="hqRate" :value="selected_currency.hq_rate" v-if="selected_currency">
                                <input type="number" name="currency_rate" name="rate" v-model="!selected_currency?0:selected_currency.rate" class="form-control" :class="{'has-error':rate<=0}">
                              </div>
                            </div>
                          </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.Discount')</label>
                                <div class="input-group">
                                  <input v-model="discountFiled" class="form-control" type="number" min="0" max="100">
                                  <span v-if="discountIsAmount" @click="discountIsAmount = !discountIsAmount" class="input-group-addon">@{{selected_currency.symbol}}
                                    <input type="hidden" class="input-group-addon" name="discount_type" value="currency">
                                  </span>
                                  <span v-else @click="discountIsAmount = !discountIsAmount" class="input-group-addon">%
                                    <input type="hidden" name="discount_type" value="percent">
                                  </span>
                                  <input type="hidden" name="discountTotal" :value="discount">
                                  <input type="hidden" name="discount" :value="discountFiled">
                                </div>
                              </div>
                            </div>
                          </div>
                        </div> --}}
                      </div>
                      <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
                        <div style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;">
                          <div class="dashboard-stat2 ">
                            <table class="dashboard-tabel" width="100%" border="1">
                              <tr>
                                <td style="width: 50% !important;text-align: center;">
                                  <small>@lang('layout.Total')</small>
                                </td>
                                <td class="text-center" style="width: 50%;"><span data-counter="counterup" data-value="7800">@{{ format_number(Number.parseFloat((subtotal - (discount*(subtotal - discountFiledRow)/100) - discountFiledRow)-payeds))}}</span>
                                  <small class="font-green-sharp">@{{selected_currency.symbol}}</small>
                                </td>
                              </tr>
                              <tr>
                                <td style="width: 50%; text-align: center;">
                                  <small>@lang('layout.Discount') (@{{ Number.parseFloat(discount).toFixed(precision()) }}%)</small>
                                </td>
                                <td class="text-center" style="width: 50%;">
                                  <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 style="text-align: center; width: 50%;">
                                  <small>@lang('layout.Payment')</small>
                                </td>
                                <td class="text-center" style="width: 50%;">
                                  <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 style="width: 50%; text-align: center;">
                                  <small>@lang('layout.Sub-Total')</small>
                                </td>
                                <td class="text-center" style="width: 50%;">
                                  <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>
                              @if(getSaleCommission() =="true")
                              <tr>
                                  <td style="width: 50% !important; text-align: center;">
                                      <small>@lang('layout.TotalCommission')</small>
                                  </td>
                                  <td class="text-center" style="width: 50%;">
                                      <span class="text-right" data-counter="counterup" data-value="7800">
                                        @{{ myRound(Number.parseFloat(totalCommi) + Number.parseFloat(sum_commission))}}  
                                      </span>
                                      <small class="font-green-sharp"></small>
                                  </td>
                              </tr>
                              @endif
                            </table>
                            <div v-if="selected_customer" style="margin-top: 15px;">
                              <table class="dashboard-tabel table-bordered" width="100%">
                                <tr>
                                  <th style="text-align: center;background-color: rgb(80, 129, 141);color: white;">@lang('layout.Currency')</th>
                                  <th style="text-align: center;background-color: rgb(80, 129, 141);color: white;">@lang('layout.Payable')</th>
                                  <th style="text-align: center;background-color: rgb(80, 129, 141);color: white;">@lang('layout.Receivable')</th>
                                  <th style="text-align: center;background-color: rgb(80, 129, 141);color: white;">@lang('layout.AverageRate')</th>
                                </tr>
                                <tr v-for="summ in summary">
                                  <td style="text-align: center">
                                    @{{ summ.currency }}
                                  </td>
                                  <td style="text-align: center"> 
                                    @{{ member_format_number(Number(summ.payment)) }}
                                  </td>
                                  <td style="text-align: center">
                                    @{{member_format_number(Number(summ.invoice)) }}
                                  </td>
                                  <td style="text-align: center;">
                                    @{{member_format_number(Number(summ.rate))}}
                                  </td>
                                </tr>
                              </table>
                            </div>
                            </div>
                        </div>
                      </div>
                      {{-- <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12"> --}}
                        <!-- begin inputs -->
                        {{-- <div class="row">
                            <div v-show="showWhat('sale_area')=='yes'" 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.SaleArea')</label>
                                      <v-select label="name" :options="saleArea" v-model="selected_area"></v-select>
                                      <input type="hidden" name="sale_area_id" :value="!selected_area?null:selected_area.id">
                                    </div>
                                </div>
                            </div>
                            <div v-show="showWhat('member_class')=='yes'" 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.MemberClass') </label>
                                      <v-select label="name" :options="memberClass" v-model="selected_class" @input="memberClassChange()"></v-select>
                                      <input type="hidden" name="class_id" :value="!selected_class?null:selected_class.id">
                                    </div>
                                </div>
                            </div>    
                        </div> --}}
                        {{-- <div class="row">
                          <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.Customer')</label>
                                <div class="input-group">
                                    <v-select label="name" @input="memberChange()" @search="MemberSearch" :options="customer" 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 " title="@lang('button.AddNewCustomer')" @click="showModal = true" style="background-color:  rgb(84, 199, 211)">
                                        <i class="fa fa-plus" style="color: white"></i>
                                    </span> 
                                </div>
                              </div>
                            </div>
                          </div>
                          <div v-show="showWhat('descriptionASMemberName')=='yes'" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                              <div class="form-group">
                                  <div class="col-md-12">
                                      <label class=" control-label">@lang('layout.OtherMemberName')</label>
                                      <div>
                                          <input type="text" name="other_member_name" value="{{$invoice->other_member_name}}" class="form-control">
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                            <div class="form-group">

                              @if($duplicate)
                              <div class="col-md-12">
                                <label class="control-label">@lang('layout.InvoiceNumber')</label> 
                                <input type="number" name="number" value="{{$numberDuplicate}}" class="form-control">
                              </div>
                              @else 
                              <div class="col-md-12">
                                <label class="control-label">@lang('layout.InvoiceNumber')</label> 
                                <input type="number" name="number" value="{{$invoice->number}}" class="form-control">
                              </div>
                              @endif

                            </div>
                          </div> 
                          <div class="col-md-4">
                            <div class="form-group">
                                <div class="col-md-12">
                                  <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                  <input type="text" name="ref_no" v-model="ref_no" class="form-control" @input="checkRefNo()">
                                  <span v-if="isError1 ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                                </div>
                            </div>
                          </div>
                        </div> --}}
                        {{-- <div class="row"> 
                          <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.Currency')</label> 
                                <v-select label="code" @input="selectedRate" :options="currency" v-model="selected_currency"></v-select>
                                <input type="hidden" name="currency" :value="selected_currency.code">
                              </div>
                            </div>
                          </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.Rate')</label>
                                <input type="hidden" name="hqRate" :value="selected_currency.hq_rate" v-if="selected_currency">
                                <input type="number" name="currency_rate" name="rate" v-model="!selected_currency?0:selected_currency.rate" class="form-control" :class="{'has-error':rate<=0}">
                              </div>
                            </div>
                          </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.Discount')</label>
                                <div class="input-group">
                                  <input v-model="discountFiled" class="form-control" type="number" min="0" max="100">
                                  <span v-if="discountIsAmount" @click="discountIsAmount = !discountIsAmount" class="input-group-addon">@{{selected_currency.symbol}}
                                    <input type="hidden" class="input-group-addon" name="discount_type" value="currency">
                                  </span>
                                  <span v-else @click="discountIsAmount = !discountIsAmount" class="input-group-addon">%
                                    <input type="hidden" name="discount_type" value="percent">
                                  </span>
                                  <input type="hidden" name="discountTotal" :value="discount">
                                  <input type="hidden" name="discount" :value="discountFiled">
                                </div>
                              </div>
                            </div>
                          </div>
                        </div> --}}
                        {{-- <div class="row">
                          <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.Description')</label>
                                <textarea name="description" class="form-control" rows="1">{{$invoice->description}}</textarea>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                            <div class="form-group">
                              <div class="col-md-12">
                                <label class="control-label">@lang('layout.Date')</label>
                                <input type="text" name="date" class="form-control date" value="{{$invoice->date}}" autocomplete="off">
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                            <div class="form-group">
                              <div class="col-md-12">
                                <label class="control-label">@lang('layout.OverdueDate')</label>
                                <input type="text" name="overdue_date" class="form-control date" value="{{$invoice->overdue_date}}" autocomplete="off">
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                            <div class="form-group">
                              <div class="col-md-12">
                                <label class="control-label">@lang('layout.Hour')</label>
                                <div class="input-group">
                                  @if(getHourType() == 24)
                                  <input type="text" class="form-control timepicker timepicker-24" name="hour" value="{{$invoice->hour}}">
                                  @else
                                  <input type="text" class="form-control timepicker timepicker-no-seconds" name="hour" value="{{$invoice->hour}}" >
                                  @endif
                                  <span class="input-group-btn">
                                      <button class="btn default" type="button">
                                          <i class="fa fa-clock-o"></i>
                                      </button>
                                  </span>
                              </div>
                              </div>
                            </div>
                          </div>
                        </div> --}}
                      
                        {{-- <div class="row">  
                          @if(getSaleToBase() == 'true')
                          <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                              <div class="col-md-12 form-group">
                                  <label class=" control-label">@lang('layout.SaleBaseCurrency')</label>
                                  <div class="col-md-12 mt-checkbox">
                                      <label class="mt-checkbox mt-checkbox-outline">
                                          <input type="checkbox" name="sale_base_currency" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>601</b><br />
<br />
<b>Warning</b>:  Attempt to read property "sale_base_currency" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>601</b><br />
 value="ok">
                                          <span></span>
                                      </label>
                                  </div>
                              </div>
                          </div>
                          @endif
                          @if(getNegativeSale() == 'true')
                          <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group">
                              <label class=" control-label">@lang('layout.NegativeSale')</label>
                              <div class="col-md-12 mt-checkbox">
                              <label class="mt-checkbox mt-checkbox-outline">
                              <input type="checkbox" name="negative_sale" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>614</b><br />
<br />
<b>Warning</b>:  Attempt to read property "sale_type" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>614</b><br />
 value="ok" >
                              <span></span>
                              </label>
                              </div>
                            </div>
                          </div>
                          @endif
                          @if(getSaleByOtherMeasureRate() == "true")
                          <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                              <div class="col-md-12 form-group">
                                  <label class=" control-label">@lang('layout.SaleByOtherMeasureRate')</label>
                                  <div>
                                      <label class="mt-checkbox mt-checkbox-outline">
                                          <input type="checkbox" name="per_qty_check" v-model="per_qty_check" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>627</b><br />
<br />
<b>Warning</b>:  Attempt to read property "per_qty" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>627</b><br />
 >
                                          <span></span>
                                      </label>
                                  </div>
                              </div>
                          </div>
                          @endif
                          @if(ShowQuantityByWing() == "true")
                          <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                              <div class="col-md-12 form-group">
                                  <label class=" control-label">@lang('layout.QuantityByWing')</label>
                                  <div>
                                      <label class="mt-checkbox mt-checkbox-outline">
                                          <input type="checkbox" name="quantityByWing" v-model="quantityByWing" >
                                          <span></span>
                                      </label>
                                  </div>
                              </div>
                          </div>
                          @endif
                          @if(ShowQuantityByWing() == "true")
                          <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                              <div class="col-md-12 form-group">
                                  <label class=" control-label">@lang('layout.DifferentMeasure')</label>
                                  <div>
                                      <label class="mt-checkbox mt-checkbox-outline">
                                          <select name="different_measure" v-model="different_measure" class="form-control" id="">
                                              <option value=""> @lang('layout.Select') </option>
                                              <option value="SaleByOtherMeasureRate">@lang('layout.SelectQuantityByOtherMeasure')</option>
                                              <option value="QuantityByWing">@lang('layout.QuantityByWing')</option>
                                          </select>
                                      </label>
                                  </div>
                              </div>
                          </div>
                          @endif 
                          @if(getFactorPending()=="true")
                          <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                              <div class="col-md-12 form-group">
                                  <label class=" control-label">@lang('layout.Factor') @lang('layout.Pending')</label>
                                  <div>
                                      <label class="mt-checkbox mt-checkbox-outline">
                                          <input type="checkbox" name="pending" value="on" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>669</b><br />
<br />
<b>Warning</b>:  Attempt to read property "pending" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>669</b><br />
 >
                                          <span></span>
                                      </label>
                                  </div>
                              </div>
                          </div>
                          @endif
                        </div> --}}

                        {{-- <div class="row"> --}}
                          <!--Begin Transport Company-->
                          {{-- @if(getTransportCompany()=="true")
                          <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('menu.TransportCompany')</label>
                                <v-select v-model="selected_transportCompany" label="name" :options="transportCompany" @input="getDrivers" @click.native="getAllDrivers"> </v-select>
                                <input type="hidden" name="transportCompany_id" :value="!selected_transportCompany?null:selected_transportCompany.id">
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-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.Driver')</label>
                                <v-select label="name" :options="t_drivers" v-model="selected_transportDriver"> </v-select>
                                <input type="hidden" name="trasnsport_driver_id" :value="!selected_transportDriver?null:selected_transportDriver.id">
                              </div>
                            </div>
                          </div>
                          @endif --}}
                          <!--End Transport Company-->
                          <!--Begin Sale Discount Date -->
                          {{-- @if(getSaleDiscountDate()=="true")
                            <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('menu.DiscountDate')</label>
                                            <v-select 
                                                v-model="selected_discount_date"
                                                label="name" :options="discount_date" >
                                            </v-select>
                                            <input type="hidden" name="discount_date_id" :value="!selected_discount_date?null:selected_discount_date.id" />
                                    </div>
                                </div>
                            </div>
                          @endif --}}
                            <!--End Sale Discount Date -->
                        {{-- </div> --}}
                          <!-- end inputs -->
                      {{-- </div> --}}
                      {{-- <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> --}}
                        <!-- begin total -->
                        {{-- <div class="dashboard-stat2 ">
                          <table class="dashboard-tabel" width="100%">
                            <tr>
                              <td>
                                <small>@lang('layout.Total') :</small>
                              </td>
                              <td class="text-right"><span data-counter="counterup" data-value="7800">@{{ format_number(Number.parseFloat((subtotal - (discount*(subtotal - discountFiledRow)/100) - discountFiledRow)-payeds))}}</span>
                                <small class="font-green-sharp">@{{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 -->
                      {{-- </div> --}}
                      <input type="hidden" name="edit_sale" value="{{$edit_sale}}">
                    </div>
                    @if(saleMainItemInFactorCode()!="false")
                    <h3 v-if="main_inventories.length>0">@lang('layout.MainItem')</h3>
                    <div class="row" v-if="main_inventories.length>0" style="overflow-x: scroll;">
                      <table id="table_content" class="table table-bordered table-advance">
                        <thead>
                          <tr>
                            <th>#</th>
                            @if(getSaleCommission()=="true")
                            <th>@lang('layout.Commission')</th>
                            @endif 
                            <th v-show="showWhat('sale_category')=='yes'" style="min-width: 130px">@lang('layout.Category') </th>
                            @if(getSerailNumber() =="true")
                            <th style="min-width: 100px">@lang('layout.SerialNum') </th>
                            @endif
                            <th style="min-width: {{itemFieldWidth()}}px">@lang('layout.ItemName') </th>
                            <th style="min-width: 100px">@lang('layout.SiteName') </th>
                            <th v-show="showWhat('sale_description')=='yes'" style="min-width: 100px">@lang('layout.Description') </th>
                            <th v-show="showWhat('sale_description2')=='yes'" style="min-width: 100px">@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: 100px">@lang('layout.Cost')</th>
                            <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(getM3()!="")
                            @if(getFactorMeasure3()=="true")
                            <th style="min-width: 100px">@lang('layout.Measure3') </th>
                            @endif
                            @endif
                            @if(getM4()!="")
                            @if(getFactorMeasure4()=="true")
                            <th style="min-width: 100px">@lang('layout.Measure4') </th>
                            @endif
                            @endif

                            
                            @if(getSaleCommission()=="true")
                            <th style="min-width: 100px" v-if="commissionIsAmount">@lang('layout.Commission') @lang('layout.Amount')</th>
                            <th style="min-width: 100px" v-else="!commissionIsAmount">@lang('layout.Commission') @lang('layout.Percentage')%</th>
                            @endif 

                            <th v-show="showWhat('sale_discount')=='yes'" style="min-width: 100px">@lang('layout.Discount') </th>
                            <th v-show="seePrice==true" style="min-width: 100px">@lang('layout.Total')</th>

                            <th></th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr v-for="(item,index) in main_inventories">
                            <td>@{{index+1}}</td> 
                            @if(getSaleCommission() =="true") 
                            <td> 
                                <div class="mt-checkbox" style="padding-left: 0px;"> 
                                    <label class="mt-checkbox mt-checkbox-outline"> 
                                        <input type="checkbox" :name="'row_commission_stat['+index+']'" v-model="item.commission" checked /> 
                                        <span></span> 
                                    </label> 
                                </div> 
                            </td>
                            @endif  
                            <td v-show="showWhat('sale_category')=='yes'">
                              <v-select label="name" v-model="item.item_category" :options="inventory_category" @keyup.native="itemCategoryChange(index)" @click.native="itemCategoryChange(index)"></v-select>
                              <input type="hidden" :name="'main_inventory_category_id['+index+']'" :value="(!item.item_category)?null:item.item_category.id">
                            </td>
                            @if(getSerailNumber() =="true")
                            <td>
                              <input :value="(!item.item)?null:item.item.number" class="form-control input-style input-number" placeholder="@lang('layout.SerialNum')" disabled>
                            </td>
                            @endif
                            <td class="highlight">
                              <v-select label="name" @keyup.native="onItemload(index)" @Click.native="onItemload(index)" v-model="item.inventory" :options="temp_main_items" @search="onMainItemSearch"></v-select>
                              <input type="hidden" :name="'main_inventory_id['+index+']'" v-validate="''" data-vv-as="@lang('layout.ItemName')" :value="(!item.item)?null:item.item.id">
                              <span class="required">@{{ errors.first('inventory_id['+index+']') }}</span>
                              <input type="hidden" :value="(!item.item)?null:item.item.sale_order_detail_id" :name="'main_sale_order_detail_id['+index+']'">
                            </td>
                            <td class="highlight">
                              <select v-model="(item.item==null)?null:item.item.site" class="form-control">
                                <option value="null">@lang('layout.Select')</option>

                                <span v-if="(item.item != null)">
                                  <option v-for="site in (item.item==null)?null:item.item.site_list" :value="site">
                                    @{{site.site_name}}
                                  </option>
                                </span>
                              </select>

                              <input type="hidden" :name="'main_inventory_site['+index+']'" :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')" v-model="(item.item==null)?null:item.item.description" name="main_inventory_description[]"
                              oninput = "autowidths(event)"
                              class="form-control chan_length">
                            </td>
                            <td v-show="showWhat('sale_description2')=='yes'">
                              <input type="text" placeholder="@lang('layout.Description')" v-model="(item.item==null)?null:item.item.description2" name="main_description2[]"
                              oninput = "autowidths(event)"
                              class="form-control chan_length">
                            </td>

                            <td>
                              <input type="number" :name="'main_inventory_quantity['+index+']'" v-model.number="(item.item==null)?null:item.item.quantity"
                              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,item.item.old_quantity))}}
                            </td>

                            <td v-show="showWhat('other_measure')=='yes'">
                              <div class="input-group">
                                <input type="number" name="main_other_measure_amount[]" oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.OMeasureValue1')" v-model.number="(item.item==null)?null:item.item.other_measure">
                                <span class="input-group-addon">
                                      @{{(item.item==null)?null:item.item.o_measure_v}}
                                  </span>
                              </div>
                            </td>
                            <td v-show="showWhat('other_measure2')=='yes'">
                              <div class="input-group">
                                <input type="number" name="main_other_measure_amount2[]" oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.OMeasureValue2')" v-model.number="(item.item==null)?null:item.item.other_measure2">
                                <span class="input-group-addon">
                                      @{{(item.item==null)?null:item.item.o_measure_v1}}
                                  </span>
                              </div>
                            </td>
                            <td class="highlight">
                              <select v-model="(item.item == null)?null:item.item.measure" class="form-control" @change="mainMeasureChange(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="'main_inventory_measure['+index+']'" :value="(item.item==null)?null:item.item.measure.measure_id">
                            </td>

                            <td v-show="seeCost==true">
                              @if(systemConfig()[30] == 1)
                              <div class="input-group">
                                <input type="number" placeholder="@lang('layout.Price')" v-bind:value="(item.item==null)?null: myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) * selected_currency.static_rate / selected_currency.rate)"
                                oninput = "autowidths(event)" class="form-control chan_length" disabled="disabled">
                                <span class="input-group-addon">
                                  @{{selected_currency.symbol}}
                                </span>
                              </div>
                              @else 
                              <div class="input-group">
                                <input type="number" placeholder="@lang('layout.Price')" v-bind:value="(item.item==null)?null: myRound((item.item.LasCost * item.item.measure.measure_unit / item.item.measure_unit) *selected_currency.rate)"
                                oninput = "autowidths(event)" class="form-control chan_length" disabled="disabled">
                                <span class="input-group-addon">
                                  @{{selected_currency.symbol}}
                                </span>
                              </div>
                              @endif

                            </td>
                            <td v-show="seePrice==true">
                              <vue-numeric v-if="item.item"
                                  class="form-control chan_length"
                                  oninput = "autowidths(event)"
                                  v-model="item.item.cost"
                                  :max="99999999999999" inputmode="decimal"
                                  currency=""
                                  :precision="precision()"
                                  @input="setNewRateMain('inventory',index)"
                                  >
                              </vue-numeric>
                              <input type="hidden" :name="'main_inventory_price['+index+']'" placeholder="@lang('layout.Price')" v-bind:value="(item.item==null)?null:saleNewRate(item.item,selected_currency.rate, null, selected_currency.static_rate)" ref="in_main" class="form-control chan_length">
                            </td>

                            @if(getM2()!="")
                            @if(getFactorMeasure2()=="true")
                            <td>
                              <select :name="'main_measure1['+index+']'" 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>
                            </td>
                            @endif
                            @endif
                            @if(getM3()!="")
                            @if(getFactorMeasure3()=="true")
                            <td>
                              <select :name="'main_measure2['+index+']'" 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(getM4()!="")
                            @if(getFactorMeasure4()=="true")
                            <td>
                              <select :name="'main_measure3['+index+']'" class="form-control" v-model="(item.item==null)?null:item.item.measure3.measure_id">
                                <option value="null">@lang('layout.Select')</option>
                                <span v-if="(item.item ==null)?false:true">
                                  <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure.measure_id">
                                    @{{measure.measure_name}}
                                  </option>
                                </span>
                              </select>
                            </td>
                            @endif
                            @endif 
                            @if(getSaleCommission()=="true")
                            <td>
                                <div class="input-group" v-show="!item.commission"> 
                                    <input type="number" class="form-control chan_length" :name="'row_percent_commission['+index+']'" oninput = "autowidths(event)" v-model="item.row_commission_percent" />
                                    <span class="input-group-addon" v-if="commissionIsAmount">
                                        @{{selected_currency.symbol}}
                                    </span>
                                    <span class="input-group-addon" v-if="!commissionIsAmount">
                                        %
                                    </span>
                                <input type="hidden" :name="'row_commission_amount['+index+']'" :value="item.row_commission_amount" />
                            </div>
                            </td>
                            @endif     


                            <td v-show="showWhat('sale_discount')=='yes'">
                                <div class="input-group">
                                    <input type="number" name="main_inventory_discount[]" placeholder="@lang('layout.Discount')" v-model.number="(item.item==null)?null:item.item.discount" oninput = "autowidths(event)" class="form-control chan_length">
                                    <span class="input-group-addon" v-if="discountIsAmount">
                                        @{{selected_currency.symbol}}
                                    </span>
                                    <span class="input-group-addon" v-if="!discountIsAmount">
                                        %
                                    </span>
                                </div>
                            </td>
                            <td v-show="seePrice==true">
                                @{{(item.item==null)? 0:getItemTotal(item.item,selected_currency.rate,discountIsAmount,item.item.discount,selected_currency.hq_rate,per_qty_check, null, selected_currency.static_rate).result}}
                                @{{selected_currency.symbol}}
                            </td>

                            <td>
                              <span v-on:click="deleteItem('main_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('main_inventory',100)" 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>
                            <td></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <hr>
                    @endif
                    <h3>@lang('layout.ItemByCode')</h3>
                    <div class="row" v-if="inventories.length>0" style="overflow-x: scroll;">
                      <table id="table_content" class="table table-bordered table-advance">
                        <thead>
                          <tr>
                            <th>#</th>
                            @if(getSaleCommission()=="true")
                            <th>@lang('layout.Commission')</th>
                            @endif 
                            <th v-show="showWhat('sale_category')=='yes'" style="min-width: 130px">@lang('layout.Category') </th>
                            <th style="min-width: {{itemFieldWidth()}}px">@lang('layout.ItemName') </th>
                            <th style="min-width: 100px">@lang('layout.SiteName') </th>
                            @if(getCodeBrand()=="true")
                            <th style="min-width: 100px;">@lang('layout.Brand')</th>
                            @endif
                            <th style="min-width: 100px">@lang('layout.Code') </th>
                            @if(searchByCodeLocation()=="true")
                            <th style="min-width: 100px;">@lang('layout.Location')</th>
                            @endif
                            <th v-show="showWhat('sale_description')=='yes'" style="min-width: 100px" class="purchase_description">@lang('layout.Description') </th>
                            @if(ImportEngineNumberByExcel()!="true")
                            <th  v-show="showWhat('sale_description2')=='yes'" style="min-width: 100px" class="purchase_description">@lang('layout.Description') 2 </th>
                            @endif
                            <th  v-show="warranty" style="min-width: 100px" >@lang('layout.BatchDate')</th>
                            @if(ImportEngineNumberByExcel()=="true")
                            <th style="min-width: 100px" >@lang('layout.DocumentReceived')</th>
                            @endif
                            @if(getCustomHouseLitter()=="true")
                            <th style="min-width: 100px">@lang('layout.CustomHouseLitterNumber') </th>
                            <th style="min-width: 100px">@lang('layout.Province') </th>
                            <th style="min-width: 100px">@lang('layout.CustomHouseLitterDate') </th>
                            @endif
                            <th style="min-width: 100px">@lang('layout.Quantity') </th>
                            <th style="min-width: 100px">@lang('layout.Weight') </th>
                            <th style="min-width: 100px">@lang('layout.OnHand') </th>
                            @if(searchByCodeLocation()=="true")
                            @if(getExpireDate()=="true")
                            <th style="min-width: 100px">@lang('layout.ExpireDate')</th>
                            @endif
                            @endif
                            @if(systemConfig()[21] == 1 || getCubicMetereItems()=="true")
                            <th class="text-center" style="min-width: 100px;">@lang('layout.Width')</th>
                            <th class="text-center" style="min-width: 100px;">@lang('layout.Length')</th>
                            @endif
                            @if(getCubicMetereItems()=="true")
                            <th>@lang('layout.Gauge') </th>
                            @endif
                            <th v-show="showWhat('other_measure')=='yes'" style="min-width: 170px">@lang('layout.OMeasureValue1')</th>
                            <th v-show="showWhat('other_measure2')=='yes'" style="min-width: 150px">@lang('layout.OMeasureValue2')</th>
                            <th style="min-width: 120px">@lang('layout.Measure') </th>
                            @if(getM2()!="")
                            @if(getFactorMeasure2()=="true")
                            <th style="min-width: 100px">@lang('layout.Measure2') </th>
                            @endif
                            @endif
                            @if(getM3()!="")
                            @if(getFactorMeasure3()=="true")
                            <th style="min-width: 100px">@lang('layout.Measure3') </th>
                            @endif
                            @endif
                            @if(getM4()!="")
                            @if(getFactorMeasure4()=="true")
                            <th style="min-width: 100px">@lang('layout.Measure4') </th>
                            @endif
                            @endif

                            @if(getSaleSubMeasure()=="true")
                            <th v-show="sub_price" style="min-width: 100px">@lang('layout.EquivalentTo') </th>
                            <th v-show="sub_price" style="min-width: 100px">@lang('layout.SubPrice') </th>
                            @endif

                            @if(getSaleCommission()=="true")
                            <th style="min-width: 100px" v-if="commissionIsAmount">@lang('layout.Commission') @lang('layout.Amount')</th>
                            <th style="min-width: 100px" v-else="!commissionIsAmount">@lang('layout.Commission') @lang('layout.Percentage')%</th>
                            @endif 


                            @if(showLocation()=="true" && searchByCodeLocation()!="true")
                              <th style="min-width: 100px">@lang('layout.Location') </th>
                            @endif
                            @if(getShowWing()!="false")
                            <th style="min-width: 100px">@lang('layout.Wing') </th>
                            @if(ShowQuantityByWing() == "true")
                            <th style="min-width: 100px">@lang('layout.ApproxWeight') </th>
                            <th v-show="quantityByWing" style="min-width: 100px">@lang('layout.Price') @lang('layout.Wing') </th>
                            <th style="min-width: 100px">@lang('layout.Bundl') </th>
                            @endif
                            @endif
                            @if(systemConfig()[21] == 1)
                            <th class="text-center" style="min-width: 100px;">@lang('layout.UnitPrice')</th>
                            @endif
                            @if(getSaleCodePricePercentage() == 'true')
                            <th class="text-center" style="min-width: 100px;">@lang('layout.Percentage')%</th>
                            @endif
                            <th style="min-width: 100px">@lang('layout.NewCost') </th>
                            <th v-show="showWhat('sale_discount')=='yes'" style="min-width: 100px">@lang('layout.Discount') </th>
                            <th style="min-width: 100px">@lang('layout.Total') </th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr v-for="(item,index) in inventories">
                            <td>@{{index+1}}</td> 
                            @if(getSaleCommission() =="true") 
                            <td> 
                                <div class="mt-checkbox" style="padding-left: 0px;"> 
                                    <label class="mt-checkbox mt-checkbox-outline"> 
                                        <input type="checkbox" :name="'row_commission_stat_code['+index+']'" v-model="item.commission" checked /> 
                                        <span></span> 
                                    </label> 
                                </div> 
                            </td>
                            @endif 

                            <td v-show="showWhat('sale_category')=='yes'">
                              <v-select label="name" v-model="item.item_category" :options="inventory_category" @keyup.native="itemCategoryChangeCode(index)" @click.native="itemCategoryChangeCode(index), addNew('inventory',index)"></v-select>
                              <input type="hidden" :name="'inventory_category_id['+index+']'" :value="(!item.item_category)?null:item.item_category.id">
                            </td>
                            <td class="highlight">
                              <v-select label="name" v-model="item.inventory" :options="temp_items" @keyup.native="onItemLoadCode(index)" @search="onItemSearch" @click.native="onItemLoadCode(index), addNew('inventory',index)"></v-select>
                              <input type="hidden" id="item_id" :name="'inventory_id['+index+']'" :value="(!item.item)?null:item.item.id">
                              <input type="hidden" :value="(!item.item)?null:item.item.sale_order_detail_id" :name="'sale_order_detail_id['+index+']'">
                            </td>
                            <td class="highlight">
                              <select v-model="(item.item==null)?null:item.item.site" @input="onItemSearchBrand(index), onSearchLocation(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" id="inventory_site" :name="'inventory_site['+index+']'" :value="(item.item==null)?null:((item.item.site==null)?null:item.item.site.site_id)">
                            </td>
                            @if(getCodeBrand()=="true")
                            <td class="highlight">
                              <v-select label="name" @click.native="addIndex(index), selCodeSelect(index)" @keyup.native="selCodeSelect(index)" v-model="(item.item==null)?testTemp:item.item.selectedBrand" :options="(item.item==null)?brandItem:item.item.brandList" placeholder="@lang('layout.Brand')" style=""></v-select>

                              <input type="hidden" :name="'brand_id['+index+']'" :value="(item.item==null)?null:((item.item.selectedBrand==null)?null:item.item.selectedBrand.id)">
                            </td>
                            @endif
                            <td class="highlight">
                              <v-select label="name" @click.native="addIndex(index), onItemSearchCodeSelect(index), editKey = true" @input="(editKey)?(selectLocation(index) , changeWingPrice(index)):''" v-model="(item.item==null)?testTemp:item.item.code" :options="subItems" @search="onItemSearchCode" placeholder="@lang('layout.Code')" style="">
                                @if(searchByImage()=="true")
                                <template #option="option">
                                  <span v-if="option.code_image"><img :src="imagePath+'/'+option.code_image" style="height: 40px;width:40px"> @{{option.name}} </span>
                                </template>
                                @endif
                              </v-select>
                              <input type="hidden" :name="'cost_roll['+index+']'" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.per_price)">
                              <input type="hidden" :name="'cost['+index+']'" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.cost)">
                              <input type="hidden" :name="'m_stocks_in_id['+index+']'" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.id)">
                              <input type="hidden" :name="'main_stock_id['+index+']'" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.main_stock_id)">
                            </td>
                            @if(searchByCodeLocation()=="true")
                            <td class="highlight">
                                <v-select label="name" @click.native="addIndex(index), editKey = true" @input="(editKey)?onItemSearchLocation(index):''" v-model="(item.item==null)?testTemp:item.selectedLocation" :options="(item==null)?[]:item.locationList" placeholder="@lang('layout.Location')" ></v-select>
                            </td>
                            @endif
                            <td v-show="showWhat('sale_description')=='yes'" class="purchase_description">
                                <input type="text" placeholder="@lang('layout.Description')" :name="'inventory_description['+index+']'" v-model="(item.item==null)?null:item.item.description" class="form-control">
                            </td>
                            
                            @if(ImportEngineNumberByExcel()!="true")
                            <td v-show="showWhat('sale_description2')=='yes'" class="purchase_description">
                                <input type="text" placeholder="@lang('layout.Description')" :name="'inventory_description2['+index+']'" v-model="(item.item==null)?null:item.item.description2" class="form-control">
                            </td>
                            @endif
                            <td v-show="warranty">
                              <date_picker :name="'batch_date['+index+']'" v-model="(item.item==null)?null:item.item.batch_date" placeholder="@lang('layout.BatchDate')" ></date_picker>  
                            </td>
                            @if(ImportEngineNumberByExcel()=="true")
                            <td>
                                <div class="mt-checkbox" style="padding-left: 0px;">
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" :name="'inventory_description2['+index+']'" value="yes"  :checked="(item.item==null)?'':((item.item.description2 == 'yes')?'true':'')" />
                                        <span></span>
                                    </label>
                                </div>
                            </td>
                            @endif

                            @if(getCustomHouseLitter()=="true")
                              <td>
                                  <input type="text" v-model="(item.item==null)?null:item.item.litter_number" :name="'custom_house_litter_number['+index+']'"  
                                  oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.CustomHouseLitterNumber')">    
                              </td>
                              <td> 
                                  <input type="text" v-model="(item.item==null)?null:item.item.province_litter" :name="'province['+index+']'"  
                                  oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Province')">    
                              </td>
                              <td>  
                                  <date_picker v-model="(item.item==null)?null:item.item.date_litter"  :name="'custom_house_litter_date['+index+']'" placeholder="@lang('layout.CustomHouseLitterDate')" ></date_picker>  
                              </td>
                              @endif

                            <td>
                              <input type="number" :name="'inventory_quantity['+index+']'" ref="qut_temp" @input="setNewRate('inventory',index), changeQuantityOfWing(index)" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.qut_temp)"
                              oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.Quantity')">

                            </td>

                            <td>
                              @{{myRound((item.item==null)?null:((item.item.code==null)?null:item.item.code.OnHand))}}
                            </td>

                            <td>
                              @{{myRound((item.item==null)?null:saleItemQuantity(item.item,((item.item.code==null)?item.item.quantity:item.item.code.qut_temp)))}}
                            </td>
                            @if(searchByCodeLocation()=="true")
                            @if(getExpireDate()=="true")
                            <td>
                              @{{(item.item==null)?null:((item.item.code==null)?null:item.item.expire_date)}}
                            </td>
                            @endif
                            @endif
                            @if(systemConfig()[21] == 1 || getCubicMetereItems()=="true")
                            <td>
                                <input :name="'widths['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.width)" @input="setNewRate('inventory',index), changeMetraz(index)" ref="width" class="form-control" placeholder="@lang('layout.Width')">
                            </td>
                            <td>
                                <input :name="'lengths['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.length)" @input="setNewRate('inventory',index), changeMetraz(index)" ref="length" class="form-control" placeholder="@lang('layout.Length')">
                            </td>
                            @endif
                            @if(getCubicMetereItems()=="true")
                            <td>
                                <input :name="'gauge['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.gauge)" @input="setNewRate('inventory',index), changeMetrazByKhada(index)" ref="gauge" class="form-control" placeholder="@lang('layout.Gauge')">
                            </td>
                            @endif
                            <td v-show="showWhat('other_measure')=='yes'">
                                <div class="input-group">
                                    <input type="number" name="other_measure[]" oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.OMeasureValue1')" 
                                    @input="change_per_qty(index)"  v-model.number="(item.item==null)?null:item.item.other_measure">
                                    <span class="input-group-addon">
                                        @{{myRound((item.item==null)?null:((item.item.code==null)?null:item.item.code.other_measure))}}
                                    </span>
                                </div>
                            </td>
                            <td v-show="showWhat('other_measure2')=='yes'">
                                <div class="input-group">
                                    <input type="number" name="other_measure2[]" oninput = "autowidths(event)" class="form-control input-style input-number chan_length" placeholder="@lang('layout.OMeasureValue2')" 
                                    v-model.number="(item.item==null)?null:item.item.other_measure2">
                                    <span class="input-group-addon">
                                        @{{myRound((item.item==null)?null:((item.item.code==null)?null:item.item.code.other_measure2))}}
                                    </span>
                                </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['+index+']'" :value="(item.item==null)?null:item.item.measure.measure_id">
                            </td>

                            @if(getM2()!="")
                            @if(getFactorMeasure2()=="true")
                            <td>
                              <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>
                            </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(getM4()!="")
                            @if(getFactorMeasure4()=="true")
                            <td>
                              <select name="measure3[]" class="form-control" v-model="(item.item==null)?null:item.item.measure3.measure_id">
                                <option value="null">@lang('layout.Select')</option>
                                <span v-if="(item.item ==null)?false:true">
                                  <option v-for="measure in (item.item==null)?null:item.item.measure_list" :value="measure.measure_id">
                                    @{{measure.measure_name}}
                                  </option>
                                </span>
                              </select>
                            </td>
                            @endif
                            @endif

                            @if(getSaleSubMeasure() =="true")
                            <td v-if="sub_price==true">
                                @{{myRound((item.item==null)?null:subMQuantity(index,item.item,((item.item.code==null)?null:item.item.code.qut_temp)))}}
                            </td>
                            <td v-if="sub_price==true">
                                <div class="input-group">
                                    <input type="number" placeholder="@lang('layout.SubPrice')" v-model="(item.item==null)?null:item.sub_price" @input="setNewRateTotal(index)" oninput = "autowidths(event)" class="form-control chan_length">
                                    <span class="input-group-addon">
                                        @{{selected_currency.symbol}}
                                    </span>
                                </div>
                            </td>
                            @endif

                            @if(getSaleCommission()=="true")
                              <td>
                                  <div class="input-group" v-show="!item.commission"> 
                                      <input type="number" class="form-control chan_length" :name="'row_percent_commission_code['+index+']'" oninput = "autowidths(event)" v-model="item.row_commission_percent" />
                                      <span class="input-group-addon" v-if="commissionIsAmount">
                                          @{{selected_currency.symbol}}
                                      </span>
                                      <span class="input-group-addon" v-if="!commissionIsAmount">
                                          %
                                      </span>
                                  <input type="hidden" :name="'row_commission_amount_code['+index+']'" :value="item.row_commission_amount" />
                              </div>
                              </td>
                              @endif  


                            @if(showLocation()=="true" && searchByCodeLocation()!="true")
                            <td>
                                @{{(item.item==null)?null:((item.item.code==null)?null:item.item.code.location)}}
                            </td>
                            @endif
                            @if(getShowWing()!="false")
                            <td>
                              <input :name="'khada['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.khada)" ref="khada" @input="setNewRate('inventory',index), changeQuantityByWing(index)" 
                              oninput = "autowidths(event)" class="form-control chan_length" placeholder="@lang('layout.Wing')">
                            </td>
                            @if(ShowQuantityByWing() == "true")
                            <td>
                                <input :name="'approx_weight['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.approx_weight)" ref="approx_weight" @input="setNewRate('inventory',index), changeQuantityByWing(index)"
                                oninput = "autowidths(event)" class="form-control chan_length" placeholder="@lang('layout.ApproxWeight')">
                            </td>
                            <td v-show="quantityByWing">
                                <input :name="'price_of_khada['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.price_of_khada)" ref="price_of_khada" @input="setNewRate('inventory',index), changePriceByWing(index)"
                                oninput = "autowidths(event)" class="form-control chan_length" placeholder="@lang('layout.Wing')">
                            </td>
                            <td>
                                <input :name="'bundl['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:item.item.code.bundl)" @input="setNewRate('inventory',index),changeKhadaByBundle(index)" ref="bundl" oninput = "autowidths(event)" class="form-control chan_length" placeholder="@lang('layout.Bundl')">
                            </td>
                            @endif
                            @endif
                            @if(systemConfig()[21] == 1)
                            <td>
                                <input :name="'unit_price['+index+']'" type="number" :value="(item.item==null)?null:((item.item.code==null)?null:RateUnitPrice(item.item.code.unit_price,selected_currency.rate, index, selected_currency.static_rate))" @input="setNewRate('inventory',index), changeCost(index)" ref="unit_price" class="form-control" placeholder="@lang('layout.UnitPrice')" >
                            </td>
                            @endif
                            @if(getSaleCodePricePercentage() == 'true')
                            <td>
                                <input :name="'add_percentage['+index+']'" type="number" :value="(item.item==null)?null:item.item.add_percentage" @input="changePriceByPercentage(index)" ref="add_percentage" class="form-control" placeholder="@lang('layout.Percentage')" >
                            </td>
                            @endif
                            <td>
                              <vue-numeric v-if="item.item"
                                  class="form-control chan_length"
                                  oninput = "autowidths(event)"
                                  v-model="item.item.temp_price"
                                  :max="99999999999999" inputmode="decimal"
                                  currency=""
                                  :precision="((quantityByWing)?7:precision())"
                                  @input="setNewRate('inventory',index), changePriceOfWing(index)"
                                  >
                              </vue-numeric>
                              <input type="hidden" :name="'inventory_price['+index+']'" placeholder="@lang('layout.Price')" v-bind:value="(item.item==null)?null:saleNewRate(item.item,selected_currency.rate,((quantityByWing)?7:precision()), selected_currency.static_rate)" class="form-control">
                            </td>
                            <td v-show="showWhat('sale_discount')=='yes'">
                                <div class="input-group">
                                    <input type="number" name="inventory_discount[]" placeholder="@lang('layout.Discount')" v-model.number="(item.item==null)?null:item.item.discount" oninput = "autowidths(event)" class="form-control chan_length">
                                    <span class="input-group-addon" v-if="discountIsAmount">
                                        @{{selected_currency.symbol}}
                                    </span>
                                    <span class="input-group-addon" v-if="!discountIsAmount">
                                        %
                                    </span>
                                </div>
                            </td>
                            <td v-show="seePrice==true">
                                @{{(item.item==null)? 0:getItemTotalRollRow(item,selected_currency.rate,per_qty_check,item.item.discount,discountIsAmount, selected_currency.static_rate)}}
                                @{{selected_currency.symbol}}
                            </td>
                            <td>
                              <span v-if="inventories.length>1" v-on:click="deleteItem('inventory',index)"><i class="paddint-both glyphicon glyphicon-trash"></i></span>

                            </td>
                          </tr>
                        </tbody>
                      </table>
                      <hr>
                      <!-- begin service -->
                      @if(systemConfig()[26] == 1)
                      <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="sale_order_service_id[]" :value="(service.item==null)?null:service.item.order_detail_id">
                              <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.Price')" :value="(service.item==null)?null:saleNewRate(service.item,selected_currency.rate, null, selected_currency.static_rate)" ref="ser" @input="setNewRate('service',index)" class="form-control">

                                <span class="input-group-addon">
                                  @{{selected_currency.symbol}}
                                </span>
                              </div>
                            </td>
                            <td>
                              <div class="input-group">
                                <input type="number" class="form-control inner_input" :value="(service.item==null)?null:getItemTotalService(service.item,selected_currency.rate, null, 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>
                      @endif
                      <!-- end service -->
                      <hr>
                      <!-- begin payments -->
                      @permission('receive-create')
                      <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                        <thead>
                          <tr>
                            <th class="text-center" style="min-width: 8px;"> # </th>
                            <th class="text-center" style="min-width: 160px;">@lang('layout.SelectBank')</th>
                            <th class="text-center" style="min-width: 100px;"> @lang('layout.Amount')</th>
                            <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate')</th>
                            <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                            <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                            <th class="text-center" style="min-width: 120px;">@lang('layout.Total')</th>
                            <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                            <th></th>

                          </tr>
                        </thead>
                        <tbody>
                          <tr v-for="(payment,index) in payments">
                            <td>@{{index+1}}</td>
                            <td class="highlight">
                              <v-select label="name" v-model="payment.item" :options="(payment.items)" @click.native="addNew('payment',index)" @input="checkExistingPayment(index)">

                              </v-select>
                              <input type="hidden" name="payment_id[]" :value="(payment.item==null)?null:payment.item.id">
                            </td>

                            <td>

                              <span v-if="payment.item !=null">
                                @{{myRound(Number((payment.item==null)?null:payment.item.balance)-Number((payment.item==null)?null:payment.item.amount))}}
                              </span>
                            </td>
                            <td>
                              <input v-bind:disabled="(payment.item==null)?false:(payment.item.code =='{{getHomeCurrency()["code"]}}')" type="number" v-model.number="(payment.item==null)?null:payment.item.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                              <input v-if="payment.item !=null" type="hidden" name="payment_rate[]" v-bind:value="payment.item.rate">
                            </td>
                            <td>
                              <input type="text" name="payment_currency[]" class="form-control" v-model="(payment.item==null)?null:payment.item.code" placeholder="@lang('layout.Currency')" disabled reqiured />

                              <input v-if="payment.item !==null" type="hidden" name="payment_currency[]" v-bind:value="payment.item.code" />
                            </td>
                            <td>
                              <vue-numeric v-if="payment.item"
                                  class="form-control"
                                  v-model="payment.item.amount"
                                  :max="99999999999999" inputmode="decimal"
                                  :currency="payment.item.code"
                                  :precision="precision()"
                                  >
                              </vue-numeric>
                              <input v-if="payment.item !=null" type="hidden" name="payment_amount[]" v-bind:value="payment.item.amount">
                            </td>
                            <td>
                              <div class="input-group">
                                <input type="number" class="form-control" :value="(payment.item==null)?null:totalPayments(payment.item,selected_currency.rate, null , selected_currency.static_rate)" placeholder="@lang('layout.Total')" style="min-width: 100px" />
                                <span class="input-group-addon">@{{selected_currency.symbol}}</span>
                              </div>
                            </td>
                            <td>
                              <textarea class="form-control" name="receive_description[]" v-model="(payment.item==null)?null:payment.item.description" rows="2" placeholder="@lang('layout.Description')"></textarea>
                            </td>
                            <td>
                              <span v-on:click="deleteItem('payment',index)"><i class="paddint-both glyphicon glyphicon-trash"></i></span>
                            </td>
                          </tr>
                        </tbody>

                      </table>
                      @endpermission
                      <!-- end payments -->
                      <hr>
                      <!-- begin OnCredit -->
                      @if(getOnCredit()=="true")
                      <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                          <thead>
                              <tr>
                                  <th colspan="8" style="min-width: 100px;">@lang('layout.OnCredit')</th>
                              </tr>
                              <tr>
                                  <th class="text-center" style="min-width: 8px;"> #</th>
                                  <th class="text-center" style="min-width: 160px;">@lang('layout.SelectBank')</th>
                                  <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate')</th>
                                  <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.Date')</th>
                                  <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                  <th></th>
                              </tr>
                          </thead>
                          <tbody>
                              <tr v-for="(row,index) in on_credit">
                                  <td>@{{index+1}}</td>
                                  <td class="highlight">
                                      <v-select label="name" v-model="row.item" :options="(row.items)" @click.native="addNew('on_credit',index)">
                                      </v-select>
                                      <input type="hidden" v-if="row.item !=null" name="on_credit_account_id[]" :value="(row.item==null)?null:row.item.id">
                                  </td>
                                  <td>
                                      <input v-bind:disabled="(row.item==null)?false:(row.item.code =='{{getHomeCurrency()['code']}}')" type="number" v-model.number="(row.item==null)?null:row.item.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                                      <input v-if="row.item !=null" type="hidden" name="on_credit_rate[]" v-bind:value="row.item.rate">
                                  </td>
                                  <td>
                                      <input type="text" class="form-control" v-model="(row.item==null)?null:row.item.code" placeholder="@lang('layout.Currency')" disabled />
                                      <input type="hidden" name="on_credit_currency[]" v-bind:value="(row.item==null)?null:row.item.code" />
                                  </td>
                                  <td>
                                      <vue-numeric v-if="row.item"
                                          class="form-control"
                                          v-model="row.item.amount"
                                          :max="99999999999999" inputmode="decimal"
                                          :currency="row.item.code"
                                          :precision="precision()"
                                          >
                                      </vue-numeric>
                                      <input v-if="row.item !=null" type="hidden" name="on_credit_amount[]" v-bind:value="row.item.amount">
                                  </td> 
                                  <td>
                                      <date_picker :name="'on_credit_date['+index+']'" v-model="(row.item==null)?null:row.item.date" placeholder="@lang('layout.Date')" ></date_picker>
                                  </td>
                                  <td>
                                      <textarea class="form-control" name="on_credit_description[]" rows="2" placeholder="@lang('layout.Description')">@{{(row.item==null)?null:row.item.description}}</textarea>
                                  </td>
                                  <td>
                                      <span v-on:click="deleteItem('on_credit',index)">
                                          <i class="paddint-both glyphicon glyphicon-trash"></i>
                                      </span>
                                  </td>
                              </tr>
                          </tbody>

                      </table>
                      <hr>
                      <table v-show="onCreditLoad.length > 0" id="table_content" class="table table-striped table-bordered table-advance table-hover">
                          <thead>
                              <tr>
                                  <th colspan="9" style="min-width: 100px;">@lang('layout.OnCredit')</th>
                              </tr>
                              <tr>
                                  <th class="text-center" style="min-width: 8px;"> #</th>
                                  <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.Balance')</th>
                                  <th class="text-center" style="min-width: 120px;"> @lang('layout.Rate')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                  <th class="text-center" style="min-width: 120px;">@lang('layout.Total')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.Date')</th>
                                  <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                  <th></th>
                              </tr>
                          </thead>
                          <tbody>
                              <tr v-for="(row,index) in onCreditLoad">
                                  <td>@{{index+1}}</td>
                                  <td class="highlight">
                                      <v-select label="currency" v-model="row.item" :options="onCreditLists" @input="checkExistingOnCredit(index)" @click.native="addNew('on_credit_load',index)">
                                      </v-select>
                                      <input type="hidden" name="on_credit_load_currency[]" :value="(row.item==null)?null:row.item.currency">
                                  </td>
                                  <td>
                                      <input type="number" v-model.number="(row.item==null)?null:row.item.balance " class="form-control" placeholder="@lang('layout.Balance')" readonly />
                                  </td>
                                  <td>
                                      <input v-bind:disabled="(row.item==null)?false:(row.item.currency =='{{getHomeCurrency()['code']}}')" type="number" v-model.number="(row.item==null)?null:row.item.rate " class="form-control" placeholder="@lang('layout.Rate')" />
                                      <input v-if="row.item !=null" type="hidden" name="on_credit_load_rate[]" v-bind:value="row.item.rate">
                                  </td>
                                  <td>
                                      <vue-numeric v-if="row.item"
                                          class="form-control"
                                          v-model="row.item.amount"
                                          :max="99999999999999" inputmode="decimal"
                                          :currency="row.item.code"
                                          :precision="precision()"
                                          @input="chackOnCreditAmount(index)"
                                          >
                                      </vue-numeric>
                                      <input v-if="row.item !=null" type="hidden" name="on_credit_load_amount[]" v-bind:value="row.item.amount">
                                  </td> 
                                  <td>
                                      <div class="input-group">
                                          <input v-if="row.item" type="number" step="any" ref="totalOnCredit" @input="changeOnCreditRate(index)" v-bind:value="(row.item==null)?null:totalPayment(row.item,selected_currency.rate,selected_currency.hq_rate,selected_currency.static_rate).result" class="form-control">
                                          <span class="input-group-addon">
                                              @{{selected_currency.symbol}}
                                          </span>
                                      </div>
                                  </td> 
                                  <td>
                                      <date_picker :name="'on_credit_load_date['+index+']'" v-model="(row.item==null)?null:row.item.date" placeholder="@lang('layout.Date')" ></date_picker>
                                  </td>
                                  <td>
                                      <textarea class="form-control" name="on_credit_load_description[]" rows="2" placeholder="@lang('layout.Description')">@{{(row.item==null)?null:row.item.description}}</textarea>
                                  </td>
                                  <td>
                                      <span v-on:click="deleteItem('on_credit_load',index)">
                                          <i class="paddint-both glyphicon glyphicon-trash"></i>
                                      </span>
                                  </td>
                              </tr>
                          </tbody>

                      </table>
                      @endif
                      <!-- end OnCredit -->
                      <hr>
                      <!--Begin Transfer Rent-->
                      @if(getTransferRent()=="true")
                      <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                          <thead>
                              <tr>
                                  <th colspan="10" style="min-width: 100px;">@lang('layout.TransferRent')</th>
                              </tr>
                              <tr>
                                  <th class="text-center" style="min-width: 160px;">@lang('layout.Type')</th>
                                  <th class="text-center" style="min-width: 160px;">@lang('layout.Transmitter')</th>
                                  <th class="text-center" style="min-width: 160px;" v-show="transfer_rent_type=='cash'">@lang('layout.SelectBank')</th>
                                  <th class="text-center" style="min-width: 80px;" >@lang('layout.Currency')</th>
                                  <th class="text-center" style="min-width: 120px;" > @lang('layout.Rate')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.Amount')</th>
                                  <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                              </tr>
                          </thead>
                          <tbody>
                              <tr>
                                  <td>
                                      <select class="form-control" name="transfer_rent_type" v-model="transfer_rent_type">
                                          <option value="cash">@lang('type.cash')</option>
                                          <option value="credit">@lang('type.credit')</option>
                                      </select>
                                  </td>
                                  <td>
                                      <v-select label="name" @search="VendorSearch" :options="transfer_rent_vendor" v-model="transfer_rent_vendor_selected"></v-select>
                                      <input type="hidden" name="transfer_rent_vendor" :value="!transfer_rent_vendor_selected?null:transfer_rent_vendor_selected.id">
                                  </td>

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

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

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

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

                                  <td>
                                      <div class="input-group">
                                          <input type="number" name="transfer_rent_amount" v-model="transfer_rent_amount" class="form-control" placeholder="@lang('layout.PayAmount')">

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

                                      </div>
                                  </td>

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

                      </table>
                      <hr>
                      @endif
                      <!--End Transfer Rent-->
                      @if(getInstallments()=="true")
                      <!-- begin installment -->
                      <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                          <thead>
                              <tr>
                                  <th>@lang('layout.Installments')</th>
                              </tr>
                              <tr>
                                  <th class="text-center" style="min-width: 8px;"> #</th>
                                  <th class="text-center" style="min-width: 160px;">@lang('layout.Amount')</th>
                                  <th class="text-center" style="min-width: 80px;">@lang('layout.Currency')</th>
                                  <th class="text-center" style="min-width: 80px;"> @lang('layout.DueDate')</th>
                                  <th class="text-center" style="min-width: 120px;">@lang('layout.Description')</th>
                                  <th></th>

                              </tr>
                          </thead>
                          <tbody>
                              <tr v-for="(installment,index) in installments">
                                  <td>@{{index+1}}</td>
                                  <td class="highlight">
                                      <input type="text" @click="addNew('installment',index)"
                                          :name="'installment_amount['+index+']'" class="form-control" autocomplete="off" tabindex="1"  v-model="(installment==null)?null:installment.amount">
                                  </td> 
                                  <td class="highlight">
                                      <v-select label="name"  v-model="installment.item" :options="(installment.items)">

                                      </v-select>
                                      <input type="hidden" :name="'installment_currency['+index+']'" :value="(installment.item==null)?null:installment.item.code">
                                  </td>
                                  <td>
                                      <date_picker :name="'installment_due_date['+index+']'"  v-model="(installment==null)?null:installment.date"></date_picker>
                                  </td>
                                  <td class="highlight">
                                      <textarea  :name="'installment_description['+index+']'" v-model="(installment==null)?null:installment.description" class="form-control"  @keyup="addNew('installment',index)" v-on:click="addNew('installment',index)" ></textarea>
                                      </td>

                                  <td>
                                      <span v-on:click="deleteItem('installment',index)"><i class="paddint-both glyphicon glyphicon-trash"></i></span>
                                  </td>
                              </tr>
                          </tbody>

                      </table>
                      <!-- end installment -->
                      @endif
                      @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',$invoice->transferCode,['class' => 'form-control'])}}
                              </div>
                            </div>
                            <div class="col-md-3">
                              <div class="col-md-12">
                                <label class="control-label">@lang('layout.Transporter_name')</label>
                                <input type="test" name="transporter_name" value="{{$invoice->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="{{$invoice->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',$invoice->PlaceOfWeight,['class' => 'form-control'])}}
                              </div>
                            </div>
                          </div>
                          <div class="row">
                            <div class="col-md-3">
                              <div class="col-md-12">
                                <label class="control-label ">@lang('layout.SourcePlace')</label>
                                {{Form::text('source_place',$invoice->sourcePlace,['class' => 'form-control'])}}
                              </div>
                            </div>
                            <div class="col-md-3">
                              <div class="col-md-12">
                                <label class="control-label ">@lang('layout.PlateNumber')</label>
                                <input type="text" name="plate_number" value="{{$invoice->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="{{$invoice->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="{{$invoice->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="{{$invoice->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"  value="{{$invoice->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"  class="form-control" value="{{$invoice->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',$invoice->trDesription,['class' => 'form-control','rows' => '1'])}}
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      @endif
                    </div>

                    <div class="col-xs-12" v-if="inventories.length < 1">
                      <button type="button" @click="addNew('inventory',100)" class="btn green"><i class="fa fa-plus"></i></button>
                    </div>
                    <div class="row">

                      @if(getHesabSabeqa() =='true')
                      <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                          <table class="table table-striped table-bordered table-advance ">
                              <tr>
                                  <td class="t_body">
                                      <div>
                                          <label class="mt-checkbox mt-checkbox-outline">@lang('layout.HesabSabiqa')
                                              <input type="checkbox" name="hesab_sabeqa" value="ok" v-model="hesab_sabeqah_checked">
                                              <span></span>
                                          </label>
                                      </div>
                                  </td>
                              </tr>
                          </table>
                      </div>
                      @endif

                      <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                        <table class="table table-striped table-bordered table-advance ">
                            <tr>
                                <td class="t_body">
                                    <div>
                                        <label class="">@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>
                    </div>
                    <div class="row @if(!getCustomeForm('invoiceRoll','memo')) displayNone @endif">
                      <div class="col-lg-12 col-md-12 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">{{$invoice->memo}}</textarea>
                              </div>
                          </div>
                      </div>
                    </div>
                    <div class="row">
                        @if(getInvoicTypeCode() == 6)
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group">
                                <label class=" control-label">@lang('layout.NotShowPrice')</label>
                                <div class="col-md-12 mt-checkbox">
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="show_price" value="off" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>2003</b><br />
<br />
<b>Warning</b>:  Attempt to read property "show_price" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>2003</b><br />
 >
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group">
                                <label class=" control-label">@lang('layout.NotShowApproxWeight')</label>
                                <div class="col-md-12 mt-checkbox">
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="show_approx_weight" value="off" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>2014</b><br />
<br />
<b>Warning</b>:  Attempt to read property "show_approx_weight" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>2014</b><br />
 >
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        @endif
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                            <div class="col-md-12 form-group">
                                <label class=" control-label">@lang('layout.NotShowQuantity')</label>
                                <div class="col-md-12 mt-checkbox">
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" name="show_qty_factor" value="off" <br />
<b>Warning</b>:  Undefined variable $invoice in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>2026</b><br />
<br />
<b>Warning</b>:  Attempt to read property "show_qty_factor" on null in <b>E:\Ampps\www\CAS\resources\views\invoicesRoll\edit.blade.php</b> on line <b>2026</b><br />
 >
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                        </div> 
                    </div>
                  </div>
                  <div class="col-xs-12 col-sm-10 col-md-11 text-center">
                    <button type="button" v-if="!isError" @click="submitForm" :disabled="disabled" class="btn green">@lang('layout.Submit')</button>
                    @if(!$duplicate)
                    <button type="button" v-if="!isError" :disabled="disabled" class="btn blue" @click="saveAndNew($event)">@lang('layout.Check') / @lang('layout.Update')</button>
                    @endif
                    <a href="{{route('inventorySite.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.use(VueNumeric.default);
  Vue.component('v-select', VueSelect.VueSelect);

  Vue.component("modal", {
    template: "#modal-template",
    props: ['show'],

  });

  //begin new member
  Vue.component("cmodal", {
    template: '#cmodal-template',

    props: ['show'],
    data() {
      return {
        types: [],
        classes: [],
        receivables: [],
        payables: [],
        code: null,
        selectType: null,
        selectPay: null,
        selectedClass: null,
        selectReceive: null,
      }
    },
    created() {

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


        }).catch(error => console.log(error));
    },
    methods: {
     

      onSubmit() {

        v.showModal = false;
        //this.member.type = this.member.type.id;
        var datas = $("#modalForm").serializeArray();
        $.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;
          }
        }).fail(function(error) {
          console.log('error', error);
        });

      }
    }
  });

  // end new member


  var seePrice ={!! $seePrice !!};
	var seeCost ={!! $seeCost !!};
  var currency={!! $currency !!};
  var selectedCurrency = {!! $selectedCurrency !!};
  var banks = {!! $banks !!};
  var bankes = {!! $banks !!};
  var selectedInstallment = {!! $selectedInstallment !!};
  var selectedBanks = {!! $selectedBanks !!};
  var all_services = {!! $all_services !!};
  var selectedService = {!! $selectedService !!};
  var selectedCustomer= {!! $selectedCustomer !!};
  var selectedItem= {!! $selectedItem !!};
  var invoice = {!! $invoice !!};
  var selectedTransportCompany = {!! $selectedTransportCompany !!};
  var selectedDriver = {!! $selectedDriver !!};
  var transportCompany = {!! $transportCompany !!};
  var allDrivers         = {!! $allDrivers !!};
  var selectedMainItem   = {!! $selectedMainItem !!};
  var inventory_category = {!! $inventory_category !!};
  var memberClass    = {!! $memberClass !!};
  var saleArea       = {!! $saleArea !!};
  var discountDate   = {!! $discountDate !!};
  var transferRent = {!!$transferRent!!};
  var transfer_rent_vendor_selected = {!!$transfer_rent_vendor_selected!!};
  var commission       = {!! $commission !!};
  var imagePath = "{{url('uploads/codes/')}}";
  var on_credit = {!!$on_credit!!};
  var on_credit_load = {!!$on_credit_load!!};
  var warranties = {!!$warranties!!};
  var selected_warranty = {!! $selected_warranty !!};
  var measureList = {!! $measureList !!};

  var v = new Vue({
    el: '#appInvoice',
    data: {
      showDiscountRow: {!! getCustomeForm('invoiceRoll','discount') ? 'true' : 'false' !!},
      commission: commission,
      selected_commission: null,
      discount_date: discountDate,
      selected_discount_date: null,
      discounts: 0,
      showModal: false,
      invoice: invoice,
      ref_no: "{{$invoice->ref_no}}",
      hesab_sabeqah_checked: "{{$invoice->hesab_sabeqa}}",
      number: {{$invoice->number}},
      msg: '',
      isError1: false,
      customer: [],
      selected_customer: selectedCustomer,
      commissionIsAmount: false,
      commissionFiled: 0,
      selected_customer_id: selectedCustomer.id,
      selected_item: selectedItem,
      selectedMainItem: selectedMainItem,
      banks: banks,
      subTotalCommi:0,
      commissionFiled:0,
      totalCommi: 0,
      selectedInstallment: selectedInstallment,
      selected_banks: selectedBanks,
      all_services: all_services,
      selected_service: selectedService,
      currency: currency,
      selected_currency: selectedCurrency,
      selected_warranty:selected_warranty,
      warranties:warranties,
      rate: 0,
      selected_transfer_currency: {!! $selected_transfer_currency !!},
      per_qty_check:{{($invoice->per_qty == 'on')?'true':'false'}},
      quantityByWing:{{($invoice->quantityByWing == 'on')?'true':'false'}},
      all_customer: [],
      memberClass: memberClass,
      selected_class: null,
      saleArea: saleArea,
      selected_area: null,
      disabled: false,
      discountFiledRow: 0,
      discountFiled: 0,
      selectedIndex: 0,
      sum_commission: 0,
      discountIsAmount: false,
      editKey: false,
      sub_price: false,
      warranty: false,
      customer_type: false,
      temp_items: [],
      testTemp: [],
      summary: [],
      totalAmountes: [],
      temp_main_items: [],
      inventory_category: inventory_category,
      different_measure: '',

      on_credit: [],
      onCreditList: [],
      onCreditLists: [],
      onCreditLoad: [],

      newCost: [
        null,
        null,
        null,
        null
      ],
      inventories: [

      ],
      main_inventories: [{
        item: null
      }],

      brandItem: [],
      brandItems: [],
      locationItem: [],
      subItems: [],
      ItemRoll: [],
      services: [

      ],
      payments: [], 
      installments: [

      ],
      CusTypes: null,

      transportCompany: transportCompany,
      allDrivers: allDrivers,
      selected_transportCompany: selectedTransportCompany,
      selected_transportDriver: selectedDriver,
      t_drivers: allDrivers,

      transferRent: transferRent,
      transfer_rent_vendor: [],
      transfer_rent_vendor_selected: transfer_rent_vendor_selected,
      transfer_rent_bank_selected: null,
      transfer_rent_type: null,
      transfer_rent_description: null,
      transfer_rent_amount: null,
      imagePath:imagePath, 
      print_factor_type: '',

    },
    computed: {
      selectedRate() {
        if (this.selected_currency) {
          this.rate = (this.selected_currency) ? this.selected_currency.rate : 0;

          for (var i = 0; i < this.main_inventories.length; i++) {
              if (this.main_inventories[i].item && this.main_inventories[i].item != null) {
                  if (this.main_inventories[i].item.new_rate) {
                    @if(systemConfig()[30] == 1)
                      this.main_inventories[i].item.cost = this.main_inventories[i].item.new_rate * this.selected_currency.static_rate / this.selected_currency.rate;
                    @else 
                      this.main_inventories[i].item.cost = this.main_inventories[i].item.new_rate * this.selected_currency.rate;
                    @endif
                  }
              }
          }

          for (var i = 0; i < this.inventories.length; i++) {
              if (this.inventories[i].item && this.inventories[i].item != null) {
                  if (this.inventories[i].item.code != null) {
                      if (this.inventories[i].item.code.price != null) {
                        @if(systemConfig()[30] == 1)
                          this.inventories[i].item.temp_price = this.inventories[i].item.code.price * this.selected_currency.static_rate / this.selected_currency.rate;
                        @else 
                          this.inventories[i].item.temp_price = this.inventories[i].item.code.price * this.selected_currency.rate;
                        @endif
                      } else {
                          if (this.inventories[i].item.new_rate) {
                              @if(systemConfig()[30] == 1)
                              this.inventories[i].item.temp_price = this.inventories[i].item.new_rate * this.selected_currency.static_rate / this.selected_currency.rate;
                              @else 
                              this.inventories[i].item.temp_price = this.inventories[i].item.new_rate * this.selected_currency.rate;
                              @endif

                          }
                      }
                  } else {
                      if (this.inventories[i].item.new_rate) {
                        @if(systemConfig()[30] == 1)
                          this.inventories[i].item.temp_price = this.inventories[i].item.new_rate * this.selected_currency.static_rate / this.selected_currency.rate;
                          @else 
                          this.inventories[i].item.temp_price = this.inventories[i].item.new_rate * this.selected_currency.rate;
                          @endif
                      }
                  }
              }
          }
        }
      },
       

      discount() {  
          if (this.discountIsAmount) { 
              if (this.subtotal > 0 && this.discountFiled) {
                  var dos = (Number.parseFloat(this.discountFiled) * 100) / (this.subtotal - this.discountFiledRow);
                  this.discounts = dos;
                  return dos;
              } else {
                  this.discounts = 0;
                  return 0;
              }
          } else {
              this.discounts = this.discountFiled;
              return this.discountFiled
          } 
      },  



      // calculate subtotal
      subtotal: function() {
        var sum = 0;
        var sumRoll = 0;
        var sum_discount = 0;
        var sum_commission = 0;  
        // for (var i = 0; i < this.ItemRoll.length; i++) {
        // if (this.ItemRoll[i].selected_sub_item && this.ItemRoll[i].selected_sub_item !=null && this.inventories[0].item !=null)
        // {  

        // var quantity=this.ItemRoll[i]['selected_sub_item']['OnHand'];
        // var rate=this.inventories[0]['item']['rate'];
        // var new_rate=this.inventories[0]['item']['new_rate'];
        // var smeasure_unit=this.inventories[0]['item']['measure']['measure_unit'];
        // var measure_unit=this.inventories[0]['item']['measure_unit'];
        // if(new_rate !=rate && quantity>0)
        // {
        // sum +=new_rate*quantity*this.selected_currency.rate;
        // sumRoll +=new_rate*quantity*this.selected_currency.rate;
        // }
        // else
        // {
        // sum +=quantity*((rate*smeasure_unit/measure_unit)*this.selected_currency.rate);
        // sumRoll +=quantity*((rate*smeasure_unit/measure_unit)*this.selected_currency.rate);
        // }
        // }
        // }
        
        for (var i = 0; i < this.inventories.length; i++) {
          if (this.inventories[i].item) {
            if (this.inventories[i].item.code != null) {

              var quantity = this.inventories[i]['item']['code']['qut_temp'];
              if (this.inventories[i]['item']['other_measure'] > 0 && this.per_qty_check) {
                quantity = this.inventories[i]['item']['other_measure'];
              }
              var discount = this.inventories[i]['item']['discount'];
              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 selected_row_commission = this.inventories[i]['row_commission_percent'];
 
            if (new_rate != rate && quantity > 0) {
                @if(systemConfig()[30] == 1)
                sum += new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate;
                @else 
                sum += new_rate * quantity * this.selected_currency.rate;
                @endif
                @if(systemConfig()[30] == 1)
                sumRoll += new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate;
                @else 
                sumRoll += 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
                    }
                }


                if (this.commissionIsAmount) {
                  if (this.selected_commission && !this.inventories[i].commission && selected_row_commission > 0) {
                      sum_commission += (quantity * selected_row_commission);
                      this.inventories[i]['row_commission_amount'] = (quantity * selected_row_commission);
                  }
                  }else{

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

                  
                }


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

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

                // sumRoll += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate);
                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

                    }
                }

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

        }

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

            var quantity = this.main_inventories[i]['item']['quantity'];
            if (this.main_inventories[i]['item']['other_measure'] > 0 && this.per_qty_check) {
              quantity = this.main_inventories[i]['item']['other_measure'];
            }
            var rate = this.main_inventories[i]['item']['rate'];
            var new_rate = this.main_inventories[i]['item']['new_rate'];
            var smeasure_unit = this.main_inventories[i]['item']['measure']['measure_unit'];
            var measure_unit = this.main_inventories[i]['item']['measure_unit'];
            var discount = this.main_inventories[i]['item']['discount'];
            var selected_row_commission = this.main_inventories[i]['row_commission_percent'];

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

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

            } else {
              @if(systemConfig()[30] == 1) 
              sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate);
              @else 
              sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate);
              @endif
              if (this.discountIsAmount) {
                  if (discount > 0) {
                      sum_discount += (discount * quantity);
                  }
              } else {
                  if (discount > 0) {
                    @if(systemConfig()[30] == 1) 
                      sum_discount += (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
                    }
              }

              if (this.commissionIsAmount) {
                if (this.selected_commission && !this.main_inventories[i].commission && selected_row_commission > 0) {
                    sum_commission += (quantity * selected_row_commission);
                    this.main_inventories[i]['row_commission_amount'] = (quantity * selected_row_commission);
                }
                }
                else{ 

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



            }

          }

        }






        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 && quantity > 0) {
              @if(systemConfig()[30] == 1) 
              sum += new_rate * quantity * this.selected_currency.static_rate / this.selected_currency.rate;
              @else 
              sum += new_rate * quantity * this.selected_currency.rate;
              @endif
            } else {
              @if(systemConfig()[30] == 1) 
              sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.static_rate / this.selected_currency.rate);
              @else 
              sum += quantity * ((rate * smeasure_unit / measure_unit) * this.selected_currency.rate);
              @endif
            }

          }
        }
    

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

        this.discountFiledRow = sum_discount;
        this.totalCos = sumRoll;
        this.sum_commission = sum_commission;

        // this.totalCommi += this.sum_commission; 

        return sum;
      },

      /**
                // calculate subtotal
                subtotal: function ()
                {
                      var sum = 0;
                      for (var i = 0; i < this.inventories.length; i++) {
                          if (this.inventories[i].item && this.inventories[i].item !=null)
                          {  

                              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'];
                              if(new_rate !=rate && quantity>0)
                              {
                                 sum +=new_rate*quantity*this.selected_currency.rate;
                              }
                              else
                              {
                                sum +=quantity*((rate*smeasure_unit/measure_unit)*this.selected_currency.rate);
                              }
                              
                          }

                      }
                      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)
                              { 
                                 sum +=new_rate*quantity*this.selected_currency.rate;
                              }
                              else
                              {
                                 sum += quantity *((rate*smeasure_unit/measure_unit)*this.selected_currency.rate);
                              }
                             
                          }
                      }
                      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
            }
          }
        }

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

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

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

          }
        }
        if (this.selected_customer == undefined || this.selected_customer == null) {
          isError = true;
        }
        return isError;


      },
    },
    mounted: function() {
      // initialize the selected item
      if (invoice.print_factor_type) { 
        this.print_factor_type = invoice.print_factor_type; 
      }
      
      if (invoice.sub_price == 'on') { 
        this.sub_price = true; 
      }
 
      if (this.invoice.commission_id && this.commission) {
            this.commissionFiled = this.invoice.commission_type;
            this.selected_commission = _.find(this.commission, (s) => s.id == this.invoice.commission_id);
            this.selected_commission.percent = this.invoice.commission_percent;
      
            if (this.invoice.commission_type) {
            if (this.invoice.commission_type == 'percent') {
            this.commissionIsAmount = false;
            }
            else {
            this.commissionIsAmount = true;
            }
            }  
      }

      for (var i = 0; i < this.selected_item.length; i++) {
        // console.log(this.selected_item[i]);
        this.inventories.push({
          item: this.selected_item[i],
          row_commission_percent: this.selected_item[i].row_commission_percent,
          commission: this.selected_item[i].row_commission_state,
          inventory: this.selected_item[i],
          item_category: this.selected_item[i].inventoryCategory,
          locationList: this.selected_item[i].locationList,
          selectedLocation: this.selected_item[i].selectedLocation,
        });
        if (this.inventories[i].item.code != null) {
          this.inventories[i]['item']['code']['qut_temp'] = this.inventories[i]['item']['code']['qut_temp'] * this.inventories[i].item.measure_unit / this.inventories[i].item.measure.measure_unit;
          this.inventories[i]['item']['code']['OnHand'] = this.inventories[i]['item']['code']['OnHand'] * this.inventories[i].item.measure_unit / this.inventories[i].item.measure.measure_unit;
        }

        var sub_price = 0;
        @if(getSaleSubMeasure() =="true")
        if (this.sub_price && this.inventories[i].item.code != null) {
          if (this.selected_item[i].measure1 && this.inventories[i].item.code.qut_temp > 0) {
            var item = this.selected_item[i];
            var sub_quantity = this.subMQuantity('not', item, this.inventories[i].item.code.qut_temp);
            var total_price = (item.new_rate * this.inventories[i].item.code.qut_temp);
            if (sub_quantity > 0) {
              @if(systemConfig()[30] == 1)
              sub_price = Number.parseFloat((total_price / sub_quantity) * this.selected_currency.static_rate / this.selected_currency.rate).toFixed(7);
              @else 
              sub_price = Number.parseFloat((total_price / sub_quantity) * this.selected_currency.rate).toFixed(7);
              @endif
            }
          }
        }
        this.inventories[i]['sub_price'] = sub_price;
        @endif

      }
      this.inventories.push({
        item: null,
        inventory: null,
        item_category: null,
        locationList: [],
        selectedLocation: null,
      });

      // initialize the selected item
      if (this.selectedMainItem.length > 0) {
        this.main_inventories = [];
        for (var i = 0; i < this.selectedMainItem.length; i++) {
          this.main_inventories.push({
            inventory: this.selectedMainItem[i],
            row_commission_percent: this.selectedMainItem[i].row_commission_percent,
            commission: this.selectedMainItem[i].row_commission_state,
            item: this.selectedMainItem[i],
            item_category: this.selectedMainItem[i].item_category
          });
        }
      }

      // end item

      // begin payment initialization

      for (var t = 0; t < this.selected_banks.length; t++) {
        var foundFlag = false;
        var tempBank = null;
        for (var y = 0; y < this.banks.length; y++) {
          if (this.selected_banks[t].id == this.banks[y].id) {
            foundFlag = true;
            tempBank = this.banks[y];
            tempBank.amount = this.selected_banks[t].balance;
            tempBank.description = this.selected_banks[t].description;

            if (this.selected_currency.code == tempBank.code) {
                tempBank.rate = this.selected_currency.rate;
            } else {
                tempBank.rate = this.selected_banks[t].rate;
            }
            
          }
        }
        if (foundFlag) {
          this.payments.push({
            item: tempBank,
            items: this.banks
          });
         
        }
      }
      for (var w = 1; w > this.selected_banks.length; w--) {
        this.payments.push({
          item: null,
          items: banks
        });
      } 
      for (var i = 0; i < this.selectedInstallment.length; i++) {
        var installmentCurrency = null;
        for (var y = 0; y < this.currency.length; y++) {
          if (this.selectedInstallment[i].code == this.currency[y].code) {
            installmentCurrency = this.currency[y];
          }
        }


        this.installments.push({
            items: this.currency,
            item: installmentCurrency,
            description:this.selectedInstallment[i].description,
            amount:this.selectedInstallment[i].amount,
            date:this.selectedInstallment[i].date
        });

        }
        for (var w = 1; w > this.selectedInstallment.length; w--) {
        this.payments.push({
          items: currency,
          item: null,
          amount:null,
          date:null
        });
      } 

      // end payment initialization


      if (on_credit) {
          for (var t = 0; t < on_credit.length; t++) {
              var foundFlag = false;
              var tempBank = null;
              for (var y = 0; y < bankes.length; y++) {
                  if (on_credit[t].account_id == bankes[y].id) {
                      foundFlag = true;
                      tempBank = bankes[y];
                      tempBank.amount = on_credit[t].balance;

                      if (this.selected_currency.code == tempBank.code) { 
                          tempBank.rate = this.selected_currency.rate;
                      } else {
                          tempBank.rate = on_credit[t].rate;
                      }
                      
                      tempBank.advanced_id = on_credit[t].advanced_id;
                      tempBank.description = on_credit[t].description;
                      tempBank.date = on_credit[t].date;
                  }
              }
              if (foundFlag) {
                  this.on_credit.push({
                      item: tempBank,
                      items: bankes
                  });
              }
          }
      }

      this.on_credit.push({
          items: bankes,
          item:null
      });

      if (on_credit_load) {
          for (var t = 0; t < on_credit_load.length; t++) {
              this.onCreditLoad.push({
                  item: on_credit_load[t]
              });
          }
      }

      // 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) {
            var measure_ser = _.find(measureList, (s) => s.measure_id == this.selected_service[r].sale_um_id);
            flag = true;
            tempService = this.all_services[h];
            tempService.measure = measure_ser;
            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;
            tempService.order_detail_id = this.selected_service[r].order_detail_id;
          }
        }
        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.invoice) {
        this.discountFiled = this.invoice.discount;
        if (this.invoice.discount_type) {
          if (this.invoice.discount_type == 'percent') {
            this.discountIsAmount = false;
          } else {
            this.discountIsAmount = true;
          }
        }
        if (this.invoice.class_id) {
          this.selected_class      = _.find(this.memberClass, (o) => o.id == this.invoice.class_id);
        }
        if (this.invoice.sale_area_id) {
          this.selected_area      = _.find(this.saleArea, (o) => o.id == this.invoice.sale_area_id);
        }
        if (this.invoice.sale_discount_id && this.discount_date) {
					this.selected_discount_date = _.find(this.discount_date, (s) => s.id == this.invoice.sale_discount_id);
        }

        if (this.invoice.customer_type) {
          this.customer_type =  true;
        }
        if (this.invoice.warranty) {
          this.warranty =  true;
        }

      }

      @if(getTransferRent() == "true")
      if (this.transferRent) {
          this.transfer_rent_type = this.transferRent.type
          this.transfer_rent_description = this.transferRent.description,
              this.transfer_rent_amount = this.transferRent.receivable_amount

          for (var tr = 0; tr < this.banks.length; tr++) {
              if (this.transferRent.b_account_id != null && this.transferRent.b_account_id != "") {
                  this.transfer_rent_bank_selected = _.find(this.banks, (b) => b.id == this.transferRent.b_account_id);
              }
          }
      }
      @endif
      setTimeout(function() {
        this.editKey = true;
      }, 100);

      this.getSummary();
      // different_measure: 'SaleByOtherMeasureRate',

      @if(ShowQuantityByWing() == "true")
      if (invoice.different_measure) {
            this.different_measure = invoice.different_measure;
        }
      @endif                

    },
    methods: {


      chackOnCreditAmount(index) {
          setTimeout(() => {
              var amount = this.onCreditLoad[index].item.amount;
              var balance = this.onCreditLoad[index].item.balance;
              
              if (amount > balance) {
                  this.onCreditLoad[index].item.amount = Number.parseFloat(this.onCreditLoad[index].item.balance);
              }
          }, 2000);
      },

      // in here you can check and decide to allow duplicate bank for payment or not
      checkExistingOnCredit(index = null) {
          if(this.onCreditList && this.onCreditLoad){
              var onCredit_temp = this.onCreditList.slice();
              for (var i = 0; i < this.onCreditLoad.length; i++) {
                  if (this.onCreditLoad[i].item != null) {
                      var fined = onCredit_temp.findIndex((item) => item.currency == this.onCreditLoad[i].item.currency);
                      if (fined != -1) {
                          onCredit_temp.splice(onCredit_temp.findIndex((item) => item.currency == this.onCreditLoad[i].item.currency), 1);
                      }
                  }
              }
              this.onCreditLists = onCredit_temp.filter((item) => {
                  return (new RegExp(name.toLowerCase())).test(item.currency.toLowerCase())
              });
          }
      },


      changeOnCreditRate(index) {
          setTimeout(() => {
              var totalOnCredit = this.$refs.totalOnCredit[index].value;
              var amount = this.onCreditLoad[index].item.amount;
              var static_rate = this.onCreditLoad[index].item.static_rate;
              var rate = this.onCreditLoad[index].item.rate;
              
              if (this.selected_currency.code != this.onCreditLoad[index].item.currency && this.onCreditLoad[index].item.currency != '{{getHomeCurrency()["code"]}}') {
                  @if(systemConfig()[30] == 1)
                  this.onCreditLoad[index].item.rate = Number.parseFloat((static_rate / Number.parseFloat(amount)) / (Number.parseFloat(totalOnCredit) / this.selected_currency.static_rate * Number.parseFloat(this.selected_currency.rate))).toFixed(7);
                  @else 
                  this.onCreditLoad[index].item.rate = Number.parseFloat(Number.parseFloat(amount) / (Number.parseFloat(totalOnCredit) / Number.parseFloat(this.selected_currency.rate))).toFixed(7);
                  @endif
              } else if(this.selected_currency.code == this.onCreditLoad[index].item.currency) {    
                  this.onCreditLoad[index].item.rate = this.selected_currency.rate;
              } else if (this.selected_currency.code && this.onCreditLoad[index].item.currency == '{{getHomeCurrency()["code"]}}') {
                  @if(systemConfig()[30] == 1)
                  this.onCreditLoad[index].item.amount = Number.parseFloat((Number.parseFloat(totalOnCredit) / this.selected_currency.static_rate * Number.parseFloat(this.selected_currency.rate))).toFixed(7);
                  @else 
                  this.onCreditLoad[index].item.amount = Number.parseFloat((Number.parseFloat(totalOnCredit) / Number.parseFloat(this.selected_currency.rate))).toFixed(7);
                  @endif
              } 
          }, 2000);
      },

      getSummary() {
          if (this.selected_customer) {
              this.getSummaryRecor(this.selected_customer.id, this);

          }

      },
      getSummaryRecor(id, v) {
          axios.get("{{route('callMethod.search')}}", {
              params: {
                  method_name: 'memberStatment',
                  member_id: id,
              }
          })
          .then(function(response) {
              if (response.data.length > 0) {
                  v.summary = response.data;
              } else {
                  v.summary = [];
              }
          })
          .catch(function(error) {
              console.log(error);
          });
      },
      checkRefNo() {
        //console.log(vm.ref_no)
        var chack = 'false';
        var ref_no = v.ref_no;
        if (ref_no != null) {
          axios.get("{{route('callMethod.search')}}", {
            params: {
              ref_no: v.ref_no,
              method_name: 'Search_ref_no',
              table_name: 'sales'
            },
          })
          .then(function(response) {
            @if(getDuplicatedRefNo() != "true")
            if (response.data.result != null) {
              console.log(response.data.result);
              v.msg = "@lang('layout.DuplicateData')";
              v.isError1 = true;
            } else {
              v.msg = 'no';
              v.isError1 = false;
            }
            @endif
          })
          .catch(function(error) {
            console.log(error);
          });
        }
      },



      changeMetraz(index) {
              @if(getCubicMetereItems()!="true")
                @if(systemConfig()[21] == 1)
                if (this.inventories[index] != null) {
                    if (this.inventories[index].item != null) {
                        if (this.inventories[index].item.code != null) {
                        // console.log(123, this.inventories[index].item.code);
                            if (this.inventories[index].item.code.length != null && this.inventories[index].item.code.width != null) {

                                var length = this.inventories[index].item.code.length;
                                var width = this.inventories[index].item.code.width;
                                this.inventories[index].item.other_measure = myRound(length * width);

                                if (this.inventories[index].item.other_measure != null && this.inventories[index].item.code.unit_price_temp != null && this.inventories[index].item.code.unit_price_temp > 0) {
                                    var other_measure = this.inventories[index].item.other_measure;
                                    var unit_price = this.inventories[index].item.code.unit_price_temp;
                                    @if(systemConfig()[30] == 1)
                                    this.inventories[index].item.new_rate = myRound((other_measure * unit_price) / this.selected_currency.static_rate * this.selected_currency.rate);
                                    @else 
                                    this.inventories[index].item.new_rate = myRound((other_measure * unit_price) / this.selected_currency.rate);
                                    @endif  
                                }
                            }
                        }
                    }
                }
                @endif
              @endif
            },

            changeMetrazByKhada(index) {
                @if(getCubicMetereItems()=="true")
                    setTimeout(() => {
                        if (v.inventories[index]) {
                            if (v.inventories[index].item != null) {
                                if (v.inventories[index].item.code != null) {
                                    if (v.inventories[index].item.code.khada != null && v.inventories[index].item.code.gauge != null) {
                                    // if (v.inventories[index].item.code.length != null && v.inventories[index].item.code.width != null && v.inventories[index].item.code.khada != null && v.inventories[index].item.code.gauge != null) {

                                        var khada =  Number.parseFloat(v.inventories[index].item.code.khada);
                                        // var width =  Number.parseFloat(v.inventories[index].item.code.width);
                                        // var length =  Number.parseFloat(v.inventories[index].item.code.length);
                                        var gauge =  Number.parseFloat(v.inventories[index].item.code.gauge);
                                        v.inventories[index].item.other_measure = Number.parseFloat(khada * gauge).toFixed(7);
                                        v.change_per_qty(index);
                                        // console.log(3223, v.inventories[index].item.other_measure, khada, gauge);
                                    }
                                    v.changePriceByWing(index);
                                }
                            }
                        }
                    }, 400);
                @endif
            },

            changeKhadaByBundle(index) {
              console.log(32);
                @if(getCubicMetereItems()=="true")
                    setTimeout(() => {
                        if (v.inventories[index]) {
                            if (v.inventories[index].item != null) {
                                if (v.inventories[index].item.code != null) {
                                    if (v.inventories[index].item.code.length != null && v.inventories[index].item.code.width != null && v.inventories[index].item.code.bundl != null) {
                                        var width =  Number.parseFloat(v.inventories[index].item.code.width);
                                        var length=  Number.parseFloat(v.inventories[index].item.code.length);
                                        var bundl =  Number.parseFloat(v.inventories[index].item.code.bundl);
                                        var khada =  Number.parseFloat(width * length * bundl).toFixed(7);
                                        v.inventories[index].item.code.khada = khada;
                                        if (v.inventories[index].item.code.khada != null && v.inventories[index].item.code.gauge != null) {
                                            var gauge =  Number.parseFloat(v.inventories[index].item.code.gauge);
                                            v.inventories[index].item.other_measure = Number.parseFloat(khada * gauge).toFixed(7);
                                            v.change_per_qty(index);
                                        }
                                    }
                                    v.changePriceByWing(index);
                                }
                            }
                        }
                    }, 400);
                @endif
            },

            changeCost(index) {
                @if(systemConfig()[21] == 1)
                if (this.inventories[index] != null) {
                    if (this.inventories[index].item != null) {
                        if (this.inventories[index].item.code != null) {
                            if (this.inventories[index].item.other_measure != null && this.inventories[index].item.code.unit_price_temp != null && this.inventories[index].item.code.unit_price_temp > 0) {
                                var other_measure = this.inventories[index].item.other_measure;
                                var unit_price = this.inventories[index].item.code.unit_price_temp;
                                @if(systemConfig()[30] == 1)
                                this.inventories[index].item.new_rate = myRound((other_measure * unit_price) / this.selected_currency.static_rate * this.selected_currency.rate);
                                @else 
                                this.inventories[index].item.new_rate = myRound((other_measure * unit_price) / this.selected_currency.rate);
                                @endif
                            }
                        }
                    }
                }
                @endif
            },

            RateUnitPrice(unit_price = null, exchange_rate = 1, index, static_rate) {
                var result = 0;
                if (unit_price != null && unit_price > 0) {
                  @if(systemConfig()[30] == 1)
                    var temp = unit_price * static_rate / exchange_rate;
                  @else 
                    var temp = unit_price * exchange_rate;
                  @endif

                    res = Number.parseFloat(temp).toFixed(precision());
                    result = parseFloat(res);
                }

                @if(systemConfig()[21] == 1)
                if (this.inventories[index] != null && result) {
                    if (this.inventories[index].item != null) {
                        if (this.inventories[index].item.code != null) {
                            this.inventories[index].item.code.unit_price_temp = result;
                        }
                    }
                }
                @endif
                return result;
            },

            changePriceByPercentage(index) {
                @if(getSaleCodePricePercentage() == 'true')
                if (this.inventories[index] != null && this.selected_currency) {
                    if (this.inventories[index].item != null) {
                        this.inventories[index].item.add_percentage = this.$refs.add_percentage[index].value;
                        var add_percentage = this.$refs.add_percentage[index].value;
                        // console.log(312, add_percentage, this.inventories[index].item.code);
                        if (this.inventories[index].item.code != null && add_percentage > 0) {
                            if (this.inventories[index].item.code.baseCost > 0) {
                                var cost = this.inventories[index].item.code.baseCost;
                                this.inventories[index].item.code.unit_price = myRound((cost * add_percentage / 100) + cost);
                                @if(systemConfig()[30] == 1)
                                this.inventories[index].item.temp_price = myRound(((cost * add_percentage / 100) + cost) * this.selected_currency.static_rate / this.selected_currency.rate);
                                @else 
                                this.inventories[index].item.temp_price = myRound(((cost * add_percentage / 100) + cost) * this.selected_currency.rate);
                                @endif
                                this.inventories[index].item.new_rate = myRound((cost * add_percentage / 100) + cost);
                            }
                        }
                    }
                }
                @endif
            },

            subMQuantity(index = null, item = null, quantity = null) {
                if (item != null && quantity) {
                    var result = 0;
                    if (item.measure && item.measure1 && item.measure_list) {
                        // console.log(312, Object.keys(item.measure_list).length);
                        for (let i in item.measure_list) {
                            if (item.measure_list[i].measure_id == item.measure1.measure_id) {
                              result = (Number.parseFloat(quantity) * Number.parseFloat(item.measure.measure_unit)) / Number.parseFloat(item.measure_list[i].measure_unit);
                              if (index != 'not') {
                                this.setNewRateTotal(index, result);
                              }
                            }
                        }
                    }
                    return result;
                }
            },

            setNewRateTotal(index = null, quantity = null) {
                if (this.inventories[index]) {
                  if (this.inventories[index].item && this.inventories[index].sub_price > 0) {
                    if (this.inventories[index].item.measure1 && this.inventories[index].item.code) {
                        var item = this.inventories[index].item;
                        if (quantity) {
                            var sub_quantity = quantity;
                        } else {
                            var sub_quantity = v.subMQuantity('not', item, item.code.qut_temp);
                        }
                        var sub_price = this.inventories[index].sub_price;
                        var total_price = (sub_quantity * sub_price);

                        var quantity = item.code.qut_temp;
                        if (quantity > 0) {
                            if (this.selected_currency.rate > 0) {
                                @if(systemConfig()[30] == 1)
                                item.new_rate = Number.parseFloat((total_price / quantity) / this.selected_currency.static_rate * this.selected_currency.rate).toFixed(7);
                                @else 
                                item.new_rate = Number.parseFloat((total_price / quantity) / this.selected_currency.rate).toFixed(7);
                                @endif
                            } else {
                                item.new_rate = Number.parseFloat(total_price / quantity).toFixed(7);
                            }
                        }
                        // console.log('asda changed111', sub_quantity,item.quantity,sub_price,item);
                    }
                }
              }
            },


      changeQuantityByWing(index) {
          if (v.quantityByWing) {
            @if(ShowQuantityByWing() == "true")
              setTimeout((function() {
                  if (v.inventories[index].item != null) {
                      if (v.inventories[index].item.code != null) {
                        @if(getCubicMetereItems()=="true")
                        v.changeMetrazByKhada(index);
                        @else
                        if (Number.parseFloat(v.inventories[index].item.code.khada) > 0 && Number.parseFloat(v.inventories[index].item.code.approx_weight) > 0) {
                            v.inventories[index].item.code.qut_temp = Number.parseFloat(Number.parseFloat(v.inventories[index].item.code.khada) * Number.parseFloat(v.inventories[index].item.code.approx_weight)).toFixed(7);
                            v.changePriceByWing(index);
                        }
                        @endif
                      }
                  }
              }), 500)
            @endif
          }
      },
      changeQuantityOfWing(index) {
          if (v.quantityByWing) {
              @if(ShowQuantityByWing() == "true")
              setTimeout((function() {
                  if (v.inventories[index].item != null) {
                      if (v.inventories[index].item.code != null) {
                          if (Number.parseFloat(v.inventories[index].item.code.qut_temp) > 0 && Number.parseFloat(v.inventories[index].item.code.approx_weight) > 0) {
                              v.inventories[index].item.code.khada = Number.parseFloat(Number.parseFloat(v.inventories[index].item.code.qut_temp) / Number.parseFloat(v.inventories[index].item.code.approx_weight)).toFixed(7);
                              v.changePriceByWing(index);
                          } else if (Number.parseFloat(v.inventories[index].item.code.khada) > 0 && Number.parseFloat(v.inventories[index].item.code.qut_temp) > 0) {
                              v.inventories[index].item.code.approx_weight = Number.parseFloat(Number.parseFloat(v.inventories[index].item.code.qut_temp) / Number.parseFloat(v.inventories[index].item.code.khada)).toFixed(7);
                              v.changePriceByWing(index);
                          }
                      }
                  }
              }), 500)
              @endif
          }
      },
      changePriceByWing(index) {
          var rate = 1;
          var static_rate = 1;
          if (Number.parseFloat(v.selected_currency.rate) > 0) {
              rate = Number.parseFloat(v.selected_currency.rate);
              static_rate = Number.parseFloat(v.selected_currency.static_rate);
          }
          if (v.quantityByWing) {
              @if(ShowQuantityByWing() == "true")
              setTimeout((function() {
                  if (v.inventories[index].item != null) {
                      if (v.inventories[index].item.code != null) {
                        // console.log(333, v.inventories[index].item);
                          if (Number.parseFloat(v.inventories[index].item.code.khada) > 0 && Number.parseFloat(v.inventories[index].item.code.price_of_khada) > 0 && Number.parseFloat(v.inventories[index].item.code.approx_weight) > 0) {
                            @if(systemConfig()[30] == 1)
                              var price = (((Number.parseFloat(v.inventories[index].item.code.khada) * Number.parseFloat(v.inventories[index].item.code.price_of_khada))/Number.parseFloat(v.inventories[index].item.code.qut_temp))/ static_rate * rate);
                            @else 
                              var price = (((Number.parseFloat(v.inventories[index].item.code.khada) * Number.parseFloat(v.inventories[index].item.code.price_of_khada))/Number.parseFloat(v.inventories[index].item.code.qut_temp))/rate);
                            @endif
                              v.inventories[index].item.code.price = price;
                              v.inventories[index].item.new_rate = price;
                              @if(systemConfig()[30] == 1)
                              v.inventories[index].item.temp_price = price * static_rate / rate;
                              @else 
                              v.inventories[index].item.temp_price = price * rate;
                              @endif
                          }
                      }
                  }
              }), 600)
              @endif
          }
      },

      changePriceOfWing(index) {
          var rate = 1;
          var static_rate = 1;
          if (Number.parseFloat(v.selected_currency.rate) > 0) {
              rate = Number.parseFloat(v.selected_currency.rate);
              static_rate = Number.parseFloat(v.selected_currency.static_rate);
          }
          if (v.quantityByWing) {
              @if(ShowQuantityByWing() == "true")
              setTimeout((function() {
                  if (v.inventories[index].item != null) {
                      if (v.inventories[index].item.code != null) {
                          if (Number.parseFloat(v.inventories[index].item.code.khada) > 0 && Number.parseFloat(v.inventories[index].item.new_rate) > 0 && Number.parseFloat(v.inventories[index].item.code.qut_temp) > 0) {
                            @if(systemConfig()[30] == 1)
                              var price = (((Number.parseFloat(v.inventories[index].item.new_rate) * Number.parseFloat(v.inventories[index].item.code.qut_temp)) / Number.parseFloat(v.inventories[index].item.code.khada))* static_rate / rate);
                            @else 
                              var price = (((Number.parseFloat(v.inventories[index].item.new_rate) * Number.parseFloat(v.inventories[index].item.code.qut_temp)) / Number.parseFloat(v.inventories[index].item.code.khada))*rate);
                            @endif
                              v.inventories[index].item.code.price_of_khada = Number.parseFloat(price).toFixed(precision());
                              v.$refs.price_of_khada[index].value = Number.parseFloat(price).toFixed(precision());
                          }
                      }
                  }
              }), 600)
              @endif
          }
      },

      // calculte total of item or service
      getItemTotalRoll(quantity = null) {
        var new_rate = this.inventories[0]['item']['new_rate'];
        var smeasure_unit = this.inventories[0]['item']['measure']['measure_unit'];
        var measure_unit = this.inventories[0]['item']['measure_unit'];
        var result = 0;
        if (new_rate != null && smeasure_unit != null && measure_unit != null && quantity != null) {

          var price = ((measure_unit * new_rate) / smeasure_unit);
          var qty = (smeasure_unit * quantity) / measure_unit;
          @if(systemConfig()[30] == 1)
          var temp = price * qty * v.selected_currency.static_rate / v.selected_currency.rate;
          @else 
          var temp = price * qty * v.selected_currency.rate;
          @endif
          result = Number.parseFloat(temp).toFixed(precision());
        }
        // console.log(result);
        return result;


      },

      // calculte total of item or service
      getItemTotalRollRow(item = null, rate = null, per_qty_check = null, discount = null, discount_is_amount = null, static_rate = 1) {
          var result = 0;
          if (item.item != null) {
              var qty = 0;
              var temp = 0;
              if (item.item.new_rate != null && item.item.code != null && rate != null) {
                  if (per_qty_check && item.item.other_measure > 0) {
                      qty = item.item.other_measure;
                  }else{
                      qty = item.item.code.qut_temp;
                  }
                  @if(systemConfig()[30] == 1)
                  temp = item.item.new_rate * qty * static_rate / rate;
                  @else 
                  temp = item.item.new_rate * qty * rate;
                  @endif

              }

              if (discount != null && discount_is_amount != null) {
                  if (discount_is_amount) {
                      temp -= (qty * discount);
                  }
                  else {
                      temp -= (temp * discount) / 100;
                  }
              }
              result = Number.parseFloat(temp).toFixed(precision());
          }
          // console.log(result);
          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());

          this.inventories[index].item.new_rate = result;
          // console.log('lll', item.measure.measure_unit);
          // console.log('qwe', item.measure_unit);
          // this.inventories[index].item.new_rate = this.$refs.in[index].value/this.selected_currency.rate;

          if (item.code != null) {
            // item['code']['qut_temp'] = item['code']['qut_temp'] * item.measure_unit / item.measure.measure_unit;
            item['code']['OnHand'] = item['code']['OnHand1'] * item.measure_unit / item.measure.measure_unit;
          }
        }

      },

      // 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) {
          if (this.selected_customer.id != this.selected_customer_id) {
            for (var i = 0; i < this.inventories.length; i++) {
              if (this.inventories[i].item != null) {
                this.inventories[i]['item']['sale_order_detail_id'] = null;
              }
            }
          }
          // get member On Credit
          @if(getOnCredit()=="true")
            console.log(123);
            this.getMemberOnCredit(this.selected_customer.id, this);
          @endif
        }
      },
      // end sale order change

      getMemberOnCredit(id, vm) {
          vm.onCreditList = [];
          vm.onCreditLists = [];
          axios.get("{{route('callMethod.search')}}", {
              params: {
                  method_name: 'memberOnCredit',
                  member_id: id,
              }
          })
          .then(function(response) {
              if (response.data.length > 0) {
                  if(vm.onCreditLoad.length < 1){
                      vm.onCreditLoad = [{ item: null }];
                  }
                  // vm.showModalSaleOrder = true;
                  // console.log(123, response.data);
                  toastr.success('', '{{ __("message.MemberHasOnCredit") }}');
                  vm.onCreditList = response.data;
                  vm.onCreditLists = response.data;

                  if(vm.onCreditLoad.length > 0 && response.data.length > 0){
                      for (var t = 0; t < vm.onCreditLoad.length; t++) {
                          for (var y = 0; y < response.data.length; y++) {
                              if (vm.onCreditLoad[t].item.currency == response.data[y].currency) {
                                  tempBank = response.data[y];
                                  vm.onCreditLoad[t].item.balance = Number.parseFloat(tempBank.balance) + Number.parseFloat(vm.onCreditLoad[t].item.balance);
                              }
                          }
                      }
                  }
              }
              // loading(false);
          })
          .catch(function(error) {
              console.log(error);
          })
      },

      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;
          // console.log(32, search, class_id);
          axios.get("{{route('callMethod.search')}}", {
              params: {
                  method_name: 'SearchMember', 
                  keyword: search,
                  // class_id: class_id,
                  type: 'Customer'
              }
          })
          .then(function(response) {
            // console.log(response);
              if (response.data.length > 0) {
                  v.customer = [];
                  v.customer = response.data;
              }
              loading(false);
          })
          .catch(function(error) {
              loading(false);
              console.log(error);
          })
      }, getDebounceTime()),


      //Vendor Search for Transfer Rent
      VendorSearch: _.debounce((search, loading) => {
          loading(true);
          axios.get("{{route('callMethod.search')}}", {
              params: {
                  method_name: 'SearchMember', 
                  keyword: search,
                  type: 'Vendor'
              }
          })
          .then(function(response) {
              if (response.data.length > 0) {
                  // console.log(response.data);
                  v.transfer_rent_vendor = [];
                  v.transfer_rent_vendor = response.data;
              }
              loading(false);
          })
          .catch(function(error) {
              loading(false);
              console.log(error);
          })
      }, getDebounceTime()),


      //Get Transport Company Drivers 
      getDrivers() {
        if (this.selected_transportCompany) {
          axios.get("{{route('callMethod.search')}}", {
              params: {
                transport_id: this.selected_transportCompany.id,
                method_name: 'Search_transport_company_drivers'
              },
            })
            .then(function(response) {
              if (response.data.result != null) {
                // console.log('all Drivers', response.data.result);
                v.t_drivers = response.data.result;
                // v.selected_transportDriver=null;
              } else {

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

      //Get Just Drivers  without Transport Company Select
      getAllDrivers() {
        if (!v.selected_transportCompany) {
          v.t_drivers = v.allDrivers;
        }
      },
      // set new price
      setNewRate(type = null, index = null) {
        if (type == 'inventory') {
          if (this.inventories[index].item) {
            // this.inventories[index].item.new_rate = this.$refs.in[index].value / this.selected_currency.rate;

            if (this.inventories[index].item.code != null) {
                if (this.inventories[index].item.code.price != null) {
                  @if(systemConfig()[30] == 1)
                    this.inventories[index].item.code.price = this.inventories[index].item.temp_price / this.selected_currency.static_rate * this.selected_currency.rate;
                  @else 
                    this.inventories[index].item.code.price = this.inventories[index].item.temp_price / this.selected_currency.rate;
                  @endif
                  @if(systemConfig()[30] == 1)
                    this.inventories[index].item.code.price_temp = this.inventories[index].item.temp_price / this.selected_currency.static_rate * this.selected_currency.rate;
                  @else 
                    this.inventories[index].item.code.price_temp = this.inventories[index].item.temp_price / this.selected_currency.rate;
                  @endif
                  @if(systemConfig()[30] == 1)
                    this.inventories[index].item.new_rate = this.inventories[index].item.temp_price /  this.selected_currency.static_rate * this.selected_currency.rate;
                  @else 
                    this.inventories[index].item.new_rate = this.inventories[index].item.temp_price / this.selected_currency.rate;
                  @endif
                } else {
                  @if(systemConfig()[30] == 1)
                    this.inventories[index].item.new_rate = this.inventories[index].item.temp_price /  this.selected_currency.static_rate * this.selected_currency.rate;
                  @else 
                    this.inventories[index].item.new_rate = this.inventories[index].item.temp_price / this.selected_currency.rate;
                  @endif
                }
            } else {
                @if(systemConfig()[30] == 1)
                this.inventories[index].item.new_rate = this.inventories[index].item.temp_price /  this.selected_currency.static_rate * this.selected_currency.rate;
                @else 
                this.inventories[index].item.new_rate = this.inventories[index].item.temp_price / this.selected_currency.rate;
                @endif
            }

            if (this.inventories[index].item.code != null) {
              this.inventories[index].item.code.qut_temp = this.$refs.qut_temp[index].value;
              @if(getShowWing()!="false")
              this.inventories[index].item.code.khada = this.$refs.khada[index].value;
              @if(ShowQuantityByWing() == "true")
              this.inventories[index].item.code.approx_weight = this.$refs.approx_weight[index].value;
              this.inventories[index].item.code.price_of_khada = this.$refs.price_of_khada[index].value;
              this.inventories[index].item.code.bundl = this.$refs.bundl[index].value;
              @endif
              @endif

              @if(getCubicMetereItems()=="true")
              this.inventories[index].item.code.gauge = this.$refs.gauge[index].value;
              @endif

              @if(systemConfig()[21] == 1 || getCubicMetereItems()=="true")
                this.inventories[index].item.code.width = this.$refs.width[index].value;
                this.inventories[index].item.code.length = this.$refs.length[index].value;
                @if(systemConfig()[21] == 1)
                  this.inventories[index].item.code.unit_price_temp = this.$refs.unit_price[index].value;
                  @if(systemConfig()[30] == 1)
                  this.inventories[index].item.code.unit_price = this.$refs.unit_price[index].value / this.selected_currency.static_rate * this.selected_currency.rate;
                  @else 
                  this.inventories[index].item.code.unit_price = this.$refs.unit_price[index].value / this.selected_currency.rate;
                  @endif
                @endif
              @endif

            }
          }
        }
        if (type == 'service') {
          if (this.services[index].item) {
            console.log('service changed');
            @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
          }
        }
      },

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

                    var other_measure = this.inventories[index]['item']['other_measure'];
                    var qty = this.inventories[index]['item']['code']['OnHand'];
                    var other_qty = this.inventories[index]['item']['code']['other_measure'];
                    
                    @if(getCubicMetereItems()=="true")
                    if (other_measure > 0 && qty > 0 && other_qty > 0) {
                        var per_qty = Number.parseFloat(qty / other_qty);
                        this.inventories[index]['item']['code']['qut_temp'] = Number.parseFloat(other_measure * per_qty).toFixed(7);
                        this.inventories[index]['item']['quantity'] = Number.parseFloat(other_measure * per_qty).toFixed(7);
                    }
                    @endif

                    if (this.per_qty_check && other_measure > 0 && qty > 0 && other_qty > 0) {
                        var per_qty = Number.parseFloat(qty / other_qty);
                        this.inventories[index]['item']['code']['qut_temp'] = Number.parseFloat(other_measure * per_qty).toFixed(7);
                        this.inventories[index]['item']['quantity'] = Number.parseFloat(other_measure * per_qty).toFixed(7);
                    }
                }
            }
        },

      // set new price
      setNewRateMain(type = null, index = null) {
        if (type == 'inventory') {
          if (this.main_inventories[index].item) {
            @if(systemConfig()[30] == 1)
            this.main_inventories[index].item.new_rate = this.main_inventories[index].item.cost / this.selected_currency.static_rate * this.selected_currency.rate;
            @else 
            this.main_inventories[index].item.new_rate = this.main_inventories[index].item.cost / this.selected_currency.rate;
            @endif
            // this.main_inventories[index].item.new_rate = this.$refs.in_main[index].value / this.selected_currency.rate;
          }
        }
      },


      setIndex(e) {
        this.selected_index = e;
      },
      itemCategoryChange(index) {
        v.setIndex(index);

        v.selected_iventory_category = this.main_inventories[this.selected_index]['item_category'];
        if (this.main_inventories[this.selected_index]['item_category'] != null) {
          let inventory_category_id = this.main_inventories[this.selected_index]['item_category'].id;
          axios.get("{{route('callMethod.search')}}", {
              params: {
                member_id: v.member_id,
                method_name: 'itemesSearchSale',
                inventory_category_id: inventory_category_id
              }
            })
            .then(function(response) {
              if (v.purchase_orders) {} else {
                v.main_inventories[v.selected_index]['item'] = null;
                v.main_inventories[v.selected_index]['inventory'] = null;
              }
              v.temp_main_items = [];
              if (response.data.length > 0) {
                v.temp_main_items = response.data;
              }
            })
            .catch(function(error) {
              console.log(error);
            });
        }

      },

      itemCategoryChangeCode(index) {
        v.selectedIndex = index;
        // v.selected_iventory_category = this.inventories[index]['item_category'];
        if (this.inventories[index]['item_category'] != null) {
            let inventory_category_id = this.inventories[index]['item_category'].id;
            // console.log(12312312,inventory_category_id);
            axios.get("{{route('callMethod.search')}}", {

                params: {
                    member_id: v.member_id,
                    method_name: 'itemSearchNameRoll',
                    inventory_category_id: inventory_category_id,
                },
            })
            .then(function(response) {
                if (response.data.length > 0) {
                  v.temp_items = [];
                  v.subItems = [];
                    v.inventories[index].item=null;
                    v.inventories[index].inventory=null;
                    v.temp_items = response.data;
                    // console.log('pp', response.data);
                }else{
                  v.temp_items = [];
                  v.subItems = [];
                  v.inventories[index].inventory=null;
                }
            })
            .catch(function(error) {
                console.log(error);
            });
        }

      },


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

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

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


      onItemload(index) {
        v.selected_index = index;
        if (v.main_inventories[index].inventory != null) {
          // console.log('klk',v.main_inventories[index].inventory,v.main_inventories);
          var inventory_id = v.main_inventories[index].inventory.id;
          let inventory_category_id = (v.main_inventories[index]['item_category'] != undefined) ? v.main_inventories[index]['item_category'].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,
              }
            })
            .then(function(response) {
              v.main_inventories[index].item = null;
              if (response.data.length > 0) {
                v.main_inventories[index].item = response.data[0];
              }
            })
            .catch(function(error) {
              console.log(error);
            })
        }
      },

      // calculate item price based on measure change
      mainMeasureChange(index) {
        if (this.main_inventories[index].item != null) {
          var item = this.main_inventories[index].item;
          var temp = ((item.rate * item.measure.measure_unit / item.measure_unit));
          result = Number.parseFloat(temp).toFixed(precision());
          this.main_inventories[index].item.new_rate = result;
          // this.main_inventories[index].item.new_rate = this.$refs.in[index].value/this.selected_currency.rate;
        }
      },
 
      //ajax call to get items
      onItemSearch: _.debounce((search, loading) => {
        var selectedIndex = v.selectedIndex;
        let inventory_category_id = (v.inventories[selectedIndex]['item_category'] != undefined) ? v.inventories[selectedIndex]['item_category'].id : '';
        loading(true);
        axios.get("{{route('callMethod.search')}}", {

            params: {
              method_name: 'itemSearchNameRoll',
              inventory_category_id: inventory_category_id,
              keyword: search,
            },
          })
          .then(function(response) {
            v.temp_items = [];
            v.subItems = [];
            if (response.data.length > 0) {
              v.temp_items = response.data;
              // console.log('avg', response.data);
            }
            loading(false);
          })
          .catch(function(error) {
            console.log(error);
          });

      }, getDebounceTime()),

      // end item search


      //ajax call to get items code
      onItemLoadCode(selectedIndex) {
        v.selectedIndex = selectedIndex;

        if (v.inventories[selectedIndex].inventory != null) {
          v.inventories[selectedIndex].item = null;
          v.inventories[selectedIndex].selectedLocation = null;
          // console.log('klk',v.inventories[selectedIndex].inventory,v.main_inventories);
          var inventory_id = v.inventories[selectedIndex].inventory.id;
          let inventory_category_id = (v.inventories[selectedIndex]['item_category'] != undefined) ? v.inventories[selectedIndex]['item_category'].id : '';

          axios.get("{{route('callMethod.search')}}", {
              params: {
                member_id: v.member_id,
                method_name: 'itemSearchSaleRoll',
                inventory_id: inventory_id,
                inventory_category_id: inventory_category_id,
              }
            })
            .then(function(response) {
                // console.log('gg', response.data);
              if (response.data.length > 0) {
                // v.inventories[selectedIndex].item = null;
                // v.inventories[selectedIndex].selectedLocation = null;
                v.inventories[selectedIndex].item = response.data[0];
                v.inventories[selectedIndex].locationList = response.data[0].locationList;

                // v.onItemSearchCodeSelect(selectedIndex);

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



      },



      // contract search

      //ajax call to get items code
      onItemSearchCode: _.debounce((search, loading) => {
        let item_id = (v.inventories[v.selectedIndex]['item'] != undefined) ? v.inventories[v.selectedIndex]['item'].id : '';
        let inventory_site = (v.inventories[v.selectedIndex]['item'] != undefined) ? ((v.inventories[v.selectedIndex]['item'].site != undefined) ? v.inventories[v.selectedIndex]['item']['site'].site_id : '') : '';
        if (item_id) {
        loading(true);
        axios.get("{{route('callMethod.search')}}", {
            params: {
              method_name: 'getAssebmliesSubSite',
              keyword: search,
              item_id: item_id,
              inventory_site: inventory_site,
            }
          })
          .then(function(response) {
            v.subItems = [];
            if (response.data.length > 0) {
              v.subItems = response.data;
              // console.log('subItems',v.subItems);

            }
            v.inventories[v.selectedIndex].selectedLocation = null;
            loading(false);
          })
          .catch(function(error) {
            console.log(error);
          });
        }
      }, getDebounceTime()),

      //ajax call to get items code
      selCodeSelect(selectedIndex) {
        v.selectedIndex = selectedIndex;
        setTimeout(function() {
          if (v.inventories[selectedIndex].item != null && v.inventories[selectedIndex].item.site != null) {
          // console.log(2121,v.inventories[selectedIndex].item);
            if (v.inventories[selectedIndex].selectedLocation != null || v.inventories[selectedIndex].item.selectedBrand != null) {
              v.subItems = [];
              v.inventories[selectedIndex].item.code=null;
              v.onItemSearchCodeSelect(selectedIndex);
            }
          }
        }, 100);

      },

      //ajax call to get items code
      onItemSearchCodeSelect(selectedIndex) {
        // console.log(132);
        v.selectedIndex = selectedIndex;
        setTimeout(function() {
          if (v.inventories[selectedIndex].item != null && v.inventories[selectedIndex].item.site != null) {

            let brand_id = null;
            if (v.inventories[selectedIndex].item != null && v.inventories[selectedIndex].item.selectedBrand != null) {
              brand_id = v.inventories[selectedIndex].item.selectedBrand.id;
            }

            // let location = (v.inventories[selectedIndex]['selectedLocation'] != undefined) ? v.inventories[selectedIndex]['selectedLocation'].name : '';
            
            item_id = v.inventories[selectedIndex].item.id;
            inventory_site = v.inventories[selectedIndex].item.site.site_id;
            // console.log('selectedIndex',selectedIndex,item_id,inventory_site,brand_id);
            axios.get("{{route('callMethod.search')}}", {
                params: {
                  method_name: 'getAssebmliesSubSite',
                  brand_id: brand_id,
                  item_id: item_id,
                  // location: location,
                  inventory_site: inventory_site,
                }
              })
              .then(function(response) {
                if (response.data.length > 0) {
                  v.subItems = [];
                  // v.subItemes[selectedIndex] = response.data;
                  v.subItems = response.data;
                  // v.inventories[selectedIndex].item.code=null;

                  // v.subItems = response.data;
                  // console.log('subItemss', v.subItems);
                } else {
                  v.subItems = [];
                }
              })
              .catch(function(error) {
                console.log(error);
              });

          }
          v.inventories[selectedIndex].selectedLocation = null;
          v.onItemSearchLocation(selectedIndex);
        }, 100);

      },

      //ajax call to get items code
      selectLocation(selectedIndex) {
        v.selectedIndex = selectedIndex;
        @if(searchByCodeLocation()=="true")
        setTimeout(function() {
          let item_id = null;
          let code = null;
          let site_id = null;
          let stocks_in_id = null;
          if (v.inventories[selectedIndex]['item'] != undefined) {
            item_id = v.inventories[selectedIndex]['item'].id;
            code = (v.inventories[selectedIndex]['item']['code'] != undefined) ? v.inventories[selectedIndex]['item']['code'].code : '';
            stocks_in_id = (v.inventories[selectedIndex]['item']['code'] != undefined) ? v.inventories[selectedIndex]['item']['code'].id : '';
            site_id = (v.inventories[selectedIndex]['item']['site'] != undefined) ? v.inventories[selectedIndex]['item']['site'].site_id : '';
            // console.log(32, code, item_id, location, v.inventories[selectedIndex]['item']);
          }
          if (item_id && code) {
            axios.get("{{route('callMethod.search')}}", {
                params: {
                    method_name: 'getLocationList',
                    inventory_id: item_id,
                    inventory_site: site_id,
                    code: code,
                    stocks_in_id: stocks_in_id,
                }
            })
            .then(function(response) {
                if (response.data) {
                  if (response.data.data.length > 0) {
                    v.inventories[selectedIndex].locationList = [];
                    v.inventories[selectedIndex].locationList = response.data.data;
                    v.inventories[selectedIndex].selectedLocation = response.data.sLocation;
                  }
                }
            })
            .catch(function(error) {
                console.log(error);
            });
          }

        }, 100);
        @endif

      },

      changeWingPrice(index) {
          @if(ShowQuantityByWing() == "true")
          if (v.inventories[index].item != null) {
              if (v.inventories[index].item.code != null) {
                  v.inventories[index].item.code.price_of_khada = v.inventories[index].item.price_of_khada;
              }
          }
          @endif
          @if(getAverageCostByCode() == "true")
          if (v.inventories[index].item != null) {
              if (v.inventories[index].item.code != null) {
                  if (v.inventories[index].item.code.cost > 0) {
                      v.inventories[index].item.cost = v.inventories[index].item.code.cost;
                  }
              }
          }
          @endif
      },

      //ajax call to get items Location
      onItemSearchLocation(selectedIndex) {
        // console.log(444);
          v.selectedIndex = selectedIndex;
          setTimeout(function() {
            if (v.inventories[selectedIndex].selectedLocation != null) {
                let inventory_brand_id = (v.inventories[selectedIndex]['selectedBrand'] != undefined) ? v.inventories[selectedIndex]['selectedBrand'].id : '';
                let location = (v.inventories[selectedIndex]['selectedLocation'] != undefined) ? v.inventories[selectedIndex]['selectedLocation'].name : '';
                let inventory_category_id = (v.inventories[selectedIndex]['item_category'] != undefined) ? v.inventories[selectedIndex]['item_category'].id : '';
                let item_id = null;
                let code = null;
                let site_id = null;
                if (v.inventories[selectedIndex]['item'] != undefined) {
                  item_id = v.inventories[selectedIndex]['item'].id;
                  code = (v.inventories[selectedIndex]['item']['code'] != undefined) ? v.inventories[selectedIndex]['item']['code'].code : '';
                  site_id = (v.inventories[selectedIndex]['item']['site'] != undefined) ? v.inventories[selectedIndex]['item']['site'].site_id : '';
                }
                  // console.log(32, code, item_id, location, v.inventories[selectedIndex]['item']);
                axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'getAssebmliesSubSite',
                            brand_id: inventory_brand_id,
                            location: location,
                            item_id: item_id,
                            // code: code,
                            inventory_site: site_id,
                            inventory_category_id: inventory_category_id,
                        }
                    })
                    .then(function(response) {
                    if (response.data.length > 0) {
                        v.subItems = response.data;
                        let clear = 3;
                        let dataCode = null;
                        for (var i = 0; i < response.data.length; i++) {
                          // console.log(332, response.data[i]);
                            if (response.data[i] && v.inventories[selectedIndex]['item'] != undefined) {
                              if (clear != 1) {
                                if (v.inventories[selectedIndex]['item'].code && v.inventories[selectedIndex]['item'].code != null) {
                                  if (v.inventories[selectedIndex]['item'].code.id == response.data[i].id) {
                                    // console.log(332, v.inventories[selectedIndex]['item'].code, response.data[i]);
                                      clear = 1;
                                  } else if (clear != 1 && clear != 2 && location == response.data[i].location && v.inventories[selectedIndex]['item'].id == response.data[i].inventory_id) {
                                    clear = 2;
                                    dataCode=response.data[i];
                                  }
                                } else if (clear != 1 && clear != 2 && location == response.data[i].location && v.inventories[selectedIndex]['item'].id == response.data[i].inventory_id) {
                                    clear = 2;
                                    dataCode=response.data[i];
                                }
                              }
                            }
                        }
                        if (clear == 2) {
                          if (dataCode && v.inventories[selectedIndex]['item'] != undefined) {
                            v.inventories[selectedIndex]['item'].code=dataCode;
                          }
                        }
                        if (clear == 3) {
                          if (response.data[i] && v.inventories[selectedIndex]['item'] != undefined) {
                            v.inventories[selectedIndex]['item'].code=null;
                            // v.inventories[selectedIndex].item=null;
                            // v.inventories[selectedIndex].inventory=null;
                          }
                        }
                            // console.log('subItems', response.data);
                    } else {
                      if (v.inventories[selectedIndex]['item'] != undefined) {
                        v.inventories[selectedIndex]['item'].code=null;
                        v.subItems=[];
                      }
                    }
                })
                .catch(function(error) {
                    console.log(error);
                });
            }
          }, 100);
      },

      //ajax call to get items brand
      onItemSearchBrand(selectedIndex) {
        @if(getCodeBrand()=="true")
        v.brandItem = [];
        v.brandItems[selectedIndex] = [];
        v.selectedIndex = selectedIndex;
        setTimeout(function() {
          if (v.inventories[selectedIndex].item != null && v.inventories[selectedIndex].item.site != null) {
            item_id = v.inventories[selectedIndex].item.id;
            inventory_site = v.inventories[selectedIndex].item.site.site_id;
            inventory_id = v.inventories[selectedIndex].item.site.inventory_id;
            // console.log('brandItems111',item_id,inventory_id,inventory_site);
            axios.get("{{route('callMethod.search')}}", {
                params: {
                  method_name: 'getItemBrand',
                  item_id: item_id,
                  inventory_id: inventory_id,
                  inventory_site: inventory_site,
                }
              })
              .then(function(response) {
                // console.log(123,response.data);
                if (response.data.length > 0) {
                  v.brandItems[selectedIndex] = response.data;
                  v.brandItem = response.data;
                  v.inventories[selectedIndex].item.brandList = response.data;
                  // console.log('brandItems', v.brandItems);
                }
              })
              .catch(function(error) {
                console.log(error);
              });

          }
        }, 100);
        @endif
      },

      onSearchLocation(selectedIndex) {
        @if(searchByCodeLocation()=="true")
        var selectedIndex = v.selectedIndex;
        setTimeout(function() {
          // console.log(123,v.inventories[selectedIndex], selectedIndex);
          v.inventories[selectedIndex].selectedLocation = null;
          v.inventories[selectedIndex].item.locationList = [];
          if (v.inventories[selectedIndex].item != null && v.inventories[selectedIndex].item.site != null) {
            var inventory_site = v.inventories[selectedIndex].item.site.site_id;
            var inventory_id = v.inventories[selectedIndex].item.site.inventory_id;
            axios.get("{{route('callMethod.search')}}", {
                params: {
                    method_name: 'getLocationList',
                    inventory_id: inventory_id,
                    inventory_site: inventory_site,
                }
            })
            .then(function(response) {
                // console.log(response);
                v.inventories[selectedIndex].selectedLocation = null;
                if (response.data) {
                  if (response.data.data.length > 0) {
                    v.inventories[selectedIndex].locationList = response.data.data;
                  }
                }
            })
            .catch(function(error) {
                console.log(error);
            });
          }
        }, 100);
        @endif
      },

      // end contract search

      // generic function for adding item to list
      addNew(type = null, index) {
        // this.temp_items = [];
        if (type != null) {
          if (type == 'inventory') {
            if (this.inventories[index + 1] == undefined) {
              this.temp_items = [];
              this.inventories.push({
                item: null,
                inventory: null,
                item_category: null,
                locationList: [],
                selectedLocation: null,
              });
            }
          }
          if (type == 'main_inventory') {
            if (this.main_inventories[index + 1] == undefined) {
              this.temp_main_items = [];
              this.main_inventories.push({
                item: 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,
              });
            }
          }          
          if (type == 'installment') {
            if (this.installments[index + 1] == undefined) {
                this.installments.push({
                    items: this.currency,
                    item: null,
                    description: null,
                    amount:null,
                    date:null
                });
            }
          }
          if (type == 'on_credit') {
              if (this.on_credit[index + 1] == undefined) {
                  this.on_credit.push({
                      items: bankes,
                      item: null,
                  });
              }
          }
          if (type == 'on_credit_load') {
              if (this.onCreditLoad[index + 1] == undefined) {
                  this.checkExistingOnCredit(index);
                  this.onCreditLoad.push({
                      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; 


      },


      change_lengths(index) {
        if (this.ItemRoll[index].selected_sub_item) {
          var per_qut_in = this.ItemRoll[index].selected_sub_item.per_qut_in;
          var lengths = this.$refs.lengths[index].value;
          this.ItemRoll[index].selected_sub_item.lengths = this.$refs.lengths[index].value;
          this.ItemRoll[index].selected_sub_item.OnHand = (per_qut_in * lengths).toFixed(1);
          this.ItemRoll[index].selected_sub_item.per_price = this.$refs.per_price[index].value;
        }
        setTimeout(function() {
          v.deleteItem_roll(1000);
        }, 30);
      },
      change_qut(index) {

        if (this.ItemRoll[index].selected_sub_item) {
          var per_qut_in = this.ItemRoll[index].selected_sub_item.per_qut_in;
          var OnHand = this.$refs.OnHand[index].value;
          this.ItemRoll[index].selected_sub_item.OnHand = this.$refs.OnHand[index].value;
          this.ItemRoll[index].selected_sub_item.lengths = (OnHand / per_qut_in);
          this.ItemRoll[index].selected_sub_item.per_price = this.$refs.per_price[index].value;
        }

        setTimeout(function() {
          v.deleteItem_roll(1000);
        }, 30);
      },

      // delete item from list
      addIndex(index) {
        // v.subItems = [];
        v.selectedIndex = index;
        v.changeQuantityByWing(index);
        v.changeMetraz(index);
      },

      // 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 == 'main_inventory') {
            swal({
                title: "@lang('layout.AreYouSure?')",
                buttons: ["@lang('layout.Cancel')", "@lang('layout.yes')"],
                text: "",
                icon: "info",
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                  this.main_inventories.splice(index, 1);
                }
                else {
                    
                }
            });
          }
          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 == 'on_credit') {
              this.on_credit.splice(index, 1);
          }
          if (type == 'on_credit_load') {
              this.onCreditLoad.splice(index, 1);
          }
          if (type == 'payment') {
            this.payments.splice(index, 1);
          }
          if (type == 'installment') {
              this.installments.splice(index, 1);
          }
        }

      },


      // generic function for adding item to list
      addNew_roll(index) {
        v.subItems = [];
        if (this.ItemRoll[index + 1] == undefined) {
          this.ItemRoll.push({
            selected_sub_item: null,
          });
        }


      },
      // delete item from list
      deleteItem_roll(index) {
        this.ItemRoll.splice(index, 1);

      },

      // submit the form
      submitForm() {

        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() {
          if (!this.isError) {
              v.disabled = true;
              var url = "{{route('invoice_roll.update',$invoice->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('invoice_roll.index')}}";
                          document.body.appendChild(a);
                          a.click();
                          document.body.removeChild(a);

                          // location.reload("{{route('invoice_roll.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