@extends('layouts.master-vnext')

@section('page-title')
Payroll for - {{ $vm->employee->first_name }} {{ $vm->employee->last_name }}
@endsection

@section('content')

@include('common.errors')

{{ Form::open(array('url' => action('Wages\PayrollController@processForm', [$vm->employee]))) }}

<div class="row">
    <div class="col-md-2">{{ Form::customText('days', $vm->days) }}</div>
    <div class="col-md-2">{{ Form::customText('salary', $vm->employee->salary, ['class' => 'form-control total1']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('overtimeAmount', $vm->overtimeAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('overtimeHours', $vm->overtimeHours) }}</div>

    <div class="col-md-offset-1 col-md-2">{{ Form::customText('absentAmount', $vm->absentAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('absentHours', $vm->absentHours) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('overtime30Amount', $vm->overtime30Amount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('overtime30Hours', $vm->overtime30Hours) }}</div>

    <div class="col-md-offset-1 col-md-2">{{ Form::customText('absentUnexcusedAmount', $vm->absentUnexcusedAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('absentUnexcusedHours', $vm->absentUnexcusedHours) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('overtimeHolidayAmount', $vm->overtimeHolidayAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('overtimeHolidayHours', $vm->overtimeHolidayHours) }}</div>

    <div class="col-md-offset-1 col-md-2">{{ Form::customText('absentUndertimeAmount', $vm->absentUndertimeAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('absentUndertimeHours', $vm->absentUndertimeHours) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('overtime100Amount', $vm->overtime100Amount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('overtime100Hours', $vm->overtime100Hours) }}</div>

    <div class="col-md-offset-1 col-md-2">{{ Form::customText('absentSuspendedAmount', $vm->absentSuspendedAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('absentSuspendedHours', $vm->absentSuspendedHours) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('overtimeNightAmount', $vm->overtimeNightAmount, ['class' => 'form-control total1']) }}</div>
    <div class="col-md-2">{{ Form::customText('overtimeNightHours', $vm->overtimeNightHours) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('total1', $vm->total1, ['class' => 'form-control total1Sum total1']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('sss', $vm->sss, ['class' => 'form-control total2']) }}</div>
    <div class="col-md-2">{{ Form::customText('sss_er', $vm->sss_er) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('philcare', $vm->philcare, ['class' => 'form-control total2']) }}</div>
    <div class="col-md-2">{{ Form::customText('philcare_er', $vm->philcare_er) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('pagibig', $vm->pagibig, ['class' => 'form-control total2']) }}</div>
    <div class="col-md-2">{{ Form::customText('pagibig_er', $vm->pagibig_er) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('total2', $vm->total2, ['class' => 'form-control total2Sum total3']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('thirteenthMonth', $vm->thirteenthMonth, ['class' => 'form-control total3']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('meals', $vm->meals, ['class' => 'form-control total3']) }}</div>
    <div class="col-md-2">{{ Form::customText('mealsPcs', $vm->mealsPcs) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('tax', $vm->tax, ['class' => 'form-control total3']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('total3', $vm->total3, ['class' => 'form-control total3Sum total4']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('sssLoan', $vm->sssLoan, ['class' => 'form-control total4']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('pagibigLoan', $vm->pagibigLoan, ['class' => 'form-control total4']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('advancedCash', $vm->advancedCash, ['class' => 'form-control total4']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('bonus', $vm->bonus, ['class' => 'form-control total4']) }}</div>
</div>

<div class="row">
    <div class="col-md-2">{{ Form::customText('netAmount', $vm->netAmount, ['class' => 'form-control total4Sum']) }}</div>
</div>

{{ Form::customSubmit('Payed') }}

<button class="btn btn-default btn-flat" type="submit" name="submitbutton" value="print">
Print
</button>

{{ Form::close() }}

@endsection

@section('js')
<script type="text/javascript">
$(function() {

    $('.total1').on('change', function() {
        var sum = 0;
        $('.total1').each(function() {
            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        $('.total1Sum').val(sum).change();
    });

    $('.total2').on('change', function() {
        var sum = 0;
        $('.total2').each(function() {
            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        $('.total2Sum').val(sum).change();
    });

    $('.total3').on('change', function() {
        var sum = 0;
        $('.total3').each(function() {
            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        $('.total3Sum').val(sum).change();
    });

    $('.total4').on('change', function() {
        var sum = 0;
        $('.total4').each(function() {
            //add only if the value is number
            if(!isNaN(this.value) && this.value.length!=0) {
                sum += parseFloat(this.value);
            }
        });

        $('.total4Sum').val(Math.round(sum));
    });

});
</script>
@endsection