@extends('layouts.master')
@section('css')
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />

    <style>
        .group-name {
            cursor: pointer;
        }

        .salaryTable thead tr th {
            font-size: 16px;
            font-weight: 600;
            background-color: #868686;
        }

        .salaryTable thead tr th {
            font-size: 16px;
            font-weight: 600;
            background-color: #868686;
        }

        .salaryTable td {
            font-size: 14px;
        }
    </style>
@endsection
@section('title')
    Salary Report - {{ $staff->name }}
@endsection
@section('content')
    @php
        $totalSalaryNew = $totalSalary;
        $deductionTotalNew = $deductionTotal;
    @endphp
    <div class="row">
        <div class="col-lg-12">
            <form action="/admin/salary" method="POST" class="tablelist-form" id="salary-form" autocomplete="off">
                @csrf
                <input type="hidden" name="staff_id" value="{{ $staff->id }}">
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0">Salary - {{ $staff->name }}</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label for="month" class="col-md-1 col-form-label">Month</label>
                                <input type="month" class="form-control" placeholder="Month" name="month" id="month"
                                    value="{{ app('request')->get('month') ? app('request')->get('month') : date('Y-m') }}"
                                    required>
                                @if ($alreadyGenerated)
                                    <span class="text-danger" style="font-size: 12px; font-weight: 600"> Salary already
                                        generated for this month</span>
                                @endif
                            </div>
                            <div class="col-md-6 mt-1 text-center" style="padding-top: 25px;">
                                <button type="button" name="filter" id="filter" class="btn btn-sm btn-primary"><i
                                        class="ri-search-line fs-6"></i></button>
                                <button type="button" name="refresh" id="refresh" class="btn btn-sm btn-danger"><i
                                        class="ri-refresh-line fs-6"></i></button>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-centered table-nowrap mb-0">
                                <tbody>
                                    <tr>
                                        <td>Total Working Days</td>
                                        <td align="right">{{ $totalCompanyWorkingDays }}</td>
                                    </tr>
                                    {{-- <tr>
                                        <td scope="col">Duty Time</td>
                                        <td scope="col" align="right">
                                            @if ($staff->duty_start_time != null)
                                                {{ \Carbon\Carbon::parse($staff->duty_start_time)->format('h:i A') }} -
                                                {{ \Carbon\Carbon::parse($staff->duty_end_time)->format('h:i A') }}
                                            @endif
                                        </td>
                                    </tr> --}}
                                    <tr>
                                        <td scope="col">Duty Duration</td>
                                        <td scope="col" align="right">
                                            {{ $dutyDurationCombined }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Paid Leaves</td>
                                        <td align="right">{{ $staff->paid_leave_count }}</td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <div class="card-header">
                        <div class="d-flex justify-content-between align-items-center">
                            <h5 class="card-title mb-0">Working Details</h5>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-centered table-nowrap mb-0">
                                <tbody>
                                    <tr>
                                        <td>Worked Days</td>
                                        <td align="right">{{ $totalWorkDays }}</td>
                                    </tr>
                                    <tr>
                                        <td>Working Hours</td>
                                        <td align="right">{{ $totalWorkingHours }}</td>
                                    </tr>
                                    <tr>
                                        <td>Average Working Hours</td>
                                        <td align="right">{{ $averageWorkingHours }}</td>
                                    </tr>

                                    <tr class="text-danger">
                                        <td>Absent Days</td>
                                        <td align="right">{{ $absentDays }}</td>
                                    </tr>
                                    <tr>
                                        <td>UnPaid Leaves</td>
                                        <td align="right">{{ $unPaidDays }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <br>
                        <div class="table-responsive">
                            <table class="table table-centered table-nowrap mb-0">
                                <tbody>
                                    <tr>
                                        <td><b>Working Days</b></td>
                                        <td align="right"><b>Hour</b></td>
                                        <td align="right"><b>Missed Hours</b></td>
                                        <td align="right"><b>OT Hours</b></td>
                                        <td align="right"><b>Late Hours</b></td>
                                        <td align="right"><b>Action</b></td>
                                    </tr>
                                    @foreach ($workingHourOfDay as $key => $day)
                                        @php
                                            $dayPunch = $punchesOfDay->where('date', $key)->first();
                                            $invalidPunches = $dayPunch['invalidPunches'];
                                            $validPunches = $dayPunch['validPunches'];
                                            if (count($invalidPunches) > 0) {
                                                $invalidPunchExist = true;
                                            } else {
                                                $invalidPunchExist = false;
                                            }
                                        @endphp
                                        <tr data-day="{{ $key }}" class="day"
                                            style="cursor: pointer; {{ $invalidPunchExist ? 'color: red;' : '' }} border: 2px solid #868686;"
                                            style="font-weight: 600;">
                                            @php
                                                $dayWorkedHours = $day->sum(['workedHours']);
                                                $dayWorkedHour = intval($dayWorkedHours);
                                                $dayWorkedMinutes = round(($dayWorkedHours - $dayWorkedHour) * 60);
                                                $dayMissedHours = $day->sum(['missedHours']);
                                                $dayMissedHour = intval($dayMissedHours);
                                                $dayMissedMinutes = round(($dayMissedHours - $dayMissedHour) * 60);
                                                $dayOtHours = $day->sum(['otHours']);
                                                $dayOtHour = intval($dayOtHours);
                                                $dayOtMinutes = round(($dayOtHours - $dayOtHour) * 60);
                                                $dayLateHours = $day->sum(['lateHours']);
                                                $dayLateHour = intval($dayLateHours);
                                                $dayLateMinutes = round(($dayLateHours - $dayLateHour) * 60);
                                            @endphp
                                            <td>{{ $key }}</td>
                                            <td align="right">{{ $dayWorkedHour . ' Hr ' . $dayWorkedMinutes . ' Min' }}
                                            </td>
                                            <td align="right">{{ $dayMissedHour . ' Hr ' . $dayMissedMinutes . ' Min' }}
                                            </td>
                                            <td align="right">{{ $dayOtHour . ' Hr ' . $dayOtMinutes . ' Min' }}</td>
                                            <td align="right">{{ $dayLateHour . ' Hr ' . $dayLateMinutes . ' Min' }}</td>
                                            <td align="right">
                                                <button type="button" class="btn btn-sm btn-primary view_punches"
                                                    data-day="{{ $key }}">View/Hide Punches</button>
                                            </td>
                                        </tr>
                                        @foreach ($day as $dayShift)
                                            @php
                                                $dayShiftWorkHour = intval($dayShift['workedHours']);
                                                $dayShiftWorkMinutes = round(
                                                    ($dayShift['workedHours'] - $dayShiftWorkHour) * 60,
                                                );
                                                $dayShiftMissedHour = intval($dayShift['missedHours']);
                                                $dayShiftMissedMinutes = round(
                                                    ($dayShift['missedHours'] - $dayShiftMissedHour) * 60,
                                                );
                                                $dayShiftOtHour = intval($dayShift['otHours']);
                                                $dayShiftOtMinutes = round(
                                                    ($dayShift['otHours'] - $dayShiftOtHour) * 60,
                                                );
                                                $dayShiftLateHour = intval($dayShift['lateHours']);
                                                $dayShiftLateMinutes = round(
                                                    ($dayShift['lateHours'] - $dayShiftLateHour) * 60,
                                                );
                                            @endphp
                                            <tr class="day_shift_{{ $key }}" style="display: none;">
                                                <td>{{ $dayShift['shift'] }}</td>
                                                <td align="right">
                                                    {{ $dayShiftWorkHour . ' Hr ' . $dayShiftWorkMinutes . ' Min' }}</td>
                                                <td align="right">
                                                    {{ $dayShiftMissedHour . ' Hr ' . $dayShiftMissedMinutes . ' Min' }}
                                                </td>
                                                <td align="right">
                                                    {{ $dayShiftOtHour . ' Hr ' . $dayShiftOtMinutes . ' Min' }}</td>
                                                <td align="right">
                                                    {{ $dayShiftLateHour . ' Hr ' . $dayShiftLateMinutes . ' Min' }}</td>
                                                <td></td>
                                            </tr>
                                        @endforeach

                                        @if (count($validPunches) > 0)
                                            <tr class="punches_{{ $key }}" style="display: none; color: green">
                                                <td colspan="6">
                                                    <b>valid Punches</b>
                                                </td>
                                            </tr>
                                            <tr class="punches_{{ $key }}" style="display: none; color: green">
                                                <td colspan="6">
                                                    <table
                                                        class="table table-centered table-nowrap mb-0 punches_{{ $key }}"
                                                        style="width: 100%; display: none">
                                                        <thead>
                                                            <tr>
                                                                <th>Time</th>
                                                                <th>Type</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($validPunches as $validPunch)
                                                                <tr>
                                                                    <td>{{ \Carbon\Carbon::parse($validPunch['time'])->format('h:i A') }}
                                                                    </td>
                                                                    <td>{{ $validPunch['in_or_out'] }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        @endif
                                        @if (count($invalidPunches) > 0)
                                            <tr class="punches_{{ $key }}" style="display: none; color: red">
                                                <td colspan="6">
                                                    <b>invalid Punches</b>
                                                </td>
                                            </tr>
                                            <tr class="punches_{{ $key }}" style="display: none; color: red">
                                                <td colspan="6">
                                                    <table
                                                        class="table table-centered table-nowrap mb-0 punches_{{ $key }}"
                                                        style="width: 100%; display: none">
                                                        <thead>
                                                            <tr>
                                                                <th>Time</th>
                                                                <th>Type</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach ($invalidPunches as $invalidPunch)
                                                                <tr>
                                                                    <td>{{ \Carbon\Carbon::parse($invalidPunch['time'])->format('h:i A') }}
                                                                    </td>
                                                                    <td>{{ $invalidPunch['in_or_out'] }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        @endif
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        @php
                                            $totalWorkedHour = intval($totalWorkingHours);
                                            $totalWorkedMinutes = round(($totalWorkingHours - $totalWorkedHour) * 60);
                                            $totalMissedHour = intval($missedHours);
                                            $totalMissedMinutes = round(($missedHours - $totalMissedHour) * 60);
                                            $totalOtHour = intval($otHours);
                                            $totalOtMinutes = round(($otHours - $totalOtHour) * 60);
                                            $totalLateHour = intval($lateHours);
                                            $totalLateMinutes = round(($lateHours - $totalLateHour) * 60);
                                        @endphp
                                        <td><b>Total</b></td>
                                        <td align="right">
                                            <b>{{ $totalWorkedHour . ' Hr ' . $totalWorkedMinutes . ' Min' }}</b>
                                        </td>
                                        <td align="right">
                                            <b>{{ $totalMissedHour . ' Hr ' . $totalMissedMinutes . ' Min' }}</b>
                                        </td>
                                        <td align="right"><b>{{ $totalOtHour . ' Hr ' . $totalOtMinutes . ' Min' }}</b>
                                        </td>
                                        <td align="right">
                                            <b>{{ $totalLateHour . ' Hr ' . $totalLateMinutes . ' Min' }}</b>
                                        </td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                @if (!$alreadyGenerated)
                    <div class="card">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <h5 class="card-title mb-0">Salary Details</h5>
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table width="100%" class="salaryTable">
                                    <tr>
                                        <td width="50%" style="vertical-align: top;padding-right: 30px">
                                            <table width="100%">
                                                <thead>
                                                    <tr>
                                                        <th>Earnings</th>
                                                        <th>Amount</th>
                                                        <th align="right">Total</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="earningsTable">
                                                    <tr>
                                                        <td scope="col">Base Salary</td>
                                                        <td scope="col">
                                                            <input type="number" name="base_salary" id="base_salary"
                                                                value="{{ $staff->basic_salary }}"
                                                                class="form-control earnings_amount base_amount" readonly>
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    @if ($allowances->count() > 0)
                                                        @foreach ($allowances as $allowance)
                                                            <tr>
                                                                <td scope="col">{{ $allowance->salaryAllowance->name }}
                                                                </td>
                                                                <td scope="col">
                                                                    <input type="number"
                                                                        name="allowances[{{ $allowance->salaryAllowance->id }}]"
                                                                        id="allowances[{{ $allowance->salaryAllowance->id }}]"
                                                                        value="{{ $allowance->allowance_amount }}"
                                                                        class="form-control earnings_amount base_amount"
                                                                        readonly>
                                                                </td>
                                                                <td></td>
                                                            </tr>
                                                        @endforeach
                                                    @endif
                                                    <tr>
                                                        <td><b>Gross Salary</b></td>
                                                        <td>
                                                        </td>
                                                        <td align="right"><b>{{ round($grossSalary, 2) }}</b></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Over Time</td>
                                                        <td><input type="number" name="ot" id="ot"
                                                                value="{{ round($ot, 2) }}"
                                                                class="form-control earnings_amount other_earnings">
                                                        </td>
                                                    </tr>
                                                    @foreach ($salaryAllowances as $salaryAllowance)
                                                        @if ($allowances->where('salary_allowance_id', $salaryAllowance->id)->count() > 0)
                                                            @continue
                                                        @endif
                                                        <tr>
                                                            <td scope="col" width="50%"><select
                                                                    class="form-control" readonly name="earnings[]">
                                                                    <option value="{{ $salaryAllowance->id }}" selected>
                                                                        {{ $salaryAllowance->name }} </option>
                                                                </select></td>
                                                            <td scope="col" width="50%">
                                                                <input type="number"
                                                                    class="form-control earnings_amount other_earnings"
                                                                    name="earnings_amount[{{ $salaryAllowance->id }}]">
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </td>
                                        <td width="50%" style="vertical-align: top; padding-right: 30px">
                                            <table width="100%">
                                                <thead>
                                                    <tr>
                                                        <th>Deductions</th>
                                                        <th>Amount</th>
                                                        <th>Total</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="deductionsTable">
                                                    <tr>
                                                        <td>Leave Deduction</td>
                                                        <td><input type="number" id="leave_deduction"
                                                                name="leave_deduction"
                                                                value="{{ round($leaveDeduction, 2) }}"
                                                                class="form-control deductions_amount"></td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Time Deduction</td>
                                                        <td><input type="number" id="hourly_deduction"
                                                                name="hourly_deduction"
                                                                value="{{ round($hourlyDeduction, 2) }}"
                                                                class="form-control deductions_amount"></td>
                                                        <td></td>

                                                    </tr>
                                                    <tr>
                                                        <td><b>Time/Leave Deduction</b></td>
                                                        <td></td>
                                                        <td align="right">
                                                            <b>{{ round($leaveDeduction + $hourlyDeduction, 2) }}</b>
                                                        </td>
                                                    </tr>
                                                    @foreach ($salaryDeductions as $salaryDeduction)
                                                        <tr>
                                                            <td scope="col"><select class="form-control"
                                                                    name="deductions[]" readonly>
                                                                    <option value="{{ $salaryDeduction->id }}" selected>
                                                                        {{ $salaryDeduction->name }} </option>
                                                                </select></td>
                                                            <td scope="col">
                                                                <input type="number"
                                                                    class="form-control deductions_amount other_deductions"
                                                                    name="deductions_amount[{{ $salaryDeduction->id }}]">
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                    <tfoot>
                                        <tr>
                                            <td width="50%" style="padding-right: 30px;">
                                                <table width="100%">
                                                    <tr>
                                                        <td scope="col"><b>Other Earnings</b></td>
                                                        <td></td>
                                                        <td scope="col" align="right">
                                                            <b id="otherEarnings">{{ round($ot, 2) }}</b>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td width="50%" style="padding-right: 30px;">
                                                <table width="100%">
                                                    <tr>
                                                        <td scope="col"><b>Other Deductions</b></td>
                                                        <td></td>
                                                        <td scope="col" align="right">
                                                            <b id="otherDeductions">{{ 0 }}</b>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        {{-- <tr style="border-top: 1px solid #868686;">
                                    <td><b>Add Earnings <button type="button" class="btn btn-primary"
                                                id="add-earnings-row"><i class="la la-plus"
                                                    onclick="addEarningsRow()"></i></button></b></td>
                                    <td><b>Add Deductions <button type="button" class="btn btn-primary"
                                                id="add-deductions-row" onclick="addDeductionsRow()"><i
                                                    class="la la-plus"></i></button></b></td>
                                </tr> --}}
                                    </tfoot>
                                </table>
                                <table width="100%"
                                    style="background-color: #868686; font-size: 16px; font-weight: 600">
                                    <tr>
                                        <td width="50%" style="padding-right: 30px">
                                            <table width="100%">
                                                <tr>
                                                    <td scope="col"><b>Total Earnings</b></td>
                                                    <td></td>
                                                    <td scope="col" id="totalEarnings"align="right">
                                                        {{ round($totalSalaryNew, 2) }}

                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td width="50%" style="padding-right: 30px">
                                            <table width="100%">
                                                <tr>
                                                    <td scope="col"><b>Total Deductions</b></td>
                                                    <td></td>
                                                    <td scope="col" id="totalDeductions" align="right">
                                                        {{ round($deductionTotalNew, 2) }}
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="net_salary" id="net_salary" value="{{ round($netSalary, 2) }}">
                    <div class="card" style="border-radius: 10px">
                        <div class="card-body">
                            <div class="table-responsive">
                                <table width="100%" style="font-size:18px;">
                                    <tr>
                                        <td><b>Net Salary</b></th>
                                        <td id="netSalary">{{ round($netSalary, 2) }}
                                            </th>
                                        <td align="center"><button type="submit" id="submit-btn"
                                                class="btn btn-primary">Generate
                                                Salary</button></th>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                @endif
            </form>
        </div>
    </div>
@endsection
@section('script')
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script>
        let earningsTotal = {{ $totalSalary }};
        let deductionsTotal = {{ $deductionTotal }};
        let newEarningsTotal = {{ $totalSalaryNew }};
        let newDeductionsTotal = {{ $deductionTotalNew }};
        $(document).ready(function() {
            $('#filter').click(function(e) {
                e.preventDefault();
                var month = $('#month').val();
                //check dates not null
                if (month != '') {
                    window.location = window.location.href.split('?')[0] + '?month=' + month + '';
                } else {
                    alert('Please select month');
                }
            });
            $('#refresh').click(function(e) {
                e.preventDefault();
                window.location = window.location.href.split('?')[0];
            });
        });

        function addEarningsRow() {
            var html = `<tr>
                            <td scope="col" width="50%"><select class="form-control" name="earnings[]" required>`;
            @foreach ($salaryAllowances as $salaryAllowance)
                html += `<option value="{{ $salaryAllowance->id }}">{{ $salaryAllowance->name }} </option>`;
            @endforeach
            html += `</select></td>
                            <td scope="col" width="50%"><div class="input-group"><input type="number" class="form-control earnings_amount other_earnings" name="earnings_amount[]" required>
                                <button type="button" class="btn btn-danger" onclick="removeRow(this)"><i class="la la-minus"></i></button></div></td>
                        </tr>`;
            $('#earningsTable').append(html);
        }

        function addDeductionsRow() {
            var html = `<tr>
                            <td scope="col"><select class="form-control" name="deductions[]" required>`;
            @foreach ($salaryDeductions as $salaryDeduction)
                html += `<option value="{{ $salaryDeduction->id }}">{{ $salaryDeduction->name }} </option>`;
            @endforeach
            html += `</select></td>
                            <td scope="col"><div class="input-group"><input type="number" class="form-control deductions_amount other_deductions" name="deductions_amount[]" required>
                                <button type="button" class="btn btn-danger" onclick="removeRow(this)"><i class="la la-minus"></i></button></div></td>
                        </tr>`;
            $('#deductionsTable').append(html);
        }

        function removeRow(e) {
            $(e).parent().parent().parent().remove();
            calculateTotal();
        }

        $(document).on('keyup', '.earnings_amount, .deductions_amount', function() {
            calculateTotal();
        })

        function calculateTotal() {
            var totalEarnings = 0;
            var totalDeductions = 0;
            var otherEarnings = 0;
            var otherDeductions = 0;

            $('.other_earnings').each(function() {
                otherEarnings += parseFloat($(this).val() == '' ? 0 : $(this).val());
            });
            $('.other_deductions').each(function() {
                otherDeductions += parseFloat($(this).val() == '' ? 0 : $(this).val());
            });
            $('.earnings_amount').each(function() {
                totalEarnings += parseFloat($(this).val() == '' ? 0 : $(this).val());
            });
            $('.deductions_amount').each(function() {
                totalDeductions += parseFloat($(this).val() == '' ? 0 : $(this).val());
            });
            totalEarnings = totalEarnings.toFixed(2);
            totalDeductions = totalDeductions.toFixed(2);
            $('#otherEarnings').html(otherEarnings.toFixed(2));
            $('#otherDeductions').html(otherDeductions.toFixed(2));
            $('#totalEarnings').html(totalEarnings);
            $('#totalDeductions').html(totalDeductions);
            $('#netSalary').html((parseFloat(totalEarnings) - parseFloat(totalDeductions)).toFixed(2));
            $('#net_salary').val((parseFloat(totalEarnings) - parseFloat(totalDeductions)).toFixed(2));
        }

        $('.day').click(function(e) {
            e.preventDefault();
            var day = $(this).data('day');
            $('.day_shift_' + day).toggle();
        });

        $('.view_punches').click(function(e) {
            e.preventDefault();
            var day = $(this).data('day');
            $('.day_shift_' + day).toggle();
            $('.punches_' + day).toggle();
        });

        $('#salary-form').validate({
            submitHandler: function(form, e) {
                e.preventDefault();
                $('#submit-btn').prop('disabled', true);
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            });
                            window.location.href = '/admin/salary';
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                        $('#submit-btn').prop('disabled', false);
                    },
                    error: function(data) {
                        $('#submit-btn').prop('disabled', false);
                        if (data.status === 422) {
                            var message = data.responseJSON.message;
                            Swal.fire({
                                title: 'Error!',
                                text: message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        } else {
                            // Handle other error cases
                            console.log('Other Error:', data.responseText);
                        }
                    }
                });
            }
        });
    </script>
@endsection