@extends('layouts.sidebar')

@section('content')
    <style>
        @media print {
            body * {
                visibility: hidden;
            }

            .print-content,
            .print-content * {
                visibility: visible;
                font-size: 10px;
                /* Adjust the font size as needed */
            }

            .print-content {
                position: absolute;
                left: 0;
                top: 0;
                width: 210mm;
                /* A4 width */
                height: 350mm;
                /* A4 height */
                padding: 10mm;
                /* Add padding to simulate margin */
                box-sizing: border-box;
            }

            .print-content table td,
            .print-content table th {
                padding: 0px;
                /* Adjust the padding as needed */
            }
        }
    </style>
    <div class="container mx-auto my-5">
        <div class="flex gap-4 ">
            <a href="{{ route('payrolls.index') }}"
                class="px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700">
                Back
            </a>
            <button onclick="window.print()" class="px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700">
                Print
            </button>
        </div>
        <div>

            <div class="print-content">
                @foreach ($payrollsByDateRange as $period => $payrolls)
                    <div class="my-10 ">
                        <div class="text-center">
                            <p class="text-lg font-semibold">RWEB Solution Corp</p>
                            <p class=" text-sl">Payroll for {{ $period }}</p>
                        </div>


                        @if ($payrolls)
                            <table class="min-w-full mt-4 border border-collapse border-gray-400 table-auto">
                                <thead>
                                    <tr class="bg-orange-600">
                                        <th class="px-4 py-2 border">Name</th>
                                        <th class="px-4 py-2 border"># of Days Regular</th>
                                        <th class="px-4 py-2 border">Rate</th>
                                        <th class="px-4 py-2 border">Total</th>
                                        <th class="px-4 py-2 border"># of Late</th>
                                        <th class="px-4 py-2 border">Late/min</th>
                                        <th class="px-4 py-2 border">Deduction (Benefits)</th>
                                        <th class="px-4 py-2 border">DCWD</th>
                                        <th class="px-4 py-2 border">DLPC</th>
                                        <th class="px-4 py-2 border">Total</th>
                                        <th class="px-4 py-2 border">Signature</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($payrolls as $payroll)
                                        <tr class="text-center">
                                            <td class="px-4 py-2 border">{{ $payroll->employee->complete_name }}</td>
                                            <td class="px-4 py-2 border">{{ $payroll->days_worked }}</td>
                                            <td class="px-4 py-2 border">
                                                {{ number_format($payroll->employee->salary_rate, 2) }}
                                            </td>
                                            <td class="px-4 py-2 border">
                                                {{ number_format($payroll->employee->salary_rate * $payroll->days_worked, 2) }}
                                            </td>
                                            <td class="px-4 py-2 border">{{ $payroll->late }}</td>
                                            <td class="px-4 py-2 border">
                                                {{ number_format($payroll->late_undertime, 2) }}
                                            </td>
                                            <td class="px-4 py-2 border">
                                                {{ number_format($payroll->philhealth_deduction + $payroll->sss_deduction + $payroll->custom_deductions + $payroll->pagibig_deduction, 2) }}
                                            </td>
                                            <td class="px-4 py-2 border">{{ number_format($payroll->dcwd, 2) }}</td>
                                            <td class="px-4 py-2 border">{{ number_format($payroll->dlpc, 2) }}</td>
                                            <td class="px-4 py-2 border">{{ number_format($payroll->net_pay, 2) }}</td>
                                            <td class="px-4 py-2 border"></td>
                                        </tr>
                                    @endforeach
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td class="px-4 py-2 font-bold border" colspan="3">Grand Total</td>
                                        <td class="px-4 py-2 font-bold border">
                                            {{ number_format($totalsByPeriod[$period]['total_regular'], 2) }}</td>
                                        <td colspan="5" class="px-4 py-2 border"></td>
                                        <td class="px-4 py-2 font-bold border">
                                            {{ number_format($totalsByPeriod[$period]['net_pay'], 2) }}</td>
                                    </tr>
                                </tfoot>
                            </table>
                        @else
                            <p>No payroll records found for this period.</p>
                        @endif
                    </div>
                @endforeach







            </div>

        </div>
    </div>
@endsection