@extends('layouts.app')
@section('content')
@section('style')
    <link href="{{url('select2/css/select2.min.css')}}" rel="stylesheet" type="text/css" />
    <link href="{{url('select2/css/select2-bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .pay{
            margin-top: 12%;
        }
    </style>
@stop
    <div class="row">
        <div class="portlet light bg-inverse" style="min-height: 100%;">
            <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.EditPayroll') </span>
                    <!-- <span class="caption-helper">some info...</span> -->
                </div>
                <div class="tools"></div>
            </div>
            <div class="portlet-body form" id="item-service" style="margin-bottom: 30%;">
                 {!! Form::model($payroll,['method' => 'PATCH','route' => ['payroll.update',$payroll->id]]) !!}
                <div class="form-body">
                    <div id="app" v-cloak>
                        <div class="row"> 
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label class="control-label"> @lang('layout.EmployeeName')</label>
                                    <v-select @input="getSalary"  placeholder="@lang('layout.SelectEmployee')" label="name" v-model="selectedEmployee" @search="onMemberSearch" :options="employees">       
                                    </v-select>
                                    <input type="hidden" name="sal_id" v-model.salnumer="(!selectedEmployee)?null:selectedEmployee.sal_id">
                                    <input type="hidden" name="member_id" v-model.number="(!selectedEmployee)?null:selectedEmployee.id">
                                </div>
                            </div>
                            <div class="col-md-2" v-if="selectedEmployee">
                                <div class="form-group">
                                    <label class="control-label"> @lang('layout.SalaryType')</label>
                                    <input type="text" class="form-control" readonly v-model="(!selectedEmployee)?null:emp_salary_type" >
                                </div>
                            </div>
                            <div :class="(selectedEmployee)?'col-md-4':'col-md-6'">
                                <div class="form-group">
                                    <label class="control-label"> @lang('layout.Date')</label>
                                    <div class="input-group">
                                        <!-- <input type="hidden" id="from_date" name="from_date"> -->
                                        {{Form::text('From_Date',null,['class' => 'form-control date', 'ref'=>'from_date', 'id'=>'range-from-example'])}}
                                        <span class="input-group-addon">@lang('layout.To') </span>
                                        {{Form::text('To_Date',null,['class' => 'form-control date', 'ref'=>'to_date', 'id'=>'range-to-example'])}}
                                        <!-- <input type="hidden" id="to_date" name="to_date"> -->
                                        <span class="input-group-addon btn"  @Click="set_date()" > @lang('layout.Search') </span>
                                    </div>
                                </div>
                            </div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
								<div class="form-group">
                                    <label class="control-label">@lang('layout.Date')</label>
                                    {{Form::text('date',$payroll->Date,['class' => 'form-control date','id'=>'date','autocomplete'=>'off'])}}
								</div>
							</div>
                        </div>
                        <div class="row">
                            <div class="col-md-6" > 
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.BasicSalary')</label>
                                                <div class="input-group">
                                                <input type="number" class="form-control" name="basicSalary" :value="(!selectedEmployee)?null:selectedEmployee.amount" >
                                                <input type="hidden" name="sal_id" v-model.salnumer="(!selectedEmployee)?null:selectedEmployee.sal_id">
                                                <input type="hidden" name="sal_currency" v-model.salnumer="(!selectedEmployee)?null:selectedEmployee.currency">
                                                <span class="input-group-addon">@{{(selectedEmployee)?selectedEmployee.currency:null}}</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6" >
                                        <span v-if="(selectedEmployee && selectedEmployee.currency != '{{getHomeCurrency()["code"]}}')?selectedEmployee.currency:null">
                                            <div class="form-group">
                                                <label class="control-label">@lang('layout.SalaryRate') </label>
                                                <div :class="{'has-error':selectedCurrency.rate < 0}">
                                                    <div class="input-group">
                                                        <input v-model="selectedEmployee.rate" class="form-control" name="salaryRate" type="number" min="0" step="any">
                                                        <span class="input-group-addon">@{{(selectedEmployee)?selectedEmployee.currency:null}}</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </span>
                                    </div>
                                    <div class="col-md-6" >
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.Currency')</label>
                                            <v-select  label="code" :options="currency" v-model="selectedCurrency"></v-select>
                                        </div>
                                    </div>
                                    <input type="hidden" name="payroll_currency" v-bind:value="selectedCurrency.code"/>
                                    <div class="col-md-6" v-if="selectedCurrency.code != '{{getHomeCurrency()["code"]}}'">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.PaymentRate') </label>
                                                <div :class="{'has-error':selectedCurrency.rate < 0}">
                                                    <div class="input-group">
                                                    <input  v-model="selectedCurrency.exchange_rate" class="form-control" type="number" min="0" step="any">
                                                    <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <input type="hidden" name="currency_rate" :value="selectedCurrency.exchange_rate">
                                </div>
                            </div> 
                            <div class="col-md-6" > 
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.PaidLeave')</label>
                                            {{Form::number('paidLeave',null,['class' => 'form-control','step' => 'any','min' =>'0','v-model'=>'paidLeave','@keyUp'=>'changeWorkdays','@Click'=>'changeWorkdays','v-validate' =>'"required"','data-vv-as' => __('layout.PaidLeave')])}}
                                            <span class="required">@{{ errors.first('paidLeave') }}</span>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                         <div class="form-group">
                                            <label class="control-label"> @lang('layout.AbsentDays')</label>
                                            {{Form::number('absent_day',null,['class' => 'form-control','v-model'=>'absent_day','@keyUp'=>'changeWorkdays','@Click'=>'changeWorkdays'])}}
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label"> @lang('layout.WorkedDay')</label>
                                            {{Form::number('workedDay',null,['class' => 'form-control','step' => 'any','min' =>'0','v-model'=>'workdays','v-validate' =>'"required"','data-vv-as' => __('layout.WorkedDay')])}}
                                            <span class="required">@{{ errors.first('workedDay') }}</span>
                                        </div>
                                    </div>
                                </div> 
                            </div> 
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.OverTimeAdditionType')</label>
                                            <select class="form-control" name="type" v-model="type" >
                                                <option value="daily">@lang('layout.Daily')</option>
                                                <option value="hourly">@lang('layout.Hourly')</option>
                                                <option value="montly">@lang('layout.Montly')</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label"> @lang('layout.Amount')</label>
                                            {{Form::number('overtimeAmount',null,['class' => 'form-control','step' => 'any','min' =>'0','v-model'=>'amount'])}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label"> @lang('layout.Fee')</label>
                                            {{Form::number('fee',null,['class' => 'form-control','step' => 'any','min' =>'0','v-model'=>'fee'])}}
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.TotalOverTime')</label>
                                            <input type="number" class="form-control" value="0" name="overtime" :value="amount*fee" readonly>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.NetPayable')</label>
                                            {{Form::number('Net_Payable',null,['class' => 'form-control','step' => 'any','min' =>'0',':value'=>'netPayable','readonly'])}}
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="control-label">@lang('layout.ExpenseAccount')</label>
                                            {{Form::select('expense_id',$expense,null,['class' => 'form-control select2'])}}
                                        </div>
                                    </div> 
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    @if(systemConfig()[7] != 0 )
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label class="control-label"> @lang('layout.PlateNumber')</label>
                                                {{Form::text('vehicle_palet_num',$payroll->vehicle_palet_num,['class' => 'form-control'])}}
                                            </div>
                                        </div>
                                    @endif
                                    @if(systemConfig()[5] != 0 )
                                        <div class="col-md-3"> 
                                            <label class="control-label">@lang('layout.Project')</label>
                                            <v-select class="vue-select2" label="name" @search="ProjectSearch" :options="project_list" v-model="selectedProject">
                                            </v-select>
                                            <input type="hidden" name="project_id" v-model.number="(!selectedProject)?null:selectedProject.project_id">
                                        </div>
                                    @endif
                                    @if(systemConfig()[19] == 1)
                                    <div class="col-md-3"> 
                                        <label class="control-label">@lang('layout.NGOProject')</label>
                                        <v-select class="vue-select2" label="name" @search="searchNgoProjects" :options="NgoProject_list" v-model="selectedNgoProject">
                                        </v-select>
                                        <input type="hidden" name="ngo_project_id" v-model.number="(!selectedNgoProject)?null:selectedNgoProject.id">
                                    </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            @if(systemConfig()[20] == 1)
                            <div v-if="!contract_percentage" class="col-md-3">
                                <label class="control-label">@lang('layout.ContractName')</label>
                                <v-select class="vue-select2" placeholder="@lang('layout.Select')" v-model="selectedContract" label="company_name" @search="searchContracts" :options="contract_list">
                                </v-select>
                                <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                            </div>
                            @endif
                            <div class="col-md-4">
                                <div class="form-group">
                                   <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>
                            <div class="col-lg-2 col-md-12 col-sm-12 col-xs-12">
                                <div class="form-group">
                                    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
                                        <label class="control-label">@lang('layout.BuildExpense')</label>
                                        <input type="checkbox" name="build_expense_confirm" @checked($payroll->build_expense_confirm) id="" value="On">
                                    </div>
                                </div>
                            </div>
                            @if(systemConfig()[20] == 1)
                            <div class="col-md-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
                                                <label class="control-label">@lang('layout.MultiContract')</label>
                                                <input type="checkbox" name="contract_percentage" v-model="contract_percentage" @checked($payroll->contract_percentage) value="on">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endif
                        </div>
                        <hr>
                        <!-- begin tax -->
                        <div class="row">
                            <input type="checkbox" name="tax" v-model="tax">
                            @lang('layout.Tax')
                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" v-if="tax">
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="col-md-12">
                                        <label class="control-label ">@lang('layout.TaxCurrency')</label>
                                        <v-select  label="code" :options="taxCurrency" v-model="selectedTaxCurrency"></v-select>
                                        <input type="hidden" name="tax_currency" class="form-control" v-validate="'required'" data-vv-as="@lang('layout.TaxCurrency')" :value=(!selectedTaxCurrency)?null:selectedTaxCurrency.code>
                                        <span class="required">@{{ errors.first('tax_currency') }}</span>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="col-md-12">
                                        <label class="control-label ">@lang('layout.Rate')</label>
                                        <input type="number" name="tax_rate" class="form-control" v-validate="'required'" data-vv-as="@lang('layout.Rate')" v-model=(!selectedTaxCurrency)?null:selectedTaxCurrency.rate>
                                        <span class="required">@{{ errors.first('tax_currency') }}</span>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                    <div class="col-md-12">
                                        <label class="control-label ">@lang('layout.PaymentType')</label>
                                        <br>
                                        <input type="checkbox" readonly name="by_employee" v-model="paymentType">
                                        @lang('layout.ByEmployee')
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label"> @lang('layout.AgencyTax')</label>
                                        <v-select   placeholder="@lang('layout.SelectEmployee')" label="name" v-model="selectedMember" @search="onAgencySearch" :options="members">       
                                        </v-select>
                                        <input type="hidden" name="tax_member" v-model.number="(!selectedMember)?null:selectedMember.id" >
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        <label class="control-label"> @lang('layout.ExpenseTaxAccount')</label>
                                        <v-select   placeholder="@lang('layout.ExpenseTaxAccount')" label="name" v-model="selected_tax_expense" :options="{{$expense_tax}}">       
                                        </v-select>
                                        <input type="hidden" name="selected_tax_expense" v-model="(!selected_tax_expense)?null:selected_tax_expense.id" > 
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end tax -->

                        <br/>
                        <br/>
                        <br/>
                        @if(systemConfig()[20] == 1)
                        <!-- begin multiContract -->
                        <table v-if="contract_percentage" 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.ContractName')</th>
                                    <th class="text-center" style="min-width: 160px;">@lang('layout.Percentage')</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="(record,index) in multiContractData">
                                    <td class="text-center">@{{index+1}}</td>
                                    <td class="highlight">
                                        <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                                v-model="record.selected" 
                                                label="company_name"
                                                @search="searchContracts"
                                                :options="contract_list" @click.native="addNew('multiContract',index)" >
                                        </v-select>
                                        <input type="hidden" name="multiContract_id[]" :value="(record.selected==null)?null:record.selected.id">
                                    </td>

                                    <td>
                                        <input class="form-control" type="number" name="percentage[]"
                                            v-model.number="record.percentage" placeholder="@lang('layout.Percentage')">
                                    </td>

                                    <td class="text-center" style="vertical-align: middle;">
                                        <span v-on:click="deleteItem('multiContract',index)"><i class="paddint-both glyphicon glyphicon-trash text-danger" style="cursor: pointer;"></i></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <!-- end multiContract -->
                        @endif

                    </div>
                    <!--/row-->
                </div>
                <div class="col-xs-12 col-sm-10 col-md-11 text-center">
                     <button type="button" onclick="regForm(this)" class="btn green">@lang('layout.Submit')</button>
                    
                     <a href="{{route('payroll.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
               </div> 
             {{Form::close()}}
            </div>               
            <!-- END FORM-->
        </div>
    </div>
@endsection
@push('scripts')
 <script src="{{url('select2/js/select2.full.min.js')}}" type="text/javascript"></script>
<script src="{{url('select2/js/components-select2.min.js')}}" type="text/javascript"></script>
<script>
    
     @if(App::getLocale())
    Vue.use(VeeValidate, {
        locale: '{{App::getLocale()}}',
    });
    @else
    Vue.use(VeeValidate, {
        locale: 'en',
    });
    @endif
      ////
    var employeePayrollTax= {!! $employeePayrollTax !!};
     Vue.component("v-select", VueSelect.VueSelect);
        var Currency ={!! $currency!!}
        var Payroll ={!! $payroll!!}
        var selectedCurrency ={!! $selectedCurrency!!}
        var multiContractData ={!! $multiContractData!!}
        var app = new Vue({
            el: '#app',
            data: {
            
            selectedCurrency:selectedCurrency,
            currency:Currency,
            currencyList: Currency,
            workdays:{!!$payroll->Worked_Days!!},
            selectedBank:null,
            selectedProject:{!!$project!!},
            project_list: [],
            selectedNgoProject:{!!$ngo_project!!},
            NgoProject_list: [],
            salary:null,
            employee:{!! $payroll->member_id !!},
            payroll:{!! $payroll !!},
            selectedEmployee:{!! json_encode($selected_employee) !!},
            absent_day:null,
            paidLeave:{!!$payroll->Paid_Leave!!},
            type:'{!!$payroll->type!!}',
            amount:{!!$payroll->overtimeAmount!!},
            fee:{!!$payroll->fee!!},
            advancePaid:0,
            employees: [],
            members: [],
            selectedMember:{!!$selectedMember!!},
            taxCurrency:[{!! $taxCurrency !!}],
            selectedTaxCurrency:{!! $taxCurrency !!},
            selected_tax_expense:{!!$selected_tax_expense!!},
            paymentType:1,
            tax:0,
            monthDays:{!! $day !!},
            employeePayrollTax:employeePayrollTax,
            contract_percentage:null,
            multiContractData: [],
            selectedContract:{!!$selectedContract!!},
            contract_list:[],
            emp_salary_type:null,
            salary_type: [
                {tag: 'Daily', type: '@lang("layout.Daily")'},
                {tag: 'Weekly', type: '@lang("layout.Weekly")'},
                {tag: 'TwiceAMonth', type: '@lang("layout.TwiceAMonth")'},
                {tag: 'Montly', type: '@lang("layout.Montly")'},
                {tag: 'TwoWeek', type: '@lang("layout.TwoWeek")'}
            ]
            },
            watch: {
            },
            computed:{

                 netPayable()
                        {
                            // if(this.salary !=undefined && this.salary !=null)
                            // {
                            //   this.salaryAmount=this.salary.amount;
                            //   this.selectedEmployee['currency']=this.salary.currency;
                            //   //this.selectedEmployee['rate']=
                            //   this.selectedEmployee['sal_id']=this.salary.id;
                            //   this.selectedEmployee['rate']=this.salary.rate;
                            // }

                            

                            var total=0;
                            var workdays   = parseFloat((this.workdays)?this.workdays:0)
                            var paidLeave  = parseFloat((this.paidLeave)?this.paidLeave:0)
                            var amount     = parseFloat((this.amount)?this.amount:0);
                            var fee        = parseFloat((this.fee)?this.fee:0);
                            let temp_s_e=this.selectedEmployee;
                           
                            if(this.selectedEmployee) {
                                // console.log(212112, this.selectedEmployee, this.selectedCurrency, this.salaryAmount, this.monthDays);

                                var employeeRate    = parseFloat((this.selectedEmployee.rate)?this.selectedEmployee.rate:1);
                                var employeeStaticRate    = parseFloat((this.selectedEmployee.static_rate)?this.selectedEmployee.static_rate:1);

                                var currencyRate    = parseFloat((this.selectedCurrency.exchange_rate)?this.selectedCurrency.exchange_rate:1);
                                var currencyStaticRate    = parseFloat((this.selectedCurrency.static_rate)?this.selectedCurrency.static_rate:1);

                                if(workdays)
                                {
                                    if(this.selectedEmployee.salaryType =="TwiceAMonth"){
                                        @if(systemConfig()[30] == 1)
                                        var day = (((this.salaryAmount / employeeStaticRate * employeeRate) * currencyStaticRate / currencyRate) / 15);
                                        @else 
                                        var day = ((this.salaryAmount * currencyRate / employeeRate) / 15);
                                        @endif
                                    }else if(this.selectedEmployee.salaryType =="TwoWeek"){
                                        @if(systemConfig()[30] == 1)
                                        var day = (((this.salaryAmount / employeeStaticRate * employeeRate) * currencyStaticRate / currencyRate) / 14);
                                        @else 
                                        var day = ((this.salaryAmount * currencyRate / employeeRate) / 14);
                                        @endif 

                                    }else if(this.selectedEmployee.salaryType =="Weekly"){

                                        @if(systemConfig()[30] == 1)
                                        var day = (((this.salaryAmount / employeeStaticRate * employeeRate) * currencyStaticRate / currencyRate) / 7);
                                        @else 
                                        var day = ((this.salaryAmount * currencyRate / employeeRate) / 7);
                                        @endif

                                    }else if(this.selectedEmployee.salaryType =="Daily"){

                                        @if(systemConfig()[30] == 1)
                                        var day = (((this.salaryAmount / employeeStaticRate * employeeRate) * currencyStaticRate / currencyRate) / 1);
                                        @else 
                                        var day = ((this.salaryAmount * currencyRate / employeeRate) / 1);
                                        @endif 
                                    }


                                    else{
                                        @if(systemConfig()[30] == 1)

                                        var day = (((this.salaryAmount / employeeStaticRate * employeeRate) * currencyStaticRate / currencyRate) / this.monthDays);
                                       
                                        @else 
                                        var day = ((this.salaryAmount * currencyRate / employeeRate) / this.monthDays);
                                        
                                        @endif
                                    }

                                    @if(systemConfig()[30] == 1)
                                     var ff=fee* currencyStaticRate / currencyRate;
                                     @else 
                                     var ff=fee*currencyRate;
                                     @endif

                                     total = (day * (workdays + paidLeave)) + (amount * fee);
                                    //  console.log(213, total , day , workdays, paidLeave, amount, fee);
                                }
                                else
                                {
                                    var ff=fee*currencyRate;

                                    @if(systemConfig()[30] == 1)
                                    total = myRound((((this.salaryAmount / employeeStaticRate * employeeRate) * currencyStaticRate / currencyRate) + (fee*amount)));
                                    @else 
                                    total=(this.salaryAmount * currencyRate/employeeRate)+(fee*amount);
                                    @endif

                                }
                            }
                             return total;
                        },  
            },
            created:function(){
                @if($payroll->absent_day)
                    this.absent_day = {!!$payroll->absent_day!!};
                @endif
                @if($payroll->contract_percentage)
                    this.contract_percentage = true;
                @endif

                if(multiContractData){
                    for (var i = 0; i < multiContractData.length; i++) {
                        var percent = multiContractData[i].percentage;
                        this.multiContractData.push({percentage: percent, selected: multiContractData[i]});
                    }
                }
                
                this.multiContractData.push({percentage: 0, selected: null});
                
                if(this.employeePayrollTax)
                {
                    this.paymentType=1;
                    if(this.employeePayrollTax.id)
                    {
                        this.tax=1;
                        this.selectedTaxCurrency = _.find(this.taxCurrency, (v) => v.code == this.employeePayrollTax.tax_currency);
                        if (this.selectedTaxCurrency) {
                            this.selectedTaxCurrency.rate=this.employeePayrollTax.tax_rate;
                        }
                    }
                    else
                    {
                        this.tax=0;
                    }
                }
                // this.selectedEmployee=this.employee;
                // for(var a = 0; a<this.employees.length; a++){
                //     if(this.employees[a].id == this.employee){

                    //    this.getSalaryRecord(this.selectedEmployee.id);
                        // this.selectedEmployee = this.employees[a];
                         this.salaryAmount=this.payroll.amount;
                          this.selectedEmployee['amount']=this.payroll.amount;
                          this.selectedEmployee['currency']=this.payroll.currency;
                          //this.selectedEmployee['rate']=
                          this.selectedEmployee['sal_id']=this.payroll.sal_id;
                          this.selectedEmployee['rate']=this.payroll.salary_rate;

                    //     break;
                    // }
                // }
            },
            mounted() {
                // this.getSalary();
                this.set_date(true);
            },
            methods: { 
                MemberSearch: _.debounce((search, loading) => {
                    loading(true);
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'SearchMember', 
                            keyword: search,
                            type: 'Employee'
                        }
                    })
                    .then(function(response) {
                        if (response.data.length > 0) {
                            // console.log(response.data);
                            app.member = [];
                            app.member = response.data;
                        }
                        loading(false);
                    })
                    .catch(function(error) {
                        loading(false);
                        console.log(error);
                    })
                }, getDebounceTime()),

                set_date(first = null) {
                    setTimeout(() => {
                        var from_date = app.$refs.from_date.value;
                        var to_date = app.$refs.to_date.value;
                        if (from_date && to_date) {
                            axios.get("{{route('simplePayroll.days')}}", {
                                params: {
                                    from_date: from_date,
                                    to_date: to_date,
                                }
                            })
                            .then(function (response) {
                                if (response.data > 0) {
                                    @if(calculateSalaryInThirtyDays() == 'thirtyday' || calculateSalaryInThirtyDays() == 'true')
                                        app.monthDays = 30;
                                    @else
                                        app.monthDays = response.data;
                                    @endif
                                    @if(calculateSalaryInThirtyDays() == 'workedDay')
                                        if (!first) {
                                            app.paidLeave = 0;
                                            app.workdays = response.data;
                                        }
                                    @else
                                        if (!first) {
                                            if (response.data == 29) {
                                                app.paidLeave = 4;
                                                app.workdays = 25;
                                            } else if (response.data == 31) {
                                                app.paidLeave = 4;
                                                app.workdays = 27;
                                            } else {
                                                app.paidLeave = 4;
                                                app.workdays = 26;
                                            }
                                        }
                                    @endif
                                    console.log(2121, app.paidLeave, app.workdays, app.monthDays);
                                    // app.generalChange();
                                }
                            })
                            .catch(function (error) {
                                console.log(error);
                            })
                        } 
                    }, 400);
                },

                onAgencySearch(search, loading) {
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'member',
                            type: '',
                            search: search,
                        }
                    })
                    .then(function (response) {
                        this.members = [];
                        if (response.data.length > 0) {
                            app.members = response.data;
                        }
                        loading(false);
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
                },

                onMemberSearch(search, loading) {
                    var vm = this;
                    loading(true);
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'member',
                            type: 'Employee',
                            search: search,
                        }
                    })
                    .then(function (response) {
                        this.employees = [];
                        if (response.data.length > 0) {
                            vm.payroll.member_id = 0;
                            vm.employees = response.data;
                        }
                        loading(false);
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
                },

                getSalary(){
                    if(this.selectedEmployee)
                    {
                        this.emp_salary_type = null;
                        if(this.selectedEmployee.salaryType){
                            this.salary_type.forEach((s_type) => {
                                if (s_type.tag == this.selectedEmployee.salaryType) {
                                    this.emp_salary_type = s_type.type;
                                    return;
                                }
                            })
                        }

                        if(this.selectedEmployee.id != this.payroll.member_id)
                        {  
                            this.getSalaryRecord(this.selectedEmployee.id);
                        }
                    } 
                },

                getSalaryRecord(id)
                {
                    
                    // console.log(123, id);
                        $.ajax({
                        url: "{{route('callMethod.search')}}",
                        async:false,
                        data:{
                            method_name:'memberSalary',
                            employee_id:id,
                            },
                        success:function(data){
                            this.salary=data;
                            if(this.salary !=undefined && this.salary !=null)
                            {
                                this.salaryAmount=this.salary.amount;
                                this.selectedEmployee['amount']=this.salary.amount;
                                this.selectedEmployee['currency']=this.salary.currency;
                                this.selectedEmployee['sal_id']=this.salary.id;
                                this.selectedEmployee['rate']=this.salary.rate;
                                this.selectedEmployee['static_rate']=this.salary.static_rate;
                            }
                            // console.log('sallkjk',this.salary);


                        }.bind(this),

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

                // getSalaryRecord(id)
                // {  
                //     var vm = this;
                //     console.log('idd',id);
                //         axios.get("{{route('callMethod.search')}}",
                //        {
                //         params:{
                //           method_name:'memberSalary',
                //           employee_id:id,
                //         },
                //        })
                //        .then(function (response)
                //        {
                //         console.log('ssssssssss',response.data)
                //          if(response.data)
                //          {
                //             vm.salary=response.data;
                //             if(vm.salary !=undefined && vm.salary !=null)
                //             {
                //                 vm.salaryAmount=vm.salary.amount;
                //                 // vm.selectedEmployee['amount']=vm.salary.amount;
                //                 vm.selectedEmployee['currency']=vm.salary.currency;
                //                 vm.selectedEmployee['sal_id']=vm.salary.id;
                //                 vm.selectedEmployee['rate']=vm.salary.rate;
                //             }
                //          }
                //        })
                //        .catch(function (error)
                //        {
                //           console.log(error);
                //        });

                //        console.log(23, vm.selectedEmployee);
                // },

                changeWorkdays() {
                    if(this.paidLeave > 0 || this.absent_day > 0)
                    {
                        // console.log(this.paidLeave, this.absent_day);
                        this.workdays = (this.monthDays - (parseFloat((this.paidLeave)?this.paidLeave:0) + parseFloat((this.absent_day)?this.absent_day:0)));
                    } else {
                        this.workdays = this.monthDays;
                    }
                },

                // Search Project
				ProjectSearch:_.debounce((search,loading)=>{
                    app.project_list=[];
				   loading(true);
				   axios.get("{{route('callMethod.search')}}",{
					params:{
					  method_name:'serarchProject',
					  keyword:search,
					}
				   })
				   .then(function (response)
				   {
					 this.project_list=[];
					 if(response.data.length>0)
					 {
						app.project_list=response.data;
						console.log('test 22',app.project_list);
					 }
					 loading(false);
				   })
				   .catch(function (error)
				   {
					  console.log(error);
				   });
				},getDebounceTime()),


                // generic function for adding item to list
                addNew(type = null, index) {
                    if (type != null) {
                        if (type == 'multiContract') {
                            if (this.multiContractData[index + 1] == undefined) {
                                this.multiContractData.push({
                                    percentage: 0,
                                    selected: null
                                });
                            }
                        }
                    }

                },


                // delete item from list
                deleteItem(type = null, index) {
                    if (type != null) {
                        if (type == 'multiContract') {
                            this.multiContractData.splice(index, 1);
                        }
                    }

                },

                // Search Ngo Project
                searchNgoProjects(search, loading) {
                    loading(true);
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'anyTable',
                            keyword: search,
                            table_name: 'ngo_projects',

                        }
                    })
                    .then(function (response) {
                        app.NgoProject_list = [];
                        if (response.data.length > 0) {
                            app.NgoProject_list = response.data;
                        }
                        loading(false);
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
                },
                // Search Contract
                searchContracts(search, loading) {
                    loading(true);
                    axios.get("{{route('callMethod.search')}}", {
                        params: {
                            method_name: 'anyTable',
                            keyword: search,
                            table_name: 'contracts',
                            search_column:'company_name'
                        }
                    })
                    .then(function (response) {
                        app.contract_list = [];
                        if (response.data.length > 0) {
                            app.contract_list = response.data;
                        }
                        loading(false);
                    })
                    .catch(function (error) {
                        console.log(error);
                    })
                },
                
            }
        }); 
</script>


@endpush