@extends('layouts.sidebar')
@section('title', 'billings')
@section('content')
@if (in_array('Billing Checking' || 'Client Interface', $privileges))


<div class="bg-white ">
    <div class="flex items-end justify-end gap-5">

        <button onclick="printDiv('print-section')"
            class="px-4 py-2 font-bold text-white bg-gray-900 rounded-md w-44 hover:bg-blue-700">
            Print
        </button>



    </div>

    <div class="p-6 mx-auto print-content " id="print-section">
        <div class="p-5">
            <div class="text-2xl flex items-center justify-center flex-col text-center md:mb-10 font-serif">
                <img class="w-32" src="{{ asset($client->client->agency->contact_person) }}">
                <p class="font-extrabold text-gray-800">{{ $client->client->agency->name }}</p>
                <p class="text-sm text-gray-600">{{ $client->client->agency->address }}</p>
                <p class="text-sm text-gray-600">Tel: {{ $client->client->agency->contact_phone }}</p>
            </div>
            <hr class="border-t border-gray-300 mb-4">
            <div class="flex justify-between">
                <div class="mb-4">
                    <p class="text-sm font-semibold text-gray-700">Client Name: <span
                            class="font-normal text-gray-600">{{ $client->client->business_name }}</span></p>
                    <p class="text-sm font-semibold text-gray-700">Address: <span
                            class="font-normal text-gray-600">{{ $client->client->address }}</span></p>
                    @if ($hasBillingRecords)
                    <p class="text-sm font-semibold text-gray-700">Billing Ref. #:
                        <span class="font-normal text-gray-600"> {{ $hasBillingRecords->id }}</span>
                    </p>
                    @endif
                    <p class="text-sm font-semibold text-gray-700">Period Covered: <span
                            class="font-normal text-gray-600">
                            {{ \Carbon\Carbon::parse($payPeriodStart)->format('F d, Y') }} -
                            {{ \Carbon\Carbon::parse($payPeriodEnd)->format('F d, Y') }}</span></p>
                </div>
                <div class="flex  items-start  gap-10">
                    <div>
                        @if (request()->query('value') == 1)
                        <form>
                            <input type="hidden" name="value" value="">
                            <button
                                class="px-2 py-1 font-semibold text-white bg-gray-900 rounded-md w-auto hover:bg-blue-700 text-sm"
                                type="submit">Back to Default View</button>
                        </form>
                        @else
                        <form>
                            <input type="hidden" name="value" value="1">
                            <button
                                class="px-2 py-1 font-semibold text-white bg-gray-900 rounded-md w-40 hover:bg-blue-700 text-sm"
                                type="submit">View Adjustments</button>
                        </form>
                        @endif



                    </div>

                    <div> <a href="{{ route('export.payroll', ['id' => $id, 'client_id' => $client->id]) }}"
                            class="bg-blue-500 text-white px-3 py-1 rounded hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-50">
                            Export Payroll
                        </a>

                    </div>

                </div>
            </div>

            <hr class="border-t border-gray-300 mb-4">
            <div class="hidden">
                <input type="text" class="form-control" name="user_id" value="{{ $currentUser->id }}" required>
                <input type="date" class="form-control" name="date" value="{{ date('Y-m-d') }}" required>
            </div>
            @php
            // Collect all unique headers and initialize totals
            $uniqueHeaders = [];
            $totals = [
            'others' => [],
            'deductions' => [],
            'benefits' => [],
            'grand_total' => 0, // Track grand total
            ];

            foreach ($payrolls as $payroll) {
            foreach ($payroll->othersForPayroll as $earning) {
            $uniqueHeaders['others'][$earning->name] = $earning->name;
            }
            foreach ($payroll->trxConstantDeductions->where('status', 1) as $earning) {
            $description = optional(App\Models\TrxCode::find($earning->trxConstant->group_code_id))
            ->description;
            $uniqueHeaders['deductions'][$description] = $description;
            }
            foreach ($payroll->benefits as $earning) {
            $uniqueHeaders['benefits'][$earning->type] = $earning->type;
            }
            }
            @endphp

            <div class=" shadow-md rounded-lg ">
                <table class="min-w-full border-collapse border border-gray-300 "
                    style="table-layout: fixed; width: 100%;">
                    <thead class="bg-gray-100 text-gray-600 text-xs leading-normal">
                        <tr>
                            <th class="py-2  text-left border border-gray-300 text-xs"></th>
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">Employee Name</th>
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">Days</th>
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">Rate</th>
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">Amount</th>

                            <!-- Render headers for Others, Deductions, and Benefits -->
                            @foreach ($uniqueHeaders['others'] ?? [] as $header)
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">
                                {{ $header }}
                            </th>
                            @endforeach

                            @foreach ($uniqueHeaders['deductions'] ?? [] as $header)
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">
                                {{ $header }}
                            </th>
                            @endforeach

                            @foreach ($uniqueHeaders['benefits'] ?? [] as $header)
                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">
                                {{ $header }}
                            </th>
                            @endforeach

                            <th class="py-2 px-3 text-left border border-gray-300 text-xs">Grand Total</th>
                        </tr>
                    </thead>

                    <tbody class="text-gray-700 text-xs font-light">
                        <!-- Render rows -->
                        @foreach ($payrolls as $payroll)
                        @php
                        $value = request()->query('value');
                        if ($payroll->days_adjustment == null || $value == null || $value == 0) {
                        $days = $payroll->days_worked_withdeduction;
                        } elseif ($value == 1) {
                        $days = $payroll->days_adjustment;
                        }

                        if ($payroll->earnings_adjustment == null || $value == null || $value == 0) {
                        $earnings = $payroll->earnings;
                        } elseif ($value == 1) {
                        $earnings = $payroll->earnings_adjustment;
                        }

                        if ($payroll->rate_adjustment == null || $value == null || $value == 0) {
                        $valuerate = $payroll->rate;
                        } elseif ($value == 1) {
                        $valuerate = $payroll->rate_adjustment;
                        }

                        $basicEarnings = $valuerate * $days;
                        $rowTotal = $basicEarnings; // Add earnings

                        // Add other earnings to the row total (e.g., COLA, Allowances)
                        foreach ($uniqueHeaders['others'] ?? [] as $header) {
                        $others = $payroll->othersForPayroll->firstWhere('name', $header);

                        // Default amount to 0
                        $amount = 0;

                        if ($others) {
                        // If 'amount_adj' is null, or if $value is null or 0, use 'amount'
                        if ($others->amount_adj === null || $value == null || $value == 0) {
                        $amount = $others->amount ?? 0; // Default to 0 if 'amount' is not set
                        } elseif ($value == 1) {
                        // If $value is 1, use 'amount_adj'
                        $amount = $others->amount_adj ?? 0; // Default to 0 if 'amount_adj' is not set
                        }
                        }
                        $rowTotal += $amount;
                        $totals['others'][$header] = ($totals['others'][$header] ?? 0) + $amount;
                        }

                        // Subtract deductions (SSS, Pag-IBIG, PhilHealth)
                        foreach ($uniqueHeaders['deductions'] ?? [] as $header) {
                        $amount =
                        $payroll->trxConstantDeductions->firstWhere(
                        fn($earning) => optional(
                        App\Models\TrxCode::find($earning->trxConstant->group_code_id),
                        )->description === $header,
                        )?->E_Amount ?? 0;
                        $rowTotal += $amount;
                        $totals['deductions'][$header] =
                        ($totals['deductions'][$header] ?? 0) + $amount;
                        }

                        // Add benefits (if applicable)
                        foreach ($uniqueHeaders['benefits'] ?? [] as $header) {
                        $benefits = $payroll->benefits->firstWhere('type', $header);

                        // Default amount to 0
                        $amount = 0;

                        if ($benefits) {
                        // If 'amount_adj' is null, or if $value is null or 0, use 'amount'
                        if ($benefits->amount_adj === null || $value == null || $value == 0) {
                        $amount = $benefits->employer_share ?? 0; // Default to 0 if 'amount' is not set
                        } elseif ($value == 1) {
                        // If $value is 1, use 'amount_adj'
                        $amount = $benefits->er_adjustment ?? 0; // Default to 0 if 'amount_adj' is not set
                        }
                        }

                        $rowTotal += $amount;
                        $totals['benefits'][$header] =
                        ($totals['benefits'][$header] ?? 0) + $amount;
                        }

                        // Accumulate grand total
                        $totals['grand_total'] += $rowTotal;
                        @endphp



                        <tr class="border-b border-gray-300 hover:bg-gray-100">
                            <td class="py-1 border border-gray-300 text-xs ">
                                <div class="flex items-start justify-center group relative">
                                    <!-- Button to trigger the menu -->
                                    <button
                                        class="menuButton flex items-center justify-center w-6 h-6 bg-white rounded-full shadow hover:bg-gray-100">
                                        <div class="flex flex-col justify-between w-1 h-4">
                                            <span class="block w-1 h-1 bg-gray-700 rounded-full"></span>
                                            <span class="block w-1 h-1 bg-gray-700 rounded-full"></span>
                                            <span class="block w-1 h-1 bg-gray-700 rounded-full"></span>
                                        </div>
                                    </button>

                                    <!-- Floating menu (hidden by default) -->
                                    <div
                                        class="menuPopup absolute left-1/2 text-left transform -translate-x-1/2  bg-white border border-gray-200 rounded shadow-lg w-32 hidden z-50 group-hover:block group-hover:opacity-100 opacity-0 transition-opacity duration-300">
                                        @if ($hasBillingRecords)
                                        <p class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
                                            Can't Edit</p>
                                        @else
                                        <a href="{{ route('billing.payroll.edit', $payroll->id) }}"
                                            class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">Edit
                                        </a>
                                        @endif
                                        <a href="#action2"
                                            class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">View
                                        </a>

                                    </div>
                                </div>
                            </td>









                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ $payroll->employee->first_name }}
                                {{ substr($payroll->employee->middle_name, 0, 1) }}.
                                {{ $payroll->employee->last_name }}
                            </td>

                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ $days }}
                                @php
                                // Initialize $total_days if it hasn't been defined earlier
                                if (!isset($total_days)) {
                                $total_days = 0;
                                }

                                // Add the value of $days to $total_days
                                $total_days += $days;
                                @endphp
                            </td>
                            <td class="py-1 px-3 border border-gray-300 text-xs">{{ $valuerate }}</td>
                            <td class="py-1 px-3 border border-gray-300 text-xs">{{ $earnings }}
                            </td>

                            <!-- Render Others for Payroll -->
                            @foreach ($uniqueHeaders['others'] ?? [] as $header)
                            @php

                            $amount = '-';

                            // Find the benefit with the given header type
                            $others = $payroll->othersForPayroll->firstWhere('name', $header);

                            // Check if the benefit exists
                            if ($others) {
                            // If 'er_adjustment' is null or $value is null or 0, use 'employer_share'
                            if ($others->amount_adj === null || $value == null || $value == 0) {
                            $amount = $others->amount ?? '-';
                            } elseif ($value == 1) {
                            // If $value is 1, use 'er_adjustment'
                            $amount = $others->amount_adj ?? '-';
                            }
                            }

                            @endphp
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ is_numeric($amount) ? number_format($amount, 2) : $amount }}
                            </td>
                            @endforeach

                            <!-- Render Deductions -->
                            @foreach ($uniqueHeaders['deductions'] ?? [] as $header)
                            @php
                            $amount =
                            $payroll->trxConstantDeductions->firstWhere(
                            fn($earning) => optional(
                            App\Models\TrxCode::find(
                            $earning->trxConstant->group_code_id,
                            ),
                            )->description === $header,
                            )?->E_Amount ?? '-';
                            @endphp
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ is_numeric($amount) ? number_format($amount, 2) : $amount }}
                            </td>
                            @endforeach


                            @foreach ($uniqueHeaders['benefits'] ?? [] as $header)
                            @php
                            // Default value is '-'
                            $amount = '-';

                            // Find the benefit with the given header type
                            $benefit = $payroll->benefits->firstWhere('type', $header);

                            // Check if the benefit exists
                            if ($benefit) {
                            // If 'er_adjustment' is null or $value is null or 0, use 'employer_share'
                            if (
                            $benefit->er_adjustment === null ||
                            $value == null ||
                            $value == 0
                            ) {
                            $amount = $benefit->employer_share ?? '-';
                            } elseif ($value == 1) {
                            // If $value is 1, use 'er_adjustment'
                            $amount = $benefit->er_adjustment ?? '-';
                            }
                            }
                            @endphp
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ is_numeric($amount) ? number_format($amount, 2) : $amount }}
                            </td>
                            @endforeach

                            <!-- Grand Total column -->
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ number_format($rowTotal, 2) }}
                            </td>
                        </tr>
                        @endforeach
                    </tbody>

                    <!-- Footer with totals -->
                    <tfoot>
                        <tr class="font-semibold bg-gray-100">
                            <td class="py-1 px-3 border border-gray-300 text-xs text-left">
                            </td>

                            <td class="py-1 px-3 border border-gray-300 text-xs text-left">Total
                            </td>
                            <td class="py-1 px-3 border border-gray-300 text-xs text-left">{{ $total_days}}
                            </td>
                            <td class="py-1 px-3 border border-gray-300 text-xs text-left" colspan="2">
                            </td>
                            <!-- Render total for Others -->
                            @foreach ($uniqueHeaders['others'] ?? [] as $header)
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ is_numeric($totals['others'][$header]) ? number_format($totals['others'][$header], 2) : '-' }}
                            </td>
                            @endforeach

                            <!-- Render total for Deductions -->
                            @foreach ($uniqueHeaders['deductions'] ?? [] as $header)
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ is_numeric($totals['deductions'][$header]) ? number_format($totals['deductions'][$header], 2) : '-' }}
                            </td>
                            @endforeach

                            <!-- Render total for Benefits -->
                            @foreach ($uniqueHeaders['benefits'] ?? [] as $header)
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ is_numeric($totals['benefits'][$header]) ? number_format($totals['benefits'][$header], 2) : '-' }}
                            </td>
                            @endforeach

                            <!-- Grand Total Row -->
                            <td class="py-1 px-3 border border-gray-300 text-xs">
                                {{ number_format($totals['grand_total'], 2) }}
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>

            @php
            if($latestCharge->service_charge_type == 'percentage'){
            $service_charge = $totals['grand_total'] * ($latestCharge->service_charge / 100);
            $subtotal = $service_charge + $totals['grand_total'];
            $vat = $subtotal * ($latestCharge->vat / 100);
            $subtotal1 = $vat + $subtotal;
            $holding = $subtotal1 * ($latestCharge->withholding_tax / 100);
            $Amountbill = $subtotal1 - $holding;
            } else {
            $service_charge = $total_days * $latestCharge->charge_amount;
            $subtotal = $service_charge + $totals['grand_total'];
            $vat = $subtotal * ($latestCharge->vat / 100);
            $subtotal1 = $vat + $subtotal;
            $holding = $subtotal1 * ($latestCharge->withholding_tax / 100);
            $Amountbill = $subtotal1 - $holding;
            }
            @endphp


            <div class="flex items-center justify-end mt-8">
                <div
                    class="grid grid-cols-1 gap-2 w-[24rem] p-4 bg-white shadow-md rounded-lg border border-gray-200">

                    <!-- Hidden Section for Inputs -->
                    <div class="hidden">
                        <label for="service_charge" class="font-semibold text-xs text-gray-600">Service Charge
                            (%):</label>
                        <input type="number" id="service_charge" value="{{ $latestCharge->service_charge }}"
                            class="p-2 text-xs border-2 border-gray-300 rounded-md" />

                        <label for="vat" class="font-semibold text-xs text-gray-600">VAT (%):</label>
                        <input type="number" id="vat" value="{{ $latestCharge->vat }}"
                            class="p-2 text-xs border-2 border-gray-300 rounded-md" />

                        <label for="withholding_tax" class="font-semibold text-xs text-gray-600">Withholding
                            Tax
                            (%):</label>
                        <input type="number" id="withholding_tax" value="{{ $latestCharge->withholding_tax }}"
                            class="p-2 text-xs border-2 border-gray-300 rounded-md" />
                    </div>

                    <!-- Financial Summary -->
                    <div class="space-y-2">
                        <!-- Total Row -->
                        <div class="flex justify-between items-center text-xs font-medium text-gray-700">
                            <span>Total:</span>
                            <span id="display_total"
                                class="text-right text-gray-800">{{ number_format($totals['grand_total'], 2) }}</span>
                        </div>

                        <!-- Service Charge -->
                        <div class="flex justify-between items-center text-xs text-gray-700">
                            <span>Service Charge <span id="display_service_charge_percent"
                                    class="text-gray-800">
                                    @if($latestCharge->service_charge_type == 'percentage')
                                    {{ number_format($latestCharge->service_charge, 0, '.', '') }}% @else
                                    {{$latestCharge->charge_amount}}
                                    @endif</span>

                            </span>
                            <span id="display_service_charge"
                                class="text-right text-gray-800">{{ number_format($service_charge, 2, '.', ',') }}</span>
                        </div>

                        <!-- Subtotal -->
                        <div class="flex justify-between items-center text-xs text-gray-700">
                            <span>Subtotal:</span>
                            <span id="display_subtotal"
                                class="text-right text-gray-800">{{ number_format($subtotal, 2, '.', ',') }}</span>
                        </div>

                        <!-- VAT -->
                        <div class="flex justify-between items-center text-xs text-gray-700">
                            <span>VAT <span id="display_vat_percent"
                                    class="text-gray-800">{{ number_format($latestCharge->vat, 0, '.', '') }}%</span></span>
                            <span id="display_vat"
                                class="text-right text-gray-800">{{ number_format($vat, 2, '.', ',') }}</span>
                        </div>

                        <!-- Subtotal1 -->
                        <div class="flex justify-between items-center text-xs text-gray-700">
                            <span>Subtotal:</span>
                            <span id="display_subtotal1"
                                class="text-right text-gray-800">{{ number_format($subtotal1, 2, '.', ',') }}</span>
                        </div>

                        <!-- Withholding Tax -->
                        <div class="flex justify-between items-center text-xs text-gray-700">
                            <span>Withholding Tax <span id="display_withholding_tax_percent"
                                    class="text-gray-800">{{ number_format($latestCharge->withholding_tax, 0, '.', '') }}%</span>
                            </span>
                            <span id="display_holding_tax"
                                class="text-right text-gray-800">{{ number_format($holding, 2, '.', ',') }}</span>
                        </div>

                        <!-- Amount Bill Payable -->
                        <div class="flex justify-between items-center text-xs font-semibold text-gray-800">
                            <span>Amount Bill Payable:</span>
                            <span id="display_amount_bill_payable"
                                class="font-semibold text-lg">{{ number_format($Amountbill, 2, '.', ',') }}</span>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                @if ($hasBillingRecords)
                <p>Prepared by:<span> {{ $hasBillingRecords->user->name }}</span></p>
                @endif
            </div>
            <div class="mt-10">
                @if ($hasBillingRecords)
                <p>This billing is already finalized.</p>
                @else
                <form id="form2" action="{{ route('billings.store') }}" method="POST">
                    @csrf
                    <div class="hidden">
                        <label for="batch_id">Batch ID:</label>
                        <input type="number" id="batch_id" name="batch_id" value="{{ $id }}"
                            required class="border p-2">
                    </div>
                    <input type="hidden" id="user_id" name="user_id" value="{{ auth()->user()->id }}">

                    <div class="flex flex-col items-center justify-center">
                        <div>
                            <label for="note">Note:</label>
                            <textarea id="note" name="note" class="border p-2"></textarea>
                        </div>

                        <div>
                            <button type="submit"
                                class="px-4 py-2 bg-green-500 text-white rounded-md mt-4">Save
                                Billing</button>
                        </div>
                    </div>
                </form>
                @endif
            </div>
        </div>




        {{-- @if (!$latestPayroll && $checked)
                    <div>
                        <p class="font-bold">checked by: {{ $checked->user->name }}</p>
    </div>
    @endif --}}
