<x-filament-panels::page>

<div class="space-y-4">
    {{-- Render the Select form fields --}}
    <div class="space-y-4">
        {{ $this->form }}
    </div>
    <div class="flex-row gap-2 mt-4">
        <button
            type="button"
            wire:click="masterFileUpload"
            class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
        >
          Master File Upload
        </button>
        <button
        type="button"
        wire:click="addLocator"
        class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
        >
            Add
        </button>
        <button
        type="button"
        wire:click="viewLocator"
        class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
        >
            View
        </button>
        <button
        type="button"
        wire:click="deleteLocator"
        class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
        >
            Delete
        </button>
    </div>

    <div class="bg-white shadow rounded-xl p-4 mt-6">
        <livewire:serial-locator-data-table />
    </div>

    <x-filament::modal id="confirm-process-modal">
        <x-slot name="heading">
            UPLOAD: CONFIRMATION
        </x-slot>
        <p>Some locator numbers does not have space?<br>Do you want to skip these locators?<br>Press Yes to continue!<br>Press No to Cancel!</p>
        <x-slot name="footer">
            <x-filament::button wire:click="skipLocatorsQuestion" x-on:click="isOpen = false" color="success">
                Yes
            </x-filament::button>
            {{-- <x-filament::button x-on:click="isOpen = false" color="danger"> --}}
            <x-filament::button wire:click="cancelLocatorsQuestion" x-on:click="isOpen = false" color="danger">
                No
            </x-filament::button>
        </x-slot>
    </x-filament::modal>


    <x-filament::modal id="confirm-process-serial">
        <x-slot name="heading">
            UPLOAD: CONFIRMATION
        </x-slot>
        <p>Some Serial numbers are already exists in pallet table?<br>Do you want to skip the duplicate serial numbers?<br>Press Yes to continue!<br>Press No to Cancel!</p>
        <x-slot name="footer">
            <x-filament::button wire:click="skipSerialQuestion" x-on:click="isOpen = false" color="success">
                Yes
            </x-filament::button>
            {{-- <x-filament::button x-on:click="isOpen = false" color="danger"> --}}
            <x-filament::button wire:click="cancelSerialQuestion" x-on:click="isOpen = false" color="danger">
                No
            </x-filament::button>
        </x-slot>
    </x-filament::modal>
</div>

</x-filament-panels::page>
