@extends('layouts.app')
@section('style')
<link href="{{url('css/custome-table.css')}}" rel="stylesheet">
@stop
@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.FixedAssetManagementEdit') </span>
                <!-- <span class="caption-helper">some info...</span> -->
            </div>
        </div>
        <div class="portlet-body form" style="margin-bottom: 50%;" id="app">
            <!-- BEGIN FORM-->
            {!! Form::model($fixedAsset,['method' => 'PATCH','route' => ['fixedAssetManagement.update',$fixedAsset->id],'class'=>'form-horizontal']) !!}
            {{ csrf_field() }}
            <div class="form-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-12" style="padding: 0px;">
                            <div class="col-md-4">
                                <label class="control-label ">@lang('layout.Name') @lang('layout.Asset')</label>
                                {{Form::text('name',null,['class' => 'form-control','placeholder' => __('layout.Name')])}}
                            </div>
                            <div class="col-md-4">
                                <label class="control-label">@lang('layout.Number')</label>
                                {{Form::text('number',null,['class' => 'form-control','placeholder' => __('layout.Number')])}}
                            </div>
                            <div class="col-md-4">
                                <label class="control-label">@lang('layout.BarcodeNumber')</label>
                                {{Form::text('barcode_number',null,['class' => 'form-control','placeholder' => __('layout.BarcodeNumber')])}}
                            </div>
                        </div>
                        <div class="col-md-12" style="padding: 0px;">
                            <div class="col-md-3">
                                <label class="control-label">@lang('layout.AssetAccount')</label>
                                <v-select class="vue-select2" v-model="selectedAsset" label="name" :options="{{$getAsset}}">
                                </v-select>
                                <input type="hidden" name="asset_id" v-model.number="(!selectedAsset)?null:selectedAsset.id">
                            </div>
                            <div class="col-md-3">
                                <label class="control-label">@lang('layout.Date')</label>
                                <input type="text" class="form-control date" value="{{$fixedAsset->date}}" name="date">
                            </div>
                            <div class="col-md-3">
                                <label class="control-label">@lang('layout.Type')</label>
                                <select name="type" v-model="selectedType" class="form-control">
                                    <option value="new">@lang('type.new')</option>
                                    <option value="used">@lang('type.used')</option>
                                </select>
                            </div>
                            <div class="col-md-3">
                                <label class="control-label">@lang('layout.Category')</label>
                                <v-select class="vue-select2" v-model="selectedCategory" label="name" :options="fixedAssetCategory">
                                </v-select>
                                <input type="hidden" name="category_id" v-model.number="(!selectedCategory)?null:selectedCategory.id">
                            </div>
                        </div>
                        <div class="col-md-12" style="padding: 0px;">
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.PONumber')</label>
                                <input type="text" name="po_number" value="{{$fixedAsset->po_number}}" class="form-control" placeholder="@lang('layout.PONumber')">
                            </div>
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.FSerialNumber')</label>
                                <input type="text" name="serial_number" value="{{$fixedAsset->serial_number}}" class="form-control" placeholder="@lang('layout.FSerialNumber')">
                            </div>
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.PurchaseNumber')</label>
                                <input type="text" name="purchase_number" value="{{$fixedAsset->purchase_number}}" class="form-control" placeholder="@lang('layout.PurchaseNumber')">
                            </div>
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.Location')</label>
                                <input type="text" name="location" class="form-control" value="{{$fixedAsset->location}}" placeholder="@lang('layout.Location')">
                            </div>
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.DateDepreciation')</label>
                                <input type="text" class="form-control date" name="date_depreciation" value="{{$fixedAsset->date_depreciation}}">
                            </div>
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.ExpenseAccount')</label>
                                <v-select class="vue-select2" v-model="selectedExpense" label="name" :options="{{$getExpense}}">
                                </v-select>
                                <input type="hidden" name="expense_id" v-model.number="(!selectedExpense)?null:selectedExpense.id">
                            </div>
                        </div>
                        <div class="col-md-12" style="padding: 0px;">
                            <div class="col-md-4">
                                <label class="control-label">@lang('layout.Cost')</label>
                                <input type="number" name="cost" value="{{$fixedAsset->cost}}" class="form-control" step="any" placeholder="@lang('layout.Cost')">
                            </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.DepreciationType')</label>
                                        <select name="depreciation_type" v-model="depreciation_type" class="form-control">
                                            <option value="straightLineMethod">@lang('layout.StraightLineMethod')</option>
                                            <option value="sumOfDigits">@lang('layout.SumOfDigits')</option>
                                            <option value="reducingBalance">@lang('layout.ReducingBalance')</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <label class="control-label">@lang('layout.DepreciationDurationType') </label>
                                        <select name="depreciation_duration_type" v-model="depreciation_duration_type" class="form-control">
                                            <option value="yearly">@lang('layout.Yearly')</option>
                                            <option value="montly">@lang('layout.Montly')</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <label class="control-label">@lang('layout.LifeSpan')</label>
                                <input type="text" class="form-control date" value="{{$fixedAsset->expire_date}}" name="expire_date">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="col-md-3">
                        <label class="control-label">@lang('layout.AssetClass')</label>
                        <v-select class="vue-select2" v-model="selectedAssetClass" label="name" :options="assetClass">
                        </v-select>
                        <input type="hidden" name="asset_class_id" v-model.number="(!selectedAssetClass)?null:selectedAssetClass.id"> 
                    </div> 
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12">
                            <div class="form-group">
                                <div class="col-md-12">
                                    <label class=" control-label">@lang('layout.Purchase')</label>
                                    <div>
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="buy_check" <br />
<b>Warning</b>:  Undefined variable $fixedAsset in <b>E:\Ampps\www\CAS\resources\views\fixed_asset_management\edit.blade.php</b> on line <b>143</b><br />
<br />
<b>Warning</b>:  Attempt to read property "buy_check" on null in <b>E:\Ampps\www\CAS\resources\views\fixed_asset_management\edit.blade.php</b> on line <b>143</b><br />
 v-model="buy_check">
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3" v-if="buy_check">
                            <label class="control-label">@lang('layout.Currency')</label>
                            <v-select label="code" @input="selectedRate" :options="currency" v-model="selected_currency" @keyup.native="editKey = true" @Click.native="editKey = true"></v-select>
                            <input type="hidden" name="currency" :value="selected_currency.code">
                        </div>

                        <div class="col-md-2" v-if="buy_check">
                            <label class="control-label">@lang('layout.Rate')</label>
                            <input type="number" name="rate" v-model="!selected_currency?0:selected_currency.rate" :readonly="averageRate && selected_payment_type =='writeCheck'" class="form-control" :class="{'has-error':rate<=0}">
                        </div>
                        <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" v-if="buy_check">
                            <div class="form-group">

                                <div class="col-md-12">
                                    <label class="control-label">@lang('layout.PaymentType')</label>
                                    <select name="payment_type" v-model="selected_payment_type" class="form-control">
                                        <option value="writeCheck">@lang('layout.Writecheck')</option>
                                        <option value="bill">@lang('layout.Bill')</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" v-if="buy_check && selected_payment_type =='bill'">
                            <div class="form-group">
                                <div class="col-md-12">
                                    <label class="control-label">@lang('layout.Vendor')</label>
                                    <v-select label="name" :options="vendor" v-model="selected_vendor" @search="MemberSearch"></v-select>
                                    <input type="hidden" name="vendor" :value="!selected_vendor?null:selected_vendor.id" required>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" v-if="buy_check && selected_payment_type =='writeCheck'">
                            <div class="form-group">
                                <div class="col-md-12">
                                    <label class="control-label">@lang('layout.Account')</label>
                                    <v-select label="name" :options="approperiateBank" v-model="selected_banks" @input="(editKey)?test(selected_banks):''" @keyup.native="editKey = true" @Click.native="editKey = true" ></v-select>
                                    <input type="hidden" name="bank_account" :value="(this.selected_banks==null)?null:selected_banks.id">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="col-md-6">
                            <label class="control-label">@lang('layout.Description')</label>
                            {!! Form::textarea('description', null, array('placeholder' => __('layout.Description'),'class' => 'form-control','rows' => 2, 'cols' => 30)) !!}
                        </div>
                        <div class="col-md-6">
                            <label class="control-label">@lang('layout.Note')</label>
                            {!! Form::textarea('note', null, array('placeholder' => __('layout.Note'),'class' => 'form-control','rows' => 2, 'cols' => 30)) !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-sm-10 col-md-11 text-center">
                <button type="button" class="btn green" onclick="regForm(this)"> @lang('layout.Update') </button>
                <button href="{{url('fixedAssetManagement.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel') </button>
            </div>
            {!! Form::close() !!}
        </div>
        <!-- END FORM-->
    </div>
</div>
@endsection

@push('scripts')
<script>
    Vue.component('v-select', VueSelect.VueSelect);

    var asset = {!! $getAsset !!};
    var expense = {!! $getExpense !!}; //expense_id
    var currency = {!! $currency !!};
    var banks = {!! $banks !!};
    var selectedVendor = {!! $selectedVendor !!};
    var selectedCurrency = {!! $selectedCurrency !!};
    var fixedAssetCategory = {!! $fixedAssetCategory !!};
    var assetClass = {!! $assetClass !!};

    let vu = new Vue({
        el: '#app',
        data: {
            fixedAssetCategory: fixedAssetCategory,
            assetClass: assetClass,
            selectedCategory: null,
            selectedAssetClass: null,
            selectedExpense: null,
            selectedAsset: null,
            asset: asset,
            depreciation_duration_type: "{{$fixedAsset->depreciation_duration_type}}",
            depreciation_type: "{{$fixedAsset->depreciation_type}}",
            selectedType: "{{$fixedAsset->type}}",
            selected_payment_type: "{{($fixedAsset->payment_type)?$fixedAsset->payment_type:'writeCheck'}}",
            currency: currency,
            selected_currency: selectedCurrency,
            banks: banks,
            vendor: [],
            selected_vendor: selectedVendor,
            averageRate: false,
            editKey: false,
            selected_banks: null,
            defuilt_banks: null,
            rate: 0,
            buy_check: {{($fixedAsset->buy_check == 'on')?'true':'false'}},
        },
        computed: {
            selectedRate() {
                this.rate = (this.selected_currency) ? this.selected_currency.rate : 0;
            },

            // filter the banks according to selected currency
            approperiateBank: function() {
                this.selected_banks = null;
                var bankCopy = this.banks.slice();
                var tempBank = bankCopy.filter((account) => {
                    return (new RegExp(this.selected_currency.code.toLowerCase())).test(account.code.toLowerCase())
                });
                if (tempBank.length > 0) {
                    if (this.defuilt_banks) {
                        this.selected_banks = this.defuilt_banks;
                        this.defuilt_banks = null;
                    } else {
                        this.selected_banks = tempBank[0];
                    }
                }
                return tempBank;
            },
        },
        mounted: function() {
            if ("{{$fixedAsset->asset_id}}") {
                this.selectedAsset = _.find(this.asset, (v) => v.id == "{{$fixedAsset->asset_id}}");
            }
            if ("{{$fixedAsset->expense_id}}") {
                this.selectedExpense = _.find(expense, (v) => v.id == "{{$fixedAsset->expense_id}}");
            }
            if ("{{$fixedAsset->class_id}}") {
                this.selectedAssetClass = _.find(assetClass, (v) => v.id == "{{$fixedAsset->class_id}}");
            }
            if ("{{$fixedAsset->category_id}}") {
                this.selectedCategory = _.find(fixedAssetCategory, (v) => v.id == "{{$fixedAsset->category_id}}");
            }
            if ("{{$account_id}}") {
                this.selected_banks = _.find(this.banks, (v) => v.id == "{{$account_id}}");
            }
        },
        methods: {
            test(defaultAccount) {
                this.averageRate = false;
                if (defaultAccount && this.selected_currency && this.selected_payment_type == 'writeCheck') {
                    @if(getAverageRate() =="true")
                    if (defaultAccount.avg_rate) {
                        this.rate = defaultAccount.avg_rate;
                        this.selected_currency.rate = defaultAccount.avg_rate;
                        this.averageRate = true;
                    }
                    @endif
                }
            },
            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) {
                        vu.vendor = [];
                        vu.vendor = response.data;
                    }
                    loading(false);
                })
                .catch(function(error) {
                    loading(false);
                    console.log(error);
                })
            }, getDebounceTime()),

            addClass() {

            },
        }
    });
</script>

@endpush