@extends('admin.include.main')
@section('content')
<div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>Update Salary Grade</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <!-- <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul> -->
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                       <div class="ibox-content">
                           <form action="{{route('salarygrade.update',$salarygrade->id)}}" autocomplete="off" method="POST">
                                          @csrf
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5> Grade Name:<span class="text-danger">*</span></h5>
                                                        <div class="controls">
                                                            <input type="text" required name="grade_name" id="grade_name" value="{{$salarygrade->grade_name}}" class="form-control" >
                                                            @if ($errors->has('grade_name'))
                                                            <div class="error" style="color:red">{{ $errors->first('grade_name') }}</div>
                                                            @endif



                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                            <h5> Basic Salary:<span class="text-danger">*</span></h5>
                                                            <div class="controls">
                                                                <input type="number" value="{{$salarygrade->basic_salary}}" name="basic_salary" required="" id="basic_salary" class="form-control" onkeyup="sum();">
                                                                @if ($errors->has('basic_salary'))
                                                                <div class="error" style="color:red">{{ $errors->first('basic_salary') }}</div>
                                                                @endif


                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                            <h5> House Rent:</h5>
                                                            <div class="controls">
                                                                <input type="number"  name="house_rent" id="house_rent" class="form-control" value="{{$salarygrade->house_rent}}"   onkeyup="sum();">
                                                                @if ($errors->has('house_rent'))
                                                                <div class="error" style="color:red">{{ $errors->first('house_rent') }}</div>
                                                                @endif


                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5>Transport Allowance:</h5>
                                                        <div class="controls">
                                                            <input type="number" name="transport_allowance" id="transport_allowance" value="{{$salarygrade->transport_allowance}}"  class="form-control" onkeyup="sum();">
                                                            @if ($errors->has('transport_allowance'))
                                                            <div class="error" style="color:red">{{ $errors->first('transport_allowance') }}</div>
                                                            @endif


                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                            <h5> Medical Allowance:</h5>
                                                            <div class="controls">
                                                                <input type="number" name="medical_allowance" value="{{$salarygrade->medical_allowance}}" id="medical_allowance"  class="form-control" onkeyup="sum();">
                                                                @if ($errors->has('medical_allowance'))
                                                                <div class="error" style="color:red">{{ $errors->first('medical_allowance') }}</div>
                                                                @endif



                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                            <h5> Over Time Hourly Rate:</h5>
                                                            <div class="controls">
                                                                <input type="number" name="over_time_hourly_rate" id="over_time_hourly_rate" value="{{$salarygrade->over_time_hourly_rate}}" class="form-control" >
                                                                @if ($errors->has('over_time_hourly_rate'))
                                                                <div class="error" style="color:red">{{ $errors->first('over_time_hourly_rate') }}</div>
                                                                @endif


                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5> Provident Fund:</h5>
                                                        <div class="controls">
                                                            <input type="number" name="provident_fund" id="provident_fund" class="form-control"  value="{{$salarygrade->provident_fund}}"  onkeyup="sum();">
                                                            @if ($errors->has('provident_fund'))
                                                            <div class="error" style="color:red">{{ $errors->first('provident_fund') }}</div>
                                                            @endif


                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                            <h5> Hourly Rate:</h5>
                                                            <div class="controls">
                                                                <input type="number"  value="{{$salarygrade->hourly_rate}}"  name="hourly_rate" id="hourly_rate" class="form-control" >
                                                                @if ($errors->has('hourly_rate'))
                                                                <div class="error" style="color:red">{{ $errors->first('hourly_rate') }}</div>
                                                                @endif


                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                            <h5> Total Allowance:</h5>
                                                            <div class="controls">
                                                                <input type="number"  readonly="" name="total_allowance" id="total_allowance" class="form-control" value="{{$salarygrade->total_allowance}}">
                                                                @if ($errors->has('total_allowance'))
                                                                <div class="error" style="color:red">{{ $errors->first('total_allowance') }}</div>
                                                                @endif


                                                            </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5>Total Deduction:</h5>
                                                        <div class="controls">
                                                            <input type="number" readonly="" name="total_deduction" value="{{$salarygrade->total_deduction}}" id="total_deduction" class="form-control">
                                                            @if ($errors->has('total_deduction'))
                                                            <div class="error" style="color:red">{{ $errors->first('total_deduction') }}</div>
                                                            @endif


                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5>Gross Salary:</h5>
                                                        <div class="controls">
                                                            <input type="number" readonly="" name="gross_salary" id="gross_salary" class="form-control" value="{{$salarygrade->gross_salary}}">
                                                            @if ($errors->has('gross_salary'))
                                                            <div class="error" style="color:red">{{ $errors->first('gross_salary') }}</div>
                                                            @endif


                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="form-group">
                                                        <h5>Net Salary:</h5>
                                                        <div class="controls">
                                                            <input type="number" min="0" readonly="" name="net_salary" value="{{$salarygrade->net_salary}}" id="net_salary" class="form-control">
                                                            @if ($errors->has('net_salary'))
                                                            <div class="error" style="color:red">{{ $errors->first('net_salary') }}</div>
                                                            @endif

                                                        </div>
                                                    </div>
                                                </div>
                                                  <div class="col-md-8">
                                                    <div class="form-group">
                                                        <h5>Description:</h5>
                                                        <div class="controls">
                                                            <textarea name="description" id="description" class="form-control">{{$salarygrade->description}}</textarea>
                                                              @if ($errors->has('description'))
                                                            <div class="error" style="color:red">{{ $errors->first('description') }}</div>
                                                            @endif

                                                        </div>
                                                    </div>
                                                </div>

                                                <input type="hidden" name="status" value="1">
                                            </div>


                                            <button type="submit" id="salary_submit" class="btn btn-success" >Submit</button>
                                        </form>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>


     <script>

        function sum() {
            debugger;
            var bas_sal = document.getElementById('basic_salary').value ;
          var h_rt = document.getElementById('house_rent').value ? document.getElementById('house_rent').value : 0 ;
          var t_al = document.getElementById('transport_allowance').value ? document.getElementById('transport_allowance').value : 0;
          var m_al = document.getElementById('medical_allowance').value ? document.getElementById('medical_allowance').value : 0 ;
           var prov_fund = document.getElementById('provident_fund').value ? document.getElementById('provident_fund').value : 0 ;
          var result = parseInt(h_rt) + parseInt(t_al)+ parseInt(m_al);

             document.getElementById('total_allowance').value = result;

             var tot_al = result ? result : 0;
                 document.getElementById('gross_salary').value = result + parseInt(bas_sal);

             var gros_sal = document.getElementById('gross_salary').value;

            document.getElementById('total_deduction').value = parseInt(prov_fund);
             document.getElementById('net_salary').value = gros_sal - parseInt(prov_fund);

}
    </script>

@endsection