</div>
<div class="my-4 text-center">
    <div class="hidden"> <input name="status" value="1">
        <input name="client_id" value="{{ $client_id }}">
        <input name="id" value="{{ $id }}">
    </div>

</div>
</div>


<!-- Confirmation Modal -->
<div id="confirmationModal"
    class="fixed inset-0 z-50 flex items-center justify-center hidden bg-gray-800 bg-opacity-75">
    <div class="p-6 bg-white rounded-lg shadow-lg w-96">
        <h2 class="text-lg font-semibold">Confirm Save</h2>
        <p>Are you sure you want to save? Saving will serve as a final billing.</p>
        <div class="flex justify-end mt-4 space-x-2">
            <button id="cancelButton" class="px-4 py-2 text-white bg-gray-500 rounded-md hover:bg-gray-600">
                Cancel
            </button>
            <button id="confirmButton" class="px-4 py-2 text-white bg-blue-500 rounded-md hover:bg-blue-700">
                Confirm
            </button>
        </div>
    </div>
</div>

<!-- JavaScript to handle modal and form submission -->
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const form = document.getElementById('form2'); // Your form ID
        const confirmationModal = document.getElementById('confirmationModal');
        const confirmButton = document.getElementById('confirmButton');
        const cancelButton = document.getElementById('cancelButton');

        // Handle form submit to show confirmation modal
        form.addEventListener('submit', function(event) {
            event.preventDefault(); // Prevent the form from submitting

            // Show the confirmation modal
            confirmationModal.classList.remove('hidden');
        });

        // If confirmed, submit the form
        confirmButton.addEventListener('click', function() {
            confirmationModal.classList.add('hidden'); // Hide the modal
            form.submit(); // Proceed with form submission
        });

        // If cancelled, hide the modal
        cancelButton.addEventListener('click', function() {
            confirmationModal.classList.add('hidden'); // Close the modal
        });
    });
</script>
@else
<div class="my-2 flex h-full w-full justify-center items-center">
    <div>
        <i class="text-3xl bx bx-lock mr-2"></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


@if (session('success'))
<div id="successModal" class="fixed inset-0 z-50 flex items-start justify-center bg-gray-900 bg-opacity-50">
    <div
        class="flex flex-col items-center justify-center w-full max-w-2xl p-6 mt-20 bg-white rounded-lg shadow-lg">
        <i class='text-6xl bx bxs-check-circle'></i>
        <p class="mb-5 text-lg font-semibold text-center">
            {{ session('success') }}
        </p>

    </div>
</div>
<script>
    setTimeout(function() {
        document.getElementById('successModal').style.display = 'none';
    }, 2000); // 5000 milliseconds = 5 seconds
</script>
@endif










<script>
    function printDiv(divId) {
        var printContents = document.getElementById(divId).innerHTML;
        var originalContents = document.body.innerHTML;

        // Temporarily update the body content for printing
        document.body.innerHTML = printContents;

        // Create a link tag to import Poppins font from Google Fonts
        var link = document.createElement('link');
        link.href = "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";
        link.rel = "stylesheet";
        document.head.appendChild(link);

        // Apply print styles
        var style = document.createElement('style');
        style.innerHTML = `
                @media print {
                    /* Specify custom paper size (e.g., 15cm x 30cm) */
                    @page {
                        size: 50cm 40cm;  /* Custom paper size (width x height in cm) */
                        margin: 1cm;       /* Adjust margins as necessary */
                    }
    
                    /* Ensure the body has the correct styles for printing */
                    body {
                        font-family: 'Poppins', sans-serif;  /* Use Poppins font */
                        font-size: 12pt;                    /* Set font size for printing */
                        padding: 0;
                        margin: 0;
                        width: 100%;
                    }
    
                    /* Ensure all content is handled correctly for printing */
                    * {
                        box-sizing: border-box;
                    }
    
                    /* Make sure the table is responsive and fits within the page */
                    table {
                        width: 100% !important;  /* Ensure table width adjusts to the page */
                        border-collapse: collapse;
                        page-break-inside: auto;  /* Allow page breaks inside tables */
                    }
    
                    /* Handle page breaks between content blocks */
                    .content {
                        page-break-before: always;
                    }
    
                    /* Prevent table rows from breaking in the middle */
                    tr {
                        page-break-inside: avoid; /* Avoid breaking rows between pages */
                    }
                }
            `;
        document.head.appendChild(style);

        // Trigger the print dialog
        window.print();

        // Restore the original page content after printing
        document.body.innerHTML = originalContents;
    }
</script>

















@endsection