@extends('layouts.app')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css">
<style type="text/css">
    .v-select.searchable .dropdown-toggle{
        height: 27px;
    }
</style>
@section('content')
    <div class="row">
        <div class="portlet light bg-inverse">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-equalizer font-green-haze"></i>&nbsp;
                    <span class="caption-subject font-green-haze bold uppercase">@lang('layout.VehicleExpensesCreate')</span>
                    {{--<span class="caption-helper">some info...</span>--}}
                </div>
            </div>
            <div class="portlet-body form" style="margin-bottom: 50%;">
                {{Form::open(['route' => 'vehicleExpense.store','method' => 'POST','class' => 'form-horizontal','id'=>'bill-submit'])}}
                <div id="app" v-cloak>
                    <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: 15px 50px;">
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <label class="control-label">@lang('menu.Vehicle'):</label>
                                <v-select label="name" :options="vehicles" v-model="selected_vehicle" @input="selectRefNumber" ></v-select>
                                <input type="hidden" name="vehicle_id" :value="!selected_vehicle?null:selected_vehicle.id" v-validate="'required'" data-vv-as="@lang('menu.Vehicle')">
                                <span class="required">@{{ errors.first('vehicle_id') }}</span>	
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> 
                                <label class="control-label ">@lang('layout.ExpenseCategory')</label>
                                <v-select label="name" :options="VehicleExpenseCategory" v-model="selectedVehicleExpenseCategory"></v-select>
                                <input type="hidden" name="cat_expense_id" :value="!selectedVehicleExpenseCategory?null:selectedVehicleExpenseCategory.id" required> 
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> 
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label ">@lang('layout.Category')</label>
                                        <select class="form-control" name="category">
                                            <option value="Rent" selected><span class="input-group-addon">@lang('type.Rent')</span></option>
                                            <option value="Simple"><span class="input-group-addon">@lang('type.Simple')</span></option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                {{Form::text('ref_number',null,['class' => 'form-control','v-model' => 'ref_number'])}}
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <label class="control-label">@lang('layout.Number')</label>
                                {{Form::number('number',null,['class' => 'form-control','v-model' => 'number'])}}
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Currency')</label>
                                        <v-select label="code" :options="setRates" v-model="selectedCurrency" @input="accountUpdates()"></v-select>
                                        <input type="hidden" name="currency" v-bind:value="selectedCurrency.code"/>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12 " :class="{'has-error':selectedCurrency.rate < 0}">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <input v-model="selectedCurrency.exchange_rate" class="form-control" type="number" step="any" min="0">
                                        <!-- <span class="input-group-addon">@{{selectedCurrency.symbol}}</span> -->
                                    </div>
                                </div>
                                <input type="hidden" name="currency_rate" :value="selectedCurrency.exchange_rate">
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" v-if="expenseType == 'bill'">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Vendor')</label>
                                        <v-select label="name" :options="vendor" @search="MemberSearch" v-model="selected_vendor"></v-select>
                                        <input type="hidden" name="vendor" v-validate="'required'" data-vv-as="@lang('layout.Vendor')" :value="!selected_vendor?null:selected_vendor.id" required>
                                        <span class="required">@{{errors.first('vendor')}}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" v-if="expenseType == 'writeCheck'">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Bank')</label>
                                        <select class="form-control" name="bank" v-model="defaultAccount" v-on:change="test(defaultAccount)">
                                            <option v-for="Account in accountUpdate" :value="Account.id">
                                                @{{ Account.name }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Expense') </label>
                                        <!--<select class="form-control" name="expense_id" v-model="expenseId" @change="setAmount(expenseId)">
                                            <option v-for="expense in expenses" :value="expense.id">@{{
                                                expense.AccountName }}
                                            </option>
                                        </select> -->
                                        <v-select label="name" :options="expenses" v-model="selected_expense_account" @change="setAmount(selected_expense_account)"></v-select>
                                        <input type="hidden" name="expense_id" v-bind:value="(!selected_expense_account)?null:selected_expense_account.id" v-validate="'required'" data-vv-as="@lang('layout.Expense')" />
                                        <span class="required">@{{ errors.first('expense_id') }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="{{ auth()->user()->company()->first()->tag != 1 ? 'col-lg-3 col-md-3': 'col-lg-3 col-md-3' }} col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12 ">
                                        <label class="control-label">@lang('layout.ExpenseType') </label>
                                        {{Form::select('expense_type',['writeCheck' => __('layout.Writecheck'),'bill' => __('layout.Bill')],'Accounts Receivable',[ 'v-model'=>'expenseType','class'=>'form-control',"v-validate"=>"'required'","data-vv-as"=>__('layout.ExpenseType')])}}
                                        <span class="required">@{{errors.first('type')}}</span>
                                    </div>
                                </div>
                            </div>
                            @if(auth()->user()->company()->first()->tag != 1)
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <div class="col-md-12 " :class="{'has-error':selectedCurrency.rate < 0}">
                                            <label class="control-label">@lang('layout.ExchangeRateHQ') </label>
                                            <div class="input-group">
                                                <input v-model="selectedCurrency.hq_rate" class="form-control" type="number" step="any" min="0">
                                                <span class="input-group-addon">@{{selectedCurrency.symbol}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="currency_rate_hq" :value="selectedCurrency.hq_rate">
                                </div>
                            @endif
                            <div class="{{ auth()->user()->company()->first()->tag != 1 ? "col-lg-3 col-md-3" : 'col-lg-3 col-md-3' }} col-sm-12 col-xs-12">
                                <div class="form-group" v-if="expenseType == 'writeCheck'">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Amount')</label>
                                        <span v-show="false">@{{defaultAmount=((!selectedBank?0:selectedBank.balance) -subtotal)}}</span>
                                        <input type="number" class="form-control" v-model="Number.parseFloat(defaultAmount).toFixed(precision())" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12 ">
                                        <label class="control-label">@lang('layout.Amount') </label>
                                        <span v-show="false">@{{totalExpense=(expenseAmount+subtotal)}}</span>
                                        <input type="number" v-model="Number.parseFloat(totalExpense).toFixed(precision())" class="form-control" disabled>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('menu.ToRentVehicle'):</label>
                                        <v-select label="name" :options="vehicleManagement" v-model="selected_rent" @search="vehicleManaSearch"></v-select>
                                        <input type="hidden" name="rent_id" :value="!selected_rent?null:selected_rent.id" v-validate="" data-vv-as="@lang('menu.ToRentVehicle')" >
                                        <span class="required">@{{ errors.first('rent_id') }}</span>		
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Date')</label>
                                        {{Form::text('date',null,['class' => 'form-control date','id'=>'date','autocomplete'=>'off'])}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.BilanceDate')</label>
                                        {{Form::text('bilance_date',null,['class' => 'form-control date','id'=>'date','autocomplete'=>'off'])}}
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.Description')</label>
                                        {!! Form::textarea('gDescription', null, array('placeholder' => __('layout.Description'),'class' => 'form-control description','rows' => 1, 'cols' => 30)) !!}
                                    </div>
                                </div>
                            </div>  
                        </div>
                        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
                            <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;margin-bottom: 1em;">
                                <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">
                                                    @{{ Number.parseFloat(subtotal).toFixed(2)}}
                                                </span>
                                                <input type="hidden" name="total" :value="subtotal">
                                                <small class="font-green-sharp">@{{selectedCurrency.symbol}}</small>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="form-section"></div> -->
                    <div class="row" style="margin-top: 10px;">
                        <div class="col-lg-12 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: 15px 50px;">
                            <div class="table-responsive333 ">
                                <table id="table_content" class="table table-bordered ">
                                    <thead>
                                        <tr>
                                            <th class="text-center" style="width:3px;">#</th>
                                            <th class="text-center" style="min-width: 130px;">
                                                @lang('layout.Description')
                                            </th>
                                            @if(QuantityInDailyExpense() == 'true')
                                                <th class="text-center" style="min-width: 130px;">
                                                    @lang('layout.Quantity')
                                                </th>
                                                <th class="text-center" style="min-width: 130px;">
                                                    @lang('layout.Measure')
                                                </th> 
                                                <th class="text-center" style="min-width: 130px;">
                                                    @lang('layout.PerPrice')
                                                </th>
                                                <th class="text-center" style="min-width: 130px;">
                                                    @lang('layout.TotalAmount')
                                                </th>
                                            @else
                                                <th class="text-center" style="min-width: 130px;">
                                                    @lang('layout.Quantity')
                                                </th>
                                            @endif
                                            <th style="min-width: 4px;"><i class="fa fa-ellipsis-h"></i></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr v-for=" (row,itemIndex) in rows" class="even">
                                            <td class="td_one">
                                                <span span v-if="rows.length >1 " class="badge badge3 badge-roundless" style="background: transparent !important; color: black;">@{{itemIndex+1}} </span>
                                            </td>
                                            <td>
                                                {{Form::text('description[]',null,['class' => 'form-control','v-on:focus'=>'(rows.length-1 == itemIndex)?addRow():null','placeholder' =>__('layout.Description')])}}
                                            </td>
                                            @if(QuantityInDailyExpense() == 'true')
                                                <td>
                                                    <input type="number" step="any" name="quantity[]" class="form-control" v-model="row.quantity" step="any" min="0" @input="GiveTotal('row',itemIndex)" placeholder="@lang('layout.Quantity')" v-validate="''" data-vv-as="@lang('layout.Quantity')">
                                                </td>
                                                <td>
                                                    <v-select class="vue-select2" v-model="row.selectedMeasure" label="name" :options="(measure)" class="form-control"> 
                                                    </v-select>
                                                    <input type="hidden" name="measure_id[]" v-model.number="(!row.selectedMeasure)?null:row.selectedMeasure.id">
                                                </td>
                                                <td>
                                                    <div class="input-group">
                                                        {{-- <vue-numeric class="form-control" v-model="row.price_fe" :max="99999999999999" inputmode="decimal" @input="GiveTotal('row',itemIndex)" :currency="selectedCurrency.code" :precision="precision()" >
                                                        </vue-numeric> --}}
                                                        <input name="price_fe[]" type="text" class="form-control" v-model="row.price_fe" @input="GiveTotal('row',itemIndex)" placeholder="@lang('layout.Amount')" required />
                                                        <span class="input-group-addon">@{{selectedCurrency.symbol}}</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="input-group"> 
                                                        <input type="number" step="any" name="total_amount[]" class="form-control" v-model="row.amount" step="any" min="0"  readonly placeholder="@lang('layout.TotalAmount')"
                                                        data-vv-as="@lang('layout.TotalAmount')">
                                                        <input type="hidden" :value="row.amount" name="amount[]" >
                                                        <span class="input-group-addon">@{{selectedCurrency.symbol}}</span>
                                                    </div>
                                                </td>
                                            @else
                                                <td width="50%;" class="td_one">
                                                    <div class="input-group">
                                                        {!! Form::number('amount[]',null, array('placeholder' => __('layout.Amount'),'class' => 'form-control','step'=>'any','min'=>'0','v-on:focus'=>'(rows.length-1 == itemIndex)?addRow():null','v-model'=>'row.amount')) !!}
                                                        <span class="input-group-addon">@{{selectedCurrency.symbol}}</span>
                                                    </div>
                                                </td>
                                            @endif
                                            <td class="text-center" style="cursor: pointer;">
                                                <span span v-if="rows.length >1 " v-on:click="deleteRow(itemIndex)"><i class="paddint-both fa fa-trash"></i></span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                        <button type="button" class="btn green" @click="handleSubmit($event)" >@lang('layout.Submit')</button>
                        <button type="button" class="btn blue" @click="saveAndNew($event)">@lang('layout.SaveAndNew')</button>
                        <a href="{{route('vehicleExpense.index')}}" class="btn default"> <i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
                    </div>
                </div>
            </div>
            {{Form::close()}}
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{url('/vue/sweetalert1.min.js')}}"></script>
    <script>
	    @if(App::getLocale())
        Vue.use(VeeValidate, {
            locale: '{{App::getLocale()}}',
        });
        @else
        Vue.use(VeeValidate, {
            locale: 'en',
        });
        @endif
        Vue.component('v-select', VueSelect.VueSelect);
        var Banks = {!! $bank!!};
        var Currency ={!! $currency!!};
        var category ={!! $category!!};
		var vehicles = {!!$vehicles!!};
		var VehicleExpenseCategory = {!!$VehicleExpenseCategory!!};
        let home = {!! $homeCurrency !!};
        let ratesFetched = {!! $rates !!};
        let measure = {!! $measure !!};
        let v = new Vue({
            el: '#app',
            data: {
                selected_vendor: null,
                vendor: [],
                selectedCurrency: home,
                selected_expense_account:null,
                currency: Currency,
                bankes: {!! $banks !!},
                selectedBank: null,
                defaultValue: 0,
                defaultAmount: 0,
                defaultAccount: 0,
                ref_number: 1,
                amount: null,
                number: {!! $number !!},
                old_number: {!! $number !!},
                expenses: {!! $expense !!},
                expenseAmount: 0,
                totalExpense: null,
                expenseId: 0,
                listAccounts: [],
                accountUpdate: [],
                currencyList: Currency,
                category: category,
                type: 'bank',
                description: null,
                expenseType: 'writeCheck',
                vehicleManagement:[],
                selected_rent:null,
                vehicles:vehicles,
                measure: measure,
                selected_vehicle:null,
                VehicleExpenseCategory: VehicleExpenseCategory,
                selectedVehicleExpenseCategory : null,
                rows: [
                    {
                        amount: null,
                        quantity: null,
                        price_fe: null,
                        description: null
                    },
                    {
                        amount: null,
                        quantity: null,
                        price_fe: null,
                        description: null
                    },
                ],
                account: {},
            },
            computed: {
                setRates() { 
                    let rates = [];
                    this.currency.forEach((b) => {
                        ratesFetched.forEach((a) => { 
                            if (a.currency_id == b.id) {
                                rates.push({
                                    name: a.name,
                                    code: a.code,
                                    symbol: a.symbol,
                                    static_rate: a.static_rate,
                                    rate: a.rate != null ? Number.parseFloat(a.rate) : 1,
                                    exchange_rate: a.rate != null ? Number.parseFloat(a.rate) : 1,
                                    hq_rate: a.hq_rate != null ? Number.parseFloat(a.hq_rate) : 1,
                                    currency: b.id,
                                    id: b.id
                                });
                            }
                        })
                    });
                    this.currency.forEach((a) => {
                        let found = false;
                        rates.forEach((b) => {
                            if (a.id == b.id) {
                                found = true;
                                return;
                            }
                        });
                        if (!found) {
                            rates.push({
                                name: a.name,
                                code: a.code,
                                static_rate: a.static_rate,
                                symbol: a.symbol,
                                rate: 1,
                                exchange_rate: 1,
                                hq_rate: 1,
                                currency: a.id,
                                id: a.id
                            })
                        }
                    });
                   /* this.banks = [];
                    banks.forEach((a) => {
                        rates.forEach((r) => {
                            if (a.code == r.code) {
                                this.banks.push({
                                    amount: a.amount,
                                    balance: a.balance,
                                    code: a.code,
                                    id: a.id,
                                    name: a.name,
                                    rate: r.rate,
                                    hq_rate: r.hq_rate
                                })
                            }
                        });
                    });*/
                    return rates;
                },
                subtotal: function () {
                    var sum = 0;
                    for (var i = 0; i < this.rows.length; i++) {
                        sum += (parseFloat(this.rows[i].amount)) ? parseFloat(this.rows[i].amount) : 0
                    }
                    return sum;
                },
            },
            created() {
                this.expenseAmount = this.expenses[0].Amount;
                this.expenseId = this.expenses[0].id;
            },
            methods: {
                GiveTotal(row,itemIndex){  
                    this.rows[itemIndex].amount = this.rows[itemIndex].quantity * this.rows[itemIndex].price_fe;
                    // this.expense[itemIndex].amount = this.expense[itemIndex].quantity * this.expense[itemIndex].amount;
                },
                MemberSearch: _.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) {
                            v.vendor = [];
                            v.vendor = response.data;
                        }
                        loading(false);
                    })
                    .catch(function(error) {
                        loading(false);
                        console.log(error);
                    })
                }, getDebounceTime()),
				accountUpdates() {
                    var b = _.clone(Banks)
                    var test = this.accounts = b.filter((account) => {
                        return (new RegExp(this.selectedCurrency.code.toLowerCase())).test(account.code.toLowerCase())
                    })
					if(test[0]){
                        this.defaultValue = test[0].id;
					}
                    for (var x in this.bankes) {
                        for (z in this.bankes[x]) {
                            if (this.bankes[x][z] == this.defaultValue && z == 'id') {
                                this.selectedBank = this.bankes[x];
                                this.defaultAccount = this.defaultValue;
                                //  console.log('selected bankes',this.selectedBank);
                                break;
                            }
                        }
                    }
                    // return test;
					this.accountUpdate = test;
                },
                selectRefNumber() {
                    if(v.selected_vehicle != null && v.selected_vehicle.id){
                        var vehicle_id = v.selected_vehicle.id;
                        axios.get("{{route('callExpenseSearch.search')}}",{
                            params:{
                            method_name:'selectRefNumber',
                            vehicle_id:vehicle_id,
                            }
                        })
                        .then(function (response)
                        {
                            this.vehicleManagement=[];
                            if(response.data != null)
                            {
                                v.ref_number = response.data.ref_number;
                                // console.log('test 22',response.data.ref_number);
                            }
                        })
                        .catch(function (error)
                        {
                            console.log(error);
                        });
                        if(this.expenses){
                            var vehicle_expense_id = v.selected_vehicle.expense_id;
                            for (var x in this.expenses) {
                                for (z in this.expenses[x]) {
                                    if (this.expenses[x][z] == vehicle_expense_id) {
                                        this.selected_expense_account = this.expenses[x];
                                        break;
                                    }
                                }
                            }
                        }
                    }
                },
                vehicleManaSearch:_.debounce((search,loading)=>{
                    this.vehicleManagement=[];
                    if(v.selected_vehicle != null){
                        loading(true);
                        var vehicle_id = v.selected_vehicle.id
                        // console.log('test 2',vehicle_id);
                        axios.get("{{route('callMethod.search')}}",{
                            params:{
                                method_name:'serarchVehicleManage',
                                keyword:search,
                                vehicle_id:vehicle_id,
                            }
                        })
                        .then(function (response)
                        {
                            this.vehicleManagement=[];
                            if(response.data.length>0)
                            {
                                v.vehicleManagement=response.data;
                                // console.log('test 22',response.data);
                            }
                            loading(false);
                        })
                        .catch(function (error)
                        {
                            console.log(error);
                        });
                    }
                },getDebounceTime()),
                handleSubmit(e) {
                    this.$validator.validate().then(valid => {
                        if (valid) {
                            // alert(e.target);
                            v.submitForm(e.target);
                        }
                    });
                },
                onComplete: function () {
                    document.getElementById("account-form").submit()
                    //                this.$emit('on-complete')
                    //                alert('Yay. Done!');
                },
                addRow: function () {
                    this.rows.push(
                        {amount: null}
                    )
                },
                test(defaultAccount) {
                    for (var x in this.bankes) {
                        for (z in this.bankes[x]) {
                            if (this.bankes[x][z] == defaultAccount && z == 'id') {
                                this.selectedBank = this.bankes[x];
                                break;
                            }
                        }
                    }
                },
                deleteRow: function (index) {
                    this.rows.splice(index, 1)
                },
                // submit the form
                submitForm() {
                    if (this.isError == true) {
                        alert('there is no item');
                        return false;
                    }
                    swal({
                        title: "@lang('layout.AreYouSure?')",
                        buttons: ["@lang('layout.Cancel')", "@lang('layout.Submit')"],
                        text: "",
                        icon: "info",
                        dangerMode: true,
                    }).then((willDelete) => {
                        if (willDelete) {
                            document.getElementById("bill-submit").submit()
                        }
                        else {
                        }
                    });
                },
                setAmount(expenseId) {
                    for (var x in this.expenses) {
                        for (z in this.expenses[x]) {
                            if (this.expenses[x][z] == this.expenseId) {
                                this.expenseAmount = this.expenses[x].Amount;
                                this.expenseId = this.expenses[x].id;
                                break;
                            }
                        }
                    }
                },
				saveAndNew() {
                    console.log('eee');
                    var url = "{{route('vehicleExpense.store')}}";
                    form_id = 'bill-submit';
                    var data = $('#' + form_id).serialize();
                    toggleBlock(true);
                    axios.post(url, data)
                    .then(function (response) {
                        toggleBlock(0);
                        if (response.data.result == 1) {
                            // $('#' + form_id).trigger('reset');
                            //$('#success-sound')[0].play();
                            toastr.success('', response.data.message);
                            var number = (Number(v.old_number) + 1);
                            v.number = number;
                            v.old_number = number;
                            v.selected_vehicle = null;
                            v.rows = [];
                            v.rows.push(
                                {amount: null, description: null},
                                {amount: null, description: null}
                            );
                            // location.reload();
                            // sales.defaultValueM();
                        }
                        else {
                            var message = "{{__('message.Warning')}}";
                            //$('#error-sound')[0].play();
                            toastr.warning('', message);
                        }
                    })
                    .catch(function (error) {
                        toggleBlock(0);
                        console.log(error);
                        var message = "{{__('message.Warning')}}";
                        //$('#error-sound')[0].play();
                        toastr.warning('', message);
                    });
                },
            }
        });
    </script>
@endpush