@extends('layouts.master')

@section('title','Employee Payroll Generate Increment')

@section('action','Payroll Create')

@section('button')
    <div class="float-md-end">
        <a href="{{route('admin.employee-salaries.index')}}" >
            <button class="btn btn-sm btn-primary" ><i class="link-icon" data-feather="arrow-left"></i> Back</button>
        </a>
    </div>
@endsection
@section('style')
    <style>
        #net_salary:focus {
            outline: none !important;
            border: none !important;
        }
        .no-outline {
            outline: none !important;
            border: none !important;
        }
    </style>

@endsection
@section('main-content')

   <section class="content">

        @include('admin.section.flash_message')

        @include('admin.payroll.employeeSalary.common.breadcrumb')

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

                <h4 class="mb-4">
                    Edit Salary Slip

                </h4>

                <form action="{{ route('admin.employee-salary.payroll-update',$payrollData['payslipData']->id) }}" method="POST" novalidate>
                    @csrf
                    @method('PUT')
                    <div>
                        <div class="payroll-personal">
                            <div class="row align-items-center justify-content-between border-bottom mb-4 pb-4">
                                <h5>Payslip
                                    @if( isset($payroll['salary_cycle']) && $payroll['salary_cycle'] == 'monthly')
                                        for the month of {{ \App\Helpers\AppHelper::getMonthYear($payrollData['payslipData']->salary_from) }}
                                    @else
                                        from {{ \App\Helpers\AttendanceHelper::payslipDate($payrollData['payslipData']->salary_from) }} to {{ \App\Helpers\AttendanceHelper::payslipDate($payrollData['payslipData']->salary_to) }}
                                    @endif
                                </h5>
                            </div>
                            <div class="row mb-4">
                                <table class="table p-2">
                                    <tr>
                                        <td>Employee Name</td> <td>{{ $payrollData['payslipData']->employee_name }}</td> <td>Joining Date</td> <td>{{ $payrollData['payslipData']->joining_date ?? 'N/A' }}</td>
                                    </tr>
                                    <tr>
                                        <td>Employee ID</td> <td>{{ $payrollData['payslipData']->employee_code ?? 'N/A' }}</td> <td>Salary Group</td> <td>{{ $payrollData['payslipData']->salary_group_name }}</td>
                                    </tr>
                                    <tr>
                                        <td>Designation</td><td>{{ $payrollData['payslipData']->designation }}</td> <td>Marital Status</td><td>{{ $payrollData['payslipData']->marital_status }}</td>
                                    </tr>
                                </table>


                            </div>
                        </div>

                        <div class="payroll-fil border-bottom mb-4">

                            <div class="row">
                                <div class="col-lg-4 col-md-2 mb-4">
                                    <h5 class="mb-3">Status</h5>
                                    @if($payrollData['payslipData']->status ==  $paidStatus)
                                            <input type="hidden" name="status" readonly value="{{ $payrollData['payslipData']->status }}">
                                        <span class="p-2 alert alert-primary">{{ ucfirst($payrollData['payslipData']->status) }}</span>

                                    @else
                                        <select name="status" class="form-control select2" id="payroll_status">
                                            @forelse(\App\Enum\PayslipStatusEnum::cases() as $case)
                                                <option @if($payrollData['payslipData']->status == $case->value) selected @endif  value="{{ $case->value }}"> {{ ucfirst($case->value) }} </option>
                                            @empty
                                            @endforelse
                                        </select>
                                    @endif

                                </div>


                                <div class="col-lg-4 col-md-5 md-4 paidPayslip @if($payrollData['payslipData']->status !=  $paidStatus) d-none @endif">
                                    <h5 class="mb-3">Payment Method</h5>
                                    <select name="payment_method_id" class="form-control">
                                        <option selected disabled>Select Payment Method</option>
                                        @foreach($paymentMethods as $method)
                                            <option @if($payrollData['payslipData']->payment_method_id  ==  $method['id']) selected @endif value="{{ $method['id'] }}"> {{ $method['name'] }}</option>
                                        @endforeach

                                    </select>
                                </div>
                                <div class="col-lg-4 col-md-5 mb-4 paidPayslip @if($payrollData['payslipData']->status !=  $paidStatus) d-none @endif">
                                    <h5 class="mb-3">Paid On</h5>
                                    <input type="date" class="form-control" name="paid_on" value="{{ isset($payrollData['payslipData']->paid_on) ? date('Y-m-d', strtotime($payrollData['payslipData']->paid_on)) : date('Y-m-d') }}">
                                </div>

                            </div>
                        </div>

                        <div class="payroll-earn-ded">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 mb-4">
                                    <h4 class="mb-2">Earning</h4>
                                    <table class="table table-bordered">
                                        <tbody>
                                        <tr class="earning">
                                            <td class="d-flex align-items-center justify-content-between">
                                                <strong>Basic Salary</strong>
                                                <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif class="form-control w-50" step="0.1" oninput="validity.valid||(value='');" name="monthly_basic_salary" id="monthly_basic_salary" value="{{ ($payrollData['payslipData']->salary_cycle == 'weekly') ? $payrollData['payslipData']->weekly_basic_salary :$payrollData['payslipData']->monthly_basic_salary }}">
                                            </td>
                                        </tr>

                                        @forelse($payrollData['earnings'] as $earning)
                                            <tr class="earning">
                                                <td class="d-flex align-items-center justify-content-between">
                                                    <strong>{{ $earning['name'] }}</strong>
                                                    <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif step="0.1" oninput="validity.valid||(value='');" id="amount[{{$earning['salary_component_id']}}]" name="amount[{{$earning['salary_component_id']}}]" class="form-control w-50 income_amount" value="{{ $earning['amount'] }}" >
                                                </td>
                                            </tr>
                                        @empty

                                        @endforelse
                                        <tr class="earning">
                                            <td class="d-flex align-items-center justify-content-between">
                                                <strong>Fixed Allowance</strong>
                                                <input type="number" readonly step="0.1" oninput="validity.valid||(value='');" class="form-control w-50" name="monthly_fixed_allowance" id="monthly_fixed_allowance" value="{{ ($payrollData['payslipData']->salary_cycle == 'weekly') ? $payrollData['payslipData']->weekly_fixed_allowance :$payrollData['payslipData']->monthly_fixed_allowance }}">
                                            </td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>

                                <div class="col-lg-6 col-md-6 mb-4">
                                    <h4 class="mb-2">Deduction</h4>
                                    <table class="table table-bordered">
                                        <tbody>
                                        @php $totalDeduction = $payrollData['payslipData']->tds; @endphp
                                        @forelse($payrollData['deductions'] as $deduction)
                                            <tr class="deductions">
                                                <td class="d-flex align-items-center justify-content-between">
                                                    <strong>{{ $deduction['name'] }}</strong>
                                                    <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif step="0.1" oninput="validity.valid||(value='');" name="amount[{{$deduction['salary_component_id']}}]" class="form-control w-50 deduction_amount" value="{{ $deduction['amount'] }}" >
                                                </td>
                                                @php $totalDeduction += $deduction['amount']; @endphp
                                            </tr>
                                        @empty

                                        @endforelse
                                        <tr class="deductions">

                                            <td class="d-flex align-items-center justify-content-between">
                                                <strong>TDS</strong>
                                                <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif class="form-control w-50" step="0.1" name="tds" id="tds" value="{{ $payrollData['payslipData']->tds }}">
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-lg-12 border-top pt-4">
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <label class="mb-1 fw-bold">Actual Salary</label> (Total Earning - Total Deductions)
                                        </div>
                                        <div class="col-lg-3">
                                            <span class="h5" id="actual_salary">{{ $payrollData['payslipData']->gross_salary - $totalDeduction  }}</span>
                                        </div>

                                    </div>
                                </div>
                                @if($payrollData['payslipData']->include_tada == 1)
                                <div class="col-lg-6 col-md-6 border-top mt-4 pt-4">
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <small style="color:#e82e5f;">Earning*</small><br><label class="mb-0 fw-bold">Expenses Claims (TADA)</label>
                                        </div>
                                        <div class="col-lg-3">
                                            <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif id="tada" step="0.1" oninput="validity.valid||(value='');" name="tada" value="{{ $payrollData['payslipData']->tada }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if($payrollData['payslipData']->include_advance_salary == 1)

                                <div class="col-lg-6 col-md-6 border-top mt-4 pt-4">
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <small style="color:#e82e5f;">Deduction*</small><br><label class="mb-0 fw-bold">Advance Salary</label>
                                        </div>
                                        <div class="col-lg-3">
                                            <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif id="advanceSalary" step="0.1" oninput="validity.valid||(value='');" name="advance_salary" class="form-control" value="{{ $payrollData['payslipData']->advance_salary }}">
                                        </div>
                                    </div>
                                </div>
                                @endif
                                <div class="col-lg-6 col-md-6 border-top mt-4 pt-4">
                                    <div class="row">

                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 border-top mt-4 pt-4">
                                    <div class="row">
                                        <div class="col-lg-8">
                                            <small style="color:#e82e5f;">Deduction*</small><br><label class="mb-0 fw-bold">Absent</label>
                                            ((grossSalary/ total days) * absent days)
                                        </div>
                                        <div class="col-lg-4">
                                            <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif step="0.1" name="absent_deduction" class="form-control" id="absentDeduction" value="{{ $payrollData['payslipData']->absent_deduction }}">
                                        </div>
                                    </div>
                                </div>
                                @if(isset($payrollData['payslipData']->ot_status) && $payrollData['payslipData']->ot_status  == 1)

                                <div class="col-lg-6 col-md-6 border-top mt-4 pt-4">
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <small style="color:#e82e5f;">Earning*</small><br><label class="mb-0 fw-bold">OverTime</label>
                                        </div>
                                        <div class="col-lg-3">
                                            <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif step="0.1" oninput="validity.valid||(value='');" id="overtime" name="overtime" value="{{ $payrollData['payslipData']->overtime }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                @endif
                                @if(isset($underTimeSetting) && $underTimeSetting->is_active  == 1)
                                <div class="col-lg-6 col-md-6 border-top mt-4 pt-4">
                                    <div class="row">
                                        <div class="col-lg-9">
                                            <small style="color:#e82e5f;">Deduction*</small><br><label class="mb-0 fw-bold">UnderTime</label>
                                        </div>
                                        <div class="col-lg-3">
                                            <input type="number" @if($payrollData['payslipData']->status ==  $paidStatus) readonly @endif step="0.1" oninput="validity.valid||(value='');" id="undertime" name="undertime" value="{{ $payrollData['payslipData']->undertime  }}" class="form-control">
                                        </div>
                                    </div>
                                </div>
                                @endif

                                <div class="col-lg-12 border-top mt-4 pt-4">
                                    <input type="hidden" readonly name="net_salary" id="netSalary" value="{{ $payrollData['payslipData']->net_salary }}">
                                    <h4 class="mb-1">Net Salary : {{ $currency }}<span id="net_salary">{{ $payrollData['payslipData']->net_salary }}</span></h4>
                                    Net Salary = (Actual Salary - Advance Salary + TADA)
                                </div>
                            </div>
                        </diV>
                    </div>
                    <div class="pt-4">
                        <button type="submit" class="btn btn-primary">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('scripts')
    @include('admin.payroll.employeeSalary.common.scripts')
    <script>

        let initialAdvanceSalary = {{ $payrollData['payslipData']->advance_salary }} ;
        let initialTada = {{ $payrollData['payslipData']->tada }} ;
        let initialAbsentDeduction = {{ $payrollData['payslipData']->absent_deduction }} ;
        let initialOverTime = {{ $payrollData['payslipData']->overtime }} ;
        let initialUnderTime = {{ $payrollData['payslipData']->undertime }} ;

        $('#monthly_basic_salary').on('input', function () {
            calculateAllowance();
        })
        function calculateAllowance(){
            let totalEarnings = 0;
            let grossSalary = parseFloat({{ $payrollData['payslipData']->gross_salary }});
            let newBasicSalary = parseFloat($('#monthly_basic_salary').val()) || 0;


            $('.income_amount').each(function () {
                let earningAmount = parseFloat($(this).val()) || 0;
                totalEarnings += earningAmount;
            });

            let newAllowance = (grossSalary - newBasicSalary - totalEarnings);
            $('#monthly_fixed_allowance').val(newAllowance.toFixed(2));

        }


        $('.income_amount').on('input', function () {
            calculateAllowance();
        });

        $('.deduction_amount').on('input', function () {
            changeNetSalary();
        });

        $('#tds').on('input', function () {
            changeNetSalary();
        });

        function changeNetSalary(){

            let grossSalary = parseFloat({{ $payrollData['payslipData']->gross_salary }});
            let tds = parseFloat($('#tds').val()) || 0;

            let totalDeduction = 0;
            $('.deduction_amount').each(function () {
                let deductionAmount = parseFloat($(this).val()) || 0;
                totalDeduction += deductionAmount;
            });

            let actualSalary = grossSalary - totalDeduction -  tds;
            let tadaAmount = parseFloat($('#tada').val()) || 0;
            let advanceSalary = parseFloat($('#advanceSalary').val()) || 0;
            let absentDeduction = parseFloat($('#absentDeduction').val()) || 0;
            let overtime = parseFloat($('#overtime').val()) || 0;
            let undertime = parseFloat($('#undertime').val()) || 0;

            let netSalary = actualSalary - advanceSalary + tadaAmount - absentDeduction + overtime - undertime;

            $('#actual_salary').text(actualSalary.toFixed(2));
            $('#netSalary').val(netSalary.toFixed(2));
            $('#net_salary').text(netSalary.toFixed(2));

        }

        let previousAdvanceSalary = parseFloat($('#advanceSalary').val()) || 0;
        $('#advanceSalary').on('input', function () {

            let currentAdvanceSalary = parseFloat($(this).val()) || 0;

            let newSalary = parseFloat($('#netSalary').val()) || 0;

            if (previousAdvanceSalary > currentAdvanceSalary) {
                newSalary += (previousAdvanceSalary - currentAdvanceSalary);
            } else {
                newSalary -= (currentAdvanceSalary - previousAdvanceSalary);
            }

            $('#netSalary').val(newSalary.toFixed(2));
            $('#net_salary').text(newSalary.toFixed(2));
            previousAdvanceSalary = currentAdvanceSalary;
        });

        let previousTada = parseFloat($('#tada').val()) || 0;
        $('#tada').on('input', function () {

            let currentTada = parseFloat($(this).val()) || 0;

            let newSalary = parseFloat($('#netSalary').val()) || 0;

            if (previousTada > currentTada) {
                newSalary -= (previousTada - currentTada);
            } else {
                newSalary += (currentTada - previousTada);
            }

            $('#netSalary').val(newSalary.toFixed(2));
            $('#net_salary').text(newSalary.toFixed(2));
            previousTada = currentTada;
        });

        let previousOverTime = parseFloat($('#overtime').val()) || 0;
        $('#overtime').on('input', function () {

            let currentOverTime = parseFloat($(this).val()) || 0;

            let newSalary = parseFloat($('#netSalary').val()) || 0;

            if (previousOverTime > currentOverTime) {
                newSalary -= (previousOverTime - currentOverTime);
            } else {
                newSalary += (currentOverTime - previousOverTime);
            }

            $('#netSalary').val(newSalary.toFixed(2));
            $('#net_salary').text(newSalary.toFixed(2));
            previousOverTime = currentOverTime;
        });

        let previousUnderTime = parseFloat($('#undertime').val()) || 0;
        $('#undertime').on('input', function () {

            let currentUnderTime = parseFloat($(this).val()) || 0;

            let newSalary = parseFloat($('#netSalary').val()) || 0;

            if (previousUnderTime > currentUnderTime) {
                newSalary += (previousUnderTime - currentUnderTime);
            } else {
                newSalary -= (currentUnderTime - previousUnderTime);
            }

            $('#netSalary').val(newSalary.toFixed(2));
            $('#net_salary').text(newSalary.toFixed(2));
            previousUnderTime = currentUnderTime;
        });

        let previousAbsentDeduction = parseFloat($('#absentDeduction').val()) || 0;
        $('#absentDeduction').on('input', function () {

            let currentAbsentDeduction = parseFloat($(this).val()) || 0;


            let newSalary = parseFloat($('#netSalary').val()) || 0;

            if (previousAbsentDeduction > currentAbsentDeduction) {
                newSalary += (previousAbsentDeduction - currentAbsentDeduction);
            } else {
                newSalary -= (currentAbsentDeduction - previousAbsentDeduction);
            }

            $('#netSalary').val(newSalary.toFixed(2));
            $('#net_salary').text(newSalary.toFixed(2));
            previousAbsentDeduction = currentAbsentDeduction;
        });


        // paid status

        $('#payroll_status').on('change', function (){

            let status = $(this).val();
           if(status === "{{ $paidStatus }}"){
               $('.paidPayslip').removeClass('d-none');
           }else{
               $('.paidPayslip').addClass('d-none');
           }
        });


    </script>
@endsection