@extends('admin.layout.master')
@section('content')
    <style>
        .select_2 {
            width: 100% !important;
        }

        select {
            height: 33px !important;
        }
    </style>
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
        <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"style="padding:5px 5px 0 5px">
                    <div class='row'>
                        <div class='col-6 text-left'>
                            <h3>{{ __('obs.manage') }} {{ __('obs.salary') }} {{ __('obs.info') }}</h3>
                        </div>
                        <div class='col-6 text-right'>
                            <a href="{{ route('payroll.hrm.reports.gross_report') }}" class='btn btn-primary btn-sm'>
                                {{ __('obs.gross') }} {{ __('obs.report') }}
                            </a>
                        </div>
                    </div>

                </div>
                <div class="card-body">

                    <form action="{{ route('payroll.payroll.salary.manage_salary_info') }}" method="get">

                        <div class='row'>

                            <div class='col-lg-3 col-md-3  col-sm-6 '>
                                <div class="form-group">
                                    <label class="labels">{{ __('obs.select') }} {{ __('obs.name') }} /
                                        {{ __('obs.code') }}</label>
                                    <select class="form-control input-sm name_code_live_search" name="emp_id"
                                        id="emp_id">

                                    </select>
                                </div>
                            </div>
                            <div class='col-lg-3 col-md-3 col-sm-6 '>
                                <div class="form-group">
                                    <label>{{ __('obs.department') }}</label>
                                    <select name="emp_department" id="emp_department" class="form-control select_2">
                                        <option value="">{{ __('obs.select') }}</option>
                                        @if (!empty($department_lists))
                                            @foreach ($department_lists as $depart_val)
                                                <option @if (!empty($_GET['emp_department']) && $_GET['emp_department'] == $depart_val->id) selected @endif
                                                    value="{{ $depart_val->id }}">{{ $depart_val->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>


                            <div class='col-lg-1 col-md-1  col-sm-4  mt-4'>
                                <button class='btn btn-sm btn-danger' name="searchBtn"
                                    value="true">{{ __('obs.search') }}</button>
                            </div>

                        </div>
                    </form>

                    <table class="display  table table-stripped table-bordered mt-3" style="width: 100%">
                        <thead class="text-center">
                            <tr>
                                <th style="width: 4%">{{ __('obs.emp') }} {{ __('obs.code') }}</th>
                                <th style="width: 12%">{{ __('obs.name') }}</th>
                                <th style="width: 15%">{{ __('obs.schedule') }}</th>
                                <th style="width: 8%">{{ __('obs.join') }} {{ __('obs.date') }}</th>
                                <th style="width: 8%">{{ __('obs.basic') }}</th>
                                @foreach ($allowances as $allowance)
                                    <th style="width: 8%">{{ $allowance->name }}</th>
                                @endforeach
                                <th style="width: 8%">{{ __('obs.gross') }}</th>
                                {{-- <th style="width: 10%" >Tax Calc. Type</th>
                                <th style="width: 10%" >Tax Amount(Monthly)</th> --}}
                                <th style="width: 5%">{{ __('obs.action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <input type="hidden" name="allowance_gross_group_id" id="allowance_gross_group_id"
                                value="3">
                            @foreach ($employees as $employee)
                                {{-- @dd($employee->fetch_allowance_data); --}}
                                <tr>
                                    <td>{{ $employee->emp_code }}</td>

                                    <td>{{ $employee->emp_name }}</td>
                                    <td>
                                        <select class="form-control input-sm emp_schedule" name="emp_schedule"
                                            id="emp_schedule_{{ $employee->id }}">
                                            <option value="0">--Select--</option>
                                            @if (!empty($schedule_list))
                                                @foreach ($schedule_list as $schedule_val)
                                                    <option value="{{ $schedule_val->id }}"
                                                        @if (!empty($employee) && $employee->schedule_id == $schedule_val->id) selected @endif>
                                                        {{ $schedule_val->name }}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </td>
                                    <td>{{ $employee->joining_date ? date('d-m-Y', strtotime($employee->joining_date)) : null }}
                                    </td>
                                    <td class="text-center">
                                        <input type="number" class="form-control text-right basic_salary allowance"
                                            id="basic_salary_{{ $employee->id }}" name="basic_salary[]"
                                            data-id={{ $employee->id }}
                                            value="{{ $employee->basic_salary ? $employee->basic_salary : null }}">

                                    </td>
                                    @foreach ($allowances as $allowance)
                                        <td>
                                            <input type="hidden" class="form-control text-right" name="allowance_id[]"
                                                value="{{ $allowance->id }}">
                                            @if (!empty($employee->fetch_allowance_data) && count($employee->fetch_allowance_data) > 0)
                                                @foreach ($employee->fetch_allowance_data as $key => $value)
                                                    @if ($allowance->id == $value->allowance_id)
                                                        <input type="number"
                                                            id="allowance_id_{{ $employee->id }}_{{ $allowance->id }}"
                                                            class="form-control text-right allowance allowance_{{ $employee->id }}"
                                                            data-allowance_id="{{ $allowance->id }}"
                                                            data-id={{ $employee->id }}
                                                            data-schedule_id="{{ $allowance->schedule_id }}"
                                                            value="{{ $value->amount }}">
                                                    @endif
                                                @endforeach
                                            @else
                                                <input type="number"
                                                    id="allowance_id_{{ $employee->id }}_{{ $allowance->id }}"
                                                    class="form-control text-right allowance allowance_{{ $employee->id }}"
                                                    data-allowance_id="{{ $allowance->id }}" data-id={{ $employee->id }}
                                                    data-schedule_id="{{ $allowance->schedule_id }}" value="0">
                                            @endif

                                        </td>
                                    @endforeach
                                    <td style="">
                                        <input type="number" class="form-control text-right" name="emp_gross[]"
                                            id="employee_gross_{{ $employee->id }}"
                                            value="@if (!empty($employee)) {{ $employee->gross_salary }} @endif"
                                            readonly style="padding: 0;margin:0">
                                    </td>
                                    {{-- <td>
                                        <select class="form-control input-sm" name="tax_calculation_type" id="tax_calculation_type_{{$employee->id}}">
                                            <option value="1" @if (!empty($employee) && $employee->tax_calculation_type == 1) selected @endif>Manual</option>
                                            <option value="2" @if (!empty($employee) && $employee->tax_calculation_type == 2) selected @endif>Auto</option>
                                        </select>     
                                    </td>

                                    <td>
                                        <input type="text" class="form-control input-sm" name="tax_amount" id="tax_amount_{{$employee->id}}"   value="@if (!empty($employee)){{$employee->tax_amount}}@endif">
                                    </td> --}}


                                    <td>
                                        {{-- <a href="{{route('individual-attendance.auto',['emp_id'=>$emp_val->id,'date_from'=>$date_from,'date_to'=>$date_to])}}" class='btn btn-primary btn-sm'>Update</a>   --}}
                                        <button class="btn btn-info btn-sm update_salary_info"
                                            data-id="{{ $employee->id }}"> <i class="fa fa-pencil-alt"></i>

                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

    <script>
        $('.select_2').select2();

        $(document).ready(function() {

            $('.allowance').keyup(function() {
                var emp_id = $(this).attr('data-id');
                var emp_basic_salary = $('#basic_salary_' + emp_id).val();
                var total_gross = parseFloat(emp_basic_salary);
                $(".allowance_" + emp_id).each(function() {
                    var value = parseFloat($(this).val());
                    if (isNaN(value)) {
                        alert('Please Enter Valid Number');
                        $(this).val(0);
                    } else {
                        total_gross += parseFloat($(this).val());
                    }
                });
                $('#employee_gross_' + emp_id).val(total_gross);
            });

            //  $('.basic_salary').keyup(function() {
            //     var emp_basic_salary = $(this).val();


            //     var emp_id = $(this).attr('data-id');
            //     var employee_gross_salary = parseInt($("#employee_gross_"+emp_id).val());
            //     alert(employee_gross_salary);
            //     var emp_schedule = $('#emp_schedule_'+emp_id).val();
            //     let allowance_gross_group_id = $("#allowance_gross_group_id").val();


            //     let url = "/payroll/get-salaryAllowance";
            //     let method = "POST";
            //     let data = {
            //         emp_schedule: emp_schedule
            //     };
            //     mainAjaxSetup(function (response) {
            //         console.log(response.allowance_list);

            //         let gross = parseInt(emp_basic_salary);
            //         $.each(response.allowance_list, function (key, val) {
            //             let value = val.name;
            //             let allowance_id = val.id;
            //             let allowance_amount = 0;
            //             if (val.allowance_group_id == allowance_gross_group_id) { // Gross Group Allowances
            //                 if (val.type == 1) {
            //                     allowance_amount = Number(val.amount);
            //                      $('#allowance_id_'+emp_id+'_'+allowance_id).val(allowance_amount);
            //                      gross += parseInt(allowance_amount);
            //                 } else {
            //                     if (val.salary_type == 1) {
            //                         allowance_amount = (Number(emp_basic_salary) * (val.amount/100));
            //                         $('#allowance_id_'+emp_id+'_'+allowance_id).val(allowance_amount);
            //                         gross += parseInt(allowance_amount);
            //                     }else{
            //                         allowance_amount = (Number(employee_gross_salary) * (val.amount / 100));
            //                         $('#allowance_id_'+emp_id+'_'+allowance_id).val(allowance_amount);
            //                         gross += parseInt(allowance_amount);
            //                     } 
            //                 }

            //             } 

            //         });

            //         $('#employee_gross_'+emp_id).val(gross);

            //     }, method, url, data); 

            // });



            $('.update_salary_info').on('click', function(e) {
                e.preventDefault();

                var emp_id = $(this).data('id');

                var emp_schedule = $('#emp_schedule_' + emp_id).val();
                var basic_salary = $('#basic_salary_' + emp_id).val();
                var employee_gross = $('#employee_gross_' + emp_id).val();
                var tax_calculation_type = $('#tax_calculation_type_' + emp_id).val();
                var tax_amount = $('#tax_amount_' + emp_id).val();

                let allowanceArray = [];
                $(".allowance_" + emp_id).each(function() {
                    let allowance_amount = $(this).val();
                    let allowance_id = $(this).attr('data-allowance_id');
                    let schedule_id = $(this).attr('data-schedule_id');

                    let obj = {
                        allowance_id: allowance_id,
                        allowance_amount: allowance_amount,
                        schedule_id: schedule_id,
                    };
                    allowanceArray.push(obj);
                });
                let allowanceLists = JSON.stringify(allowanceArray);
                var token = '{{ csrf_token() }}';
                let data = {
                    emp_id: emp_id,
                    employee_gross: employee_gross,
                    basic_salary: basic_salary,
                    tax_calculation_type: tax_calculation_type,
                    tax_amount: tax_amount,
                    emp_schedule: emp_schedule,
                    allowanceLists: allowanceLists

                };
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                $.ajax({
                    type: 'POST',
                    url: '{{ route('payroll.payroll.salary.store_salary_info') }}',
                    data: {
                        data: data
                    },
                    success: function(data) {

                        document.location.reload()

                    }
                });

            });


        });
    </script>
@endsection