{{-- <x-filament::page>

    <form wire:submit.prevent="create" class="space-y-6">
        {{-- Form Section --}}
        {{-- <div class="filament-form space-y-6">
            {{ $this->form }}
        </div> --}}

        {{-- Livewire Component (Invoice Table) --}}
        {{-- <div class="bg-white shadow rounded-xl p-4">
            <livewire:locator-invoice-data-table />
        </div> --}}

        {{-- Heading after Livewire component (optional) --}}
        {{-- <h2>hello</h2> --}}

        {{-- Actions --}}
        {{-- <div class="filament-actions mt-6">
            <x-filament::actions>
                @foreach ($this->getFormActions() as $action)
                    {{ $action }}
                @endforeach
            </x-filament::actions>
        </div>
    </form>

</x-filament::page> --}}

<!-- Test button to manually trigger the modal -->

<x-filament::page>

    <form wire:submit.prevent="create" class="space-y-6">
        {{-- Form Section --}}
        <div class="filament-form space-y-6">
            {{ $this->form }}
        </div>

        {{-- Livewire Component (Invoice Table) --}}
        <div class="bg-white shadow rounded-xl p-4">
            <livewire:locator-invoice-data-table />
        </div>

        {{-- Actions --}}
        <div class="filament-actions mt-6">
            <x-filament::actions>
                @foreach ($this->getFormActions() as $action)
                    {{ $action }}
                @endforeach
            </x-filament::actions>
        </div>
    </form>
    {{-- Modal for removing matched serials --}}
    <x-filament::modal wire:model="showRemoveSerialsModal">

    <h1>hello</h1>
        <x-slot name="title">
            Remove Matched Serials from Pallet Validation?
        </x-slot>
        <x-slot name="content">
            <div style="color: red; font-weight: bold;">
                <!-- TEMPORARY INDICATOR -->
                MODAL IS OPENED!
            </div>
            <div>
                <p>The following serial numbers exist in both tables and will be removed from Pallet Validation if you proceed:</p>
                <ul>
                    @foreach ($matchedSerialNumbersForRemoval as $serial)
                        <li>{{ $serial }}</li>
                    @endforeach
                </ul>
            </div>
        </x-slot>
        <x-slot name="footer">
            <x-filament::button wire:click="removeMatchedSerials" color="danger">
                Yes, Remove
            </x-filament::button>
            <x-filament::button wire:click="$set('showRemoveSerialsModal', false)">
                No, Cancel
            </x-filament::button>
        </x-slot>
    </x-filament::modal>
</x-filament::page>

