@extends('layouts.sidebar')
@section('title', 'Payroll')
@section('content')
    @if (in_array('Payroll Checking', $privileges) || in_array('Payroll Approve', $privileges))


        <div class="py-3 text-sm text-center">
            <h1 class="font-bold ">ALL TRADE MANPOWER, INC. </h1>
            <p class=" font-bold">
                {{ $data->client->business_name }} Summary Payroll report with Batch ID: {{ $batch_id }}
            </p>
            <p class=" font-bold">Period Cover: {{ \Carbon\Carbon::parse($data->pay_period_start)->format('F j, Y') }}
                to
                {{ \Carbon\Carbon::parse($data->pay_period_end)->format('F j, Y') }}</p>
        </div>

        @if (session('success'))
            <div class="p-4 mb-4 text-white bg-green-500">
                {{ session('success') }}
            </div>
        @endif
        {{-- <div class="flex justify-end p-5 text-sm">
            <a href="{{ route('deduction.get', ['id' => $batch_id, 'status' => 0]) }}"
                class="inline-block px-4 py-2 text-white transition duration-200 bg-blue-600 rounded hover:bg-blue-700">
                Deduction List >
            </a>

        </div> --}}

        <div class="overflow-hidden ">
            <table id="payrollsDataTable" class="min-w-full border border-collapse border-gray-200 rounded shadow-md">
                <thead>
                    <tr class="text-sm leading-normal uppercase ">
                        <th>ID</th>
                        <th>Employee Name</th>
                        <th class="">Rate</th>
                        <th class="">Earnings</th>
                        <th class="">Deductions</th>
                        <th class="">netpay</th>

                        <th class="bg-yellow-300">Action</th>
                    </tr>
                </thead>
                <tbody class="text-sm font-light text-center text-gray-600">
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="2" class="text-center">Total</th>
                        <th class="text-center" id="totalRate">0</th>
                        <th class="text-center" id="totalEarnings">0</th>
                        <th class="text-center" id="totalDeductions">0</th>
                        <th class="text-center" id="totalNetPay">0</th>
                        <th class="text-center"></th>
                    </tr>
                </tfoot>
            </table>
        </div>



        <div class="overflow-auto grid gap-10 grid-cols-5 ">

            <div class="col-span-3">
                <p class="mt-5 mb-2 text-xs font-bold">SUMMARY</p>
                <table class="min-w-full max-w-full rounded-lg shadow-md">
                    <thead class="border-black border-2">
                        <tr class="text-sm text-gray-700">
                            <th class="px-4 border-b">Trx ID</th>
                            <th class="px-4 border-b">Trx Name</th>
                            <th class="px-4 border-b">Earnings</th>
                            <th class="px-4 border-b">Deduction</th>
                        </tr>
                    </thead>
                    <tbody class="text-xs font-light text-center border-b-2 border-black text-gray-600">
                        {{-- Loop through trxConstantDeductions first --}}
                        @php
                            $totalEarnings = 0;
                            $totalDeductions = 0;
                        @endphp
                        @foreach ($payrolls as $payroll)
                            @foreach ($payroll->othersForPayroll as $earning)
                                <tr class="hover:bg-gray-100">
                                    <td class="py-2 px-4 border-b">
                                        {{ $earning->id }}
                                    </td>
                                    <td class="py-2 px-4 border-b">
                                        {{ $earning->name }}
                                    </td>
                                    <td class="py-2 px-4 border-b">

                                        ₱{{ number_format($earning->amount, 2) }}
                                        @php
                                            $totalEarnings += $earning->amount;
                                        @endphp

                                    </td>
                                    <td class="py-3 px-4 border-b">

                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                        @foreach ($payrolls as $payroll)
                            @foreach ($payroll->trxConstantDeductions as $earning)
                                <tr class="hover:bg-gray-100">
                                    <td class="py-2 px-4 border-b">
                                        {{ $earning->trxConstant->group_code_id }}
                                    </td>
                                    <td class="py-2 px-4 border-b">
                                        {{-- Use optional() to avoid errors when trx_code is null --}}
                                        {{ optional(App\Models\TrxCode::find($earning->trxConstant->group_code_id))->description }}
                                    </td>
                                    <td class="py-2 px-4 border-b">
                                        @if ($earning->status == 1)
                                            ₱{{ number_format($earning->E_Amount, 2) }}
                                            @php
                                                $totalEarnings += $earning->E_Amount;
                                            @endphp
                                        @endif
                                    </td>
                                    <td class="py-2 px-4 border-b">
                                        @if ($earning->status == null)
                                            ₱{{ number_format($earning->E_Amount, 2) }}
                                            @php
                                                $totalDeductions += $earning->E_Amount;
                                            @endphp
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach

                        {{-- Loop through trxLoanDeductions after --}}
                        @foreach ($payrolls as $payroll)
                            @foreach ($payroll->trxLoanDeductions as $deduction)
                                <tr class="hover:bg-gray-100">
                                    <td class="py-2 px-4 border-b">
                                        {{ $deduction->trxLoan->group_code_id }}
                                    </td>
                                    <td class="py-2 px-4 border-b">
                                        {{-- Use optional() to avoid errors when trx_code is null --}}
                                        {{ optional(App\Models\TrxCode::find($deduction->trxLoan->group_code_id))->description }}
                                    </td>
                                    <td class="py-2 px-4 border-b"></td>
                                    <td class="py-2 px-4 border-b">
                                        ₱{{ number_format($deduction->Amount, 2) }}
                                        @php
                                            $totalDeductions += $deduction->Amount;
                                        @endphp
                                    </td>
                                </tr>
                            @endforeach
                        @endforeach
                    </tbody>
                    <tfoot class="bg-gray-100 text-sm font-bold text-gray-700 text-center">
                        <tr>
                            <td class="py-3 px-4 border-t" colspan="2">Total</td>
                            <td class="py-3 px-4 border-t">
                                ₱{{ number_format($totalEarnings, 2) }}
                            </td>
                            <td class="py-3 px-4 border-t">
                                ₱{{ number_format($totalDeductions, 2) }}
                            </td>
                        </tr>
                    </tfoot>
                </table>

            </div>
            <div class="flex items-center justify-center col-span-2">
                <form id="payrollForm" method="POST" action="{{ route('update.batch.status') }}">
                    @csrf
                    <div class="hidden mb-4">
                        <label for="id" class="block text-sm font-medium text-gray-700">Batch ID:</label>
                        <input type="text" name="id" id="id"
                            class="block w-full mt-1 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500"
                            required value="{{ $batch_id }}">
                    </div>

                    @if ($data->status == '0')
                        <div class="flex items-center justify-center">
                            <button type="button" onclick="openConfirmationModal()"
                                class="px-20 py-2 font-semibold text-white bg-blue-600 rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">
                                Save
                            </button>
                        </div>
                    @endif
                    @if (in_array('Payroll Approve', $privileges))
                        @if ($data->status == '1')
                            <div class="flex items-center justify-center">
                                <button type="button" onclick="openConfirmationModal()"
                                    class="px-20 py-2 font-semibold text-white bg-blue-600 rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500">
                                    Approved
                                </button>
                            </div>
                        @endif
                    @else
                    @endif
                </form>
            </div>
        </div>


        @if ($data->status !== '0')
            <div class="flex gap-20 mt-20">
                @if ($prepared && $prepared->user)
                    <p>Prepared By: <strong>{{ $prepared->user->name }}</strong></p>
                @endif

                @if ($approved && $approved->user)
                    <p>Approved By: <strong>{{ $approved->user->name }}</strong></p>
                @endif
            </div>
        @endif
        <!-- Confirmation Modal -->
        <div id="confirmationModal"
            class="fixed inset-0 z-50 flex items-start justify-center hidden bg-black bg-opacity-50">
            <div class="w-auto p-6 mt-10 bg-white rounded-lg shadow-lg">
                <h2 class="mb-4 text-lg font-bold">Confirm Action</h2>
                <p class="mb-6 text-gray-700">Are you sure you want to save this as the final payroll?</p>
                <div class="flex justify-end gap-4">
                    <button onclick="closeConfirmationModal()"
                        class="px-4 py-2 text-gray-700 bg-gray-200 rounded-md hover:bg-gray-300 focus:outline-none">
                        Cancel
                    </button>
                    <button onclick="submitPayrollForm1()"
                        class="px-4 py-2 text-white bg-blue-600 rounded-md hover:bg-blue-700 focus:outline-none">
                        Confirm
                    </button>
                </div>
            </div>
        </div>






        <script>
            // Open the confirmation modal
            function openConfirmationModal() {
                document.getElementById('confirmationModal').classList.remove('hidden');
            }

            // Close the confirmation modal
            function closeConfirmationModal() {
                document.getElementById('confirmationModal').classList.add('hidden');
            }

            // Submit the form upon confirmation
            function submitPayrollForm1() {
                document.getElementById('payrollForm').submit();
            }
        </script>
        @include('Admin.Payroll.payrollbatch.modal')
    @else
        <div class="flex items-center justify-center w-full h-full my-2">
            <div>
                <i class="mr-2 text-3xl bx bx-lock"></i> <!-- Large lock icon indicating no access -->
                <span class="text-gray-500">You don't have privilege to access this page</span>
            </div>

        </div>
    @endif
@endsection