@extends('AdminLte.template')

<!--Title-->
@section('title')
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close-->

@section('Content')
<!--  -->
<br>
<br>

<!-- Your Page Content Here -->
<div class="container">
    <ul class="nav nav-tabs">
        <li ><a href="{{url('tab').'/'.$id}}">Personal Details</a></li>
        <li ><a href="{{url('contact_details').'/'.$id}}">Contact Details</a></li>
        <li><a href="{{url('emergency').'/'.$id}}">Emergency Details</a></li>
        <li><a href="{{url('employee_dependent').'/'.$id}}">Dependents</a></li>
        <li><a href="{{url('employee_job').'/'.$id}}">Job</a></li>
        <li class="active"><a href="{{URL::current()}}">Salary</a></li>
        <li><a href="{{url('employee_reporting').'/'.$id}}">Reporting</a></li>
        <li><a href="{{url('employee_qualification').'/'.$id}}">Qualification</a></li>
        <li><a href="{{url('employee_mapping').'/'.$id}}">Mapping</a></li>
    </ul>
    <br>


    {{ Form::open(['action' => 'HrmsEmployeeSalaryDetailsController@create','id' => 'AddSalaryDetails','autocomplete' => 'off']) }}

    <input type="hidden" name="employee_id" value="{{$id}}">
    <input type="hidden" name="employeejobtitleid" value="{{$employeejobtitleid[0]->employee_job_title_id}}" id="employeejobtitleid">
    <input type="hidden" name="employeejobcategoryid" value="{{$employeectc[0]->employee_job_category_id}}" id="employeejobcategoryid">
    <input type="hidden" name="employeejoiningdate" value="{{$employeectc[0]->employee_hire_date}}" id="employeejoiningdate">
    <input type="hidden" name="employeelasteffectivedate" value="@if(isset($employeesalary[0])) {{$employeesalary[0]->effective_date}} @endif" id="employeelasteffectivedate">

    <div class="panel panel-default" style="width:1150px;">
        <div class="panel-heading fontsize16 borderBottomGray">
            @include('Hrms.display_header')
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            <label>View Previous Data :</label>
            <input type="checkbox" name ="view_previous_data" class="borderBottomGray borderNone blue tocheck" id="view_previous_data">
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
                        <span id="button" style="display: none;">
                <select class="borderBottomGray borderNone blue tocheck" id="date_value">
                    @foreach ($previous_date as $es)
                        <option value="{{$i++}}">{{$es->effective_date}}</option>
                    @endforeach
                </select>
            </span>
        </div>
        <div class="panel-body borderBottomGray" id="salary_form">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-3">
                        <input type="radio" name="salarytype" class="salarytype" value="ctc" id="type_ctc" {{$employeectc[0]->salary_type == "ctc" ? 'checked' : ''}}><label for="type_ctc">&nbsp;CTC </label> &nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="salarytype" class="salarytype" value="per_hour" id="type_per_hours" {{$employeectc[0]->salary_type == "per_hour" ? 'checked' : ''}}><label for="type_per_hours">&nbsp;Per Hours </label> &nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="salarytype" class="salarytype" value="stipend" id="type_stipend" {{$employeectc[0]->salary_type == "stipend" ? 'checked' : ''}}><label for="type_stipend">&nbsp;Stipend </label> &nbsp;&nbsp;&nbsp;&nbsp;
                        {{-- <input type="radio" name="salarytype" class="salarytype" value="per_day" id="type_per_days" {{$employeectc[0]->salary_type == "per_day" ? 'checked' : ''}}><label for="type_per_days">&nbsp;Per Days </label> &nbsp;&nbsp;&nbsp;&nbsp; --}}
                        {{-- <input type="radio" name="salarytype" class="salarytype" value="per_visit" id="type_per_visit" {{$employeectc[0]->salary_type == "per_visit" ? 'checked' : ''}}><label for="type_per_visit">&nbsp;Per Visit </label> &nbsp;&nbsp;&nbsp;&nbsp; --}}
                        {{-- <input type="radio" name="salarytype" class="salarytype" value="mg" id="type_mg" {{$employeectc[0]->salary_type == "mg" ? 'checked' : ''}}><label for="type_mg">&nbsp;Minimum Guarantee </label> &nbsp;&nbsp;&nbsp;&nbsp; --}}
                    </div>
                    <div  class="col-md-4 txtRight">
                        <input type="radio" name="record"  value="add" id="recordadd" checked><label for="recordadd">&nbsp;Add New Record</label> &nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio" name="record"  value="update" id="recordupdate"><label for="recordupdate">&nbsp;Update New Record</label>
                    </div>
                    <div class="col-md-3 txtRight">
                        <label>Effective From :</label>
                        @if(isset($employeesalary[0]))
                        <input type="month" name ="effective_date" class="borderBottomGray borderNone blue notBold readOnlyBackground" value="{{date("Y-m",strtotime($employeesalary[0]->effective_date))}}" id="effective_date">
                        @else
                        <input type="month" name ="effective_date" class="borderBottomGray borderNone blue notBold" value="{{date("Y-m",strtotime($employeectc[0]->employee_hire_date))}}" id="effective_date">
                        @endif
                    </div>
                    <div  class="col-md-2 txtRight" id="ctc_data_user" style="display:{{$employeectc[0]->salary_type == "ctc" ? 'block' : 'none'}}">
                        <input type="checkbox"  id="userinput" value="Yes"><label for="userinput">&nbsp;User Input</label>
                    </div>
                </div><br>
                <div class="row">
                    <div class="col-md-4" id="rate" style="display:{{$employeectc[0]->salary_type == "ctc" ? 'none' : ($employeectc[0]->salary_type == "per_hour"?'block':'none')}}">
                        <label>Rate :</label>
                        <input type="text" size="20" data-toggle="tooltip" maxlength="40" placeholder="CTC" name ="ctc" class="borderBottomGray borderNone blue notBold" value="{{$employeectc[0]->ctc}}" id="ctc_amount">
                        <input type="hidden" size="20" data-toggle="tooltip" maxlength="40" placeholder="CTC" name ="head_id_perHour" class="borderBottomGray borderNone blue notBold" value="{{$head_id_perHour->head_id}}" >
                    </div>
                    <div class="col-md-4" id="amount" style="display:{{$employeectc[0]->salary_type == "ctc" ? 'none' : ($employeectc[0]->salary_type == "stipend"?'block':'none')}}">
                        <label>Amount :</label>
                        <input type="text" size="20" data-toggle="tooltip" maxlength="40" placeholder="CTC" name ="ctc" class="borderBottomGray borderNone blue notBold" value="{{$employeectc[0]->ctc}}" id="ctc_amount">
                        <input type="hidden" size="20" data-toggle="tooltip" maxlength="40" placeholder="CTC" name ="head_id_Stipend" class="borderBottomGray borderNone blue notBold" value="{{$head_id_Stipend->head_id}}" >
                    
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" id="ctc_data" style="display:{{$employeectc[0]->salary_type == "ctc" ? 'block' : 'none'}}">
                        <div class="col-md-5" style="border-right: 1px solid #d2d6de;">
                            <div class="row txtCenter h4" ><label>Earning</label></div>
                            <div class="row">

                                
                            </div>
                        </div>

                        <div class="col-md-4" style="border-right: 1px solid #d2d6de;">
                            <div class="row txtCenter h4" ><label>Deductions</label></div>

                            <div class="row">
                                

                            </div>
                        </div>

                        <div class="col-md-3">
                            <div class="row txtCenter h4" ><label>Gross / Total</label></div>
                            <div class="row">
                                <!-- <br> -->
                                

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 txtRight">
                <div class="col-md-6">

                </div>
                <div class="col-md-6 txtRight">
                    <div class="col-md-8">
                        @if(session()->has('successMessage'))
                            <div class="alert alert-success alert-dismissible fade in col-sm-12">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                {{ session()->get('successMessage') }}
                            </div>
                            @endif
                            @if(session()->has('errorMessage'))
                            <div class="alert alert-danger alert-dismissible fade in col-sm-12">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                                {{ session()->get('errorMessage') }}
                            </div>
                        @endif
                    </div>
                    <div class="col-md-4 txtRight">
                        <button type="button" class="btn btn-success btn-sm" id="btnSubmit" name="Add_New">Submit</button>
                    </div>
                </div>
            </div>
        </div>

                @foreach ($previous_date as $es)
            @foreach ($previous_data as $pd)
                @if($pd->effective_date == $es->effective_date && ($pd->head_id==0 || $pd->head_id==11))
                <div class="panel-body borderBottomGray salary_data" style="display: none;" id="salary_data{{$i++}}">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-2">
                                <label>Salary Type : </label> {{$pd->salary_type}}
                            </div>
                            <div class="col-md-3" id="amount">
                                <label>Effective From : </label> {{date("F-Y",strtotime($pd->effective_date))}}
                            </div>
                        </div><br>
                        <div class="row" style="display:{{$pd->salary_type == "ctc" ? 'none' : 'block'}}">
                            <div class="col-md-2" id="amount">
                                <label>Amount :</label>
                            </div>
                            <div class="col-md-4">
                                {{$pd->applicable}}
                            </div>
                        </div>
                        <div class="row" style="display:{{$pd->salary_type == "ctc" ? 'block' : 'none'}}">
                            <br><br>
                            <div class="col-md-12" id="ctc_data">
                                <div class="col-md-5" style="border-right: 1px solid #d2d6de;">
                                    <div class="row txtCenter h4" ><label>Earning</label></div>
                                    <div class="row">
                                                                            </div>
                                </div>

                                <div class="col-md-4" style="border-right: 1px solid #d2d6de;">
                                    <div class="row txtCenter h4" ><label>Deductions</label></div>
                                    <div class="row">
                                                                            </div>
                                </div>

                                <div class="col-md-3">
                                    <div class="row txtCenter h4" ><label>Gross / Total</label></div>
                                    <div class="row">
                                                                            </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                @endif
            @endforeach
        @endforeach
    </div>


    {{ Form::close() }}
</div>

{{-- <div class="col-md-4 col-md-offset-3">
    @if(session()->has('successMessage'))
    <div class="alert alert-success alert-dismissible fade in col-sm-12">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ session()->get('successMessage') }}
    </div>
    @endif
    @if(session()->has('errorMessage'))
    <div class="alert alert-danger alert-dismissible fade in col-sm-12">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
        {{ session()->get('errorMessage') }}
    </div>
    @endif
</div> --}}



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('.salarytype').click(function() {
            var inputValue = $(this).attr('value');
            if(inputValue=='ctc'){
                $('#ctc_data').css('display', 'block');
                $('#ctc_data_user').css('display', 'block');
                $('#rate').css('display', 'none');
                $('#amount').css('display', 'none');
            } 
            else if(inputValue=='per_hour')
            {
                $('#ctc_data').css('display', 'none');
                $('#ctc_data_user').css('display', 'none');
                $('#rate').css('display', 'block');
                $('#amount').css('display', 'none');
            }
            else if(inputValue=='stipend')
            {
                $('#ctc_data').css('display', 'none');
                $('#ctc_data_user').css('display', 'none');
                $('#rate').css('display', 'none');
                $('#amount').css('display', 'block');
            }
        });
        
        $('#button').click(function() {
            $('.salary_data').css('display', 'none');
            $('#salary_data'+$('#date_value').val()).css('display', 'block');
        });
    });
</script>
<script>
        $(document).ready(function(){
            $('#userinput').on('click', function(){
                if ($(this).prop('checked')==true){ 
                    var data = [];
                    var da='';
                    for (let x in data) {
                        $('#'+data[x]).removeClass('readOnlyBackground');
                        $('#'+data[x]).removeAttr('readonly');
                        $('#'+data[x]).css('background-color','#FFFF00');
                    }
                }
                else
                {
                    var data = [];
                    var input_rule=null;
                    var da='';
                    for (let x in data) {
                        if(input_rule[x]!='Y')
                        {
                            $('#'+data[x]).addClass('readOnlyBackground');
                            $('#'+data[x]).attr('readonly');
                        }
                    }
                }
            });
            $('.CTC').on('blur', function(){
                var data = [];
                var da='';
                for (let x in data) {
                    da+=data[x]+':'+$('#'+data[x]).val()+',';
                }
                $.ajax({type: 'POST',url: PROJECT_BASE_URL + '/calculate_salary_ctc',async: false,data: {'_token': CSRF_TOKEN,da},success: function (data, status) {var result = JSON.parse(data);   
                for (let x in result) {
                    $('#'+x).val(result[x]);
                }}
                }); 
            });
        });</script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#view_previous_data').click(function() {
            if($('#view_previous_data').is(':checked'))
            {
                $('#salary_form').css('display', 'none');
                $('#salary_data'+$('#date_value').val()).css('display', 'block');
                $('#button').css('display', 'inline');
            }
            else
            {
                $('#salary_form').css('display', 'block');
                $('.salary_data').css('display', 'none');
                $('#button').css('display', 'none');
            }
        })
    });
</script>

<script type='text/javascript'>
        $(document).ready(function () { swal('Please Enter Joining Date', '', 'warning');
            $('.btn-sm').css('visibility', 'hidden');        $('.btn-sm').click(function (e) {
                e.preventDefault();
                if($('#type_ctc').is(':checked'))
                {
                    if ($('#CTC').val() != '') {
                        if ($('#CTC').val() == 0) {
                            $('#CTC').focus();
                        } else if ($('#CTC').val() < 0) {
                            $('#CTC').focus();
                        } else {
                            if ($('#employeejobtitleid').val() != '') {
                                if ($('#effective_date').val() != '')
                                    $('#AddSalaryDetails').submit();
                                else
                                    swal('Please select Effective Date for Employee Salary', '', 'warning');
                            } else {
                                swal('Please select Designation for Employee', '', 'warning');
                            }
                        }
                    } else {
                        $('#CTC').focus();
                    }
                }
                else
                {
                    if ($('#ctc_amount').val() == '')
                        swal('Please Enter Amount', '', 'warning');
                    else if ($('#ctc_amount').val() < 0)
                        swal('Please Enter Valid Amount', '', 'warning');
                    else if ($('#ctc_amount').val() == 0)
                        swal('Please Enter Amount', '', 'warning');
                    else if ($('#effective_date').val() != '')
                        $('#AddSalaryDetails').submit();
                    else
                        swal('Please select Effective Date for Employee Salary', '', 'warning');
                }
            });
        });
    </script>@endsection

<!--Bootstrap Modals-->
@section('BootstrapModals')

@endsection
<!--Bootstrap Modals Close-->
@section('page-script')
    <script type="text/javascript">

        // alert("hi");
    </script>
@stop

<!--External JS-->
@section('ExternalJs')
<script src="{{ asset ("/js/Hrms_employee_salary_details.js?$releaseVersion") }}"></script>
@endsection
<!--External JS Close-->
JS Close-->