Added locator validation page and locator data table

app/Livewire/LocatorDataTable.php

@@ -0,0 +1,132 @@
+<?php
+
+namespace App\Livewire;
+
+use App\Models\PalletValidation;
+use Livewire\Component;
+
+class LocatorDataTable extends Component
+{
+    public $plantId;
+
+    public $palletNumber, $serialNumber;
+
+    public $locatorNumber;
+
+    public $locators = [];
+
+    public $locators1 = [];
+
+    public $serials = [];
+
+    protected $listeners = [
+        'loadData' => 'loadPalletData',
+        'loadLocator' => 'loadLocatorData',
+        'loadserialNo' => 'loadserialNodata',
+    ];
+
+    public function loadserialNodata($serialNo, $plantId)
+    {
+        $this->plantId = $plantId;
+        $this->serialNumber = $serialNo;
+        $this->locators = [];
+
+        $record = PalletValidation::where('plant_id', $plantId)
+            ->where('serial_number', $serialNo)
+            ->whereNotNull('locator_number')
+            ->where('locator_number', '!=', '')
+            ->first();
+
+        if (!$record)
+        {
+            return;
+        }
+
+        $locatorNumber = $record->locator_number;
+
+        $this->locators = PalletValidation::where('plant_id', $plantId)
+            ->where('locator_number', $locatorNumber)
+            ->whereNotNull('locator_number')
+            ->where('locator_number', '!=', '')
+            ->get()
+            ->map(function ($record) {
+                return [
+                    'created_at' => $record->created_at ?? '',
+                    'created_by' => $record->created_by ?? '',
+                    'pallet_number' => $record->pallet_number ?? '',
+                    'serial_number' => $record->serial_number ?? '',
+                    'locator_number' => $record->locator_number ?? '',
+                    'locator_quantity' => $record->locator_quantity ?? '',
+                    'updated_at' => $record->updated_at ?? '',
+                    'updated_by' => $record->updated_by ?? '',
+                ];
+            })
+            ->toArray();
+    }
+
+    public function loadPalletData($palletNumber,$locatorNumber,$plantId)
+    {
+        $this->plantId = $plantId;
+        $this->palletNumber = $palletNumber;
+        $this->locators = [];
+
+        $this->locators = PalletValidation::query()
+            ->where('plant_id', $plantId)
+            ->where(function ($query) use ($palletNumber, $locatorNumber) {
+                $query->where(function ($q) use ($palletNumber) {
+                        $q->where('pallet_number', $palletNumber)
+                        ->whereNotNull('locator_number')
+                        ->where('locator_number', '!=', '');
+                    })
+                    ->orWhere(function ($q) use ($locatorNumber) {
+                        $q->where('locator_number', $locatorNumber)
+                        ->whereNotNull('locator_number')
+                        ->where('locator_number', '!=', '');
+                    });
+            })
+            ->get()
+            ->map(function ($record) {
+                return [
+                    'created_at' => $record->created_at ?? '',
+                    'created_by' => $record->created_by ?? '',
+                    'pallet_number' => $record->pallet_number ?? '',
+                    'serial_number' => $record->serial_number ?? '',
+                    'locator_number' => $record->locator_number ?? '',
+                    'locator_quantity' => $record->locator_quantity ?? '',
+                    'updated_at' => $record->updated_at ?? '',
+                    'updated_by' => $record->updated_by ?? '',
+                ];
+            })
+            ->toArray();
+    }
+
+    public function loadLocatorData($scanLocator, $plantId)
+    {
+        $this->plantId = $plantId;
+        $this->locatorNumber = $scanLocator;
+        $this->locators = [];
+
+        $this->locators = PalletValidation::query()
+            ->where('plant_id', $plantId)
+            ->where('locator_number', $scanLocator)
+            ->get()
+            ->map(function ($record) {
+                return [
+                    'created_at' => $record->created_at ?? '',
+                    'created_by' => $record->created_by ?? '',
+                    'pallet_number' => $record->pallet_number ?? '',
+                    'serial_number' => $record->serial_number ?? '',
+                    'locator_number' => $record->locator_number ?? '',
+                    'locator_quantity' => $record->locator_quantity ?? '',
+                    'updated_at' => $record->updated_at ?? '',
+                    'updated_by' => $record->updated_by ?? '',
+                ];
+            })
+            ->toArray();
+    }
+
+    public function render()
+    {
+        return view('livewire.locator-data-table');
+    }
+}

resources/views/filament/pages/locator-validation.blade.php

@@ -0,0 +1,77 @@
+{{-- <x-filament-panels::page>
+
+<div class="space-y-4">
+    <div class="space-y-4">
+        {{ $this->form }}
+    </div>
+
+    <div class="bg-white shadow rounded-xl p-4 mt-6">
+        <livewire:locator-data-table />
+    </div>
+
+</div>
+
+<script>
+   window.addEventListener('focus-scan-locator-no', () => {
+        const wrapper = document.getElementById('scan_locator_no');
+        const input = wrapper?.querySelector('input,textarea');
+        if (input) {
+            input.focus();
+            input.select();
+        }
+});
+</script>
+
+</x-filament-panels::page> --}}
+
+<x-filament-panels::page>
+
+<div class="space-y-4">
+    {{-- Render the Select form fields --}}
+    <div class="space-y-4">
+        {{ $this->form }}
+    </div>
+
+    {{-- Add Pallet and Remove Pallet buttons --}}
+    <div class="flex flex-row gap-2 mt-4">
+        <button
+            type="button"
+            wire:click="addPallet"
+            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 Pallet /<br>Serial Number
+        </button>
+        <button
+            type="button"
+            wire:click="removePallet"
+            class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
+        >
+            Remove Pallet /<br>Serial Number
+        </button>
+        {{-- <button
+        type="button"
+        wire:click="print"
+        class="px-3 py-1 border border-primary-500 text-primary-600 rounded hover:bg-primary-50 hover:border-primary-700 transition text-sm"
+    >
+        Print
+    </button> --}}
+    </div>
+
+    <div class="bg-white shadow rounded-xl p-4 mt-6">
+        <livewire:locator-data-table />
+    </div>
+</div>
+
+<script>
+   window.addEventListener('focus-scan-locator-no', () => {
+        const wrapper = document.getElementById('scan_locator_no');
+        const input = wrapper?.querySelector('input,textarea');
+        if (input) {
+            input.focus();
+            input.select();
+        }
+   });
+</script>
+
+</x-filament-panels::page>
+

resources/views/livewire/locator-data-table.blade.php

@@ -0,0 +1,44 @@
+<div class="p-4">
+    <h2 class="text-lg font-bold mb-4 text-gray-700 uppercase tracking-wider">
+        LOCATOR DATA TABLE:
+    </h2>
+    <div class="overflow-x-auto rounded-lg shadow">
+        <table class="w-full divide-y divide-gray-200 text-sm text-center">
+            <thead class="bg-gray-100 text-s font-semibold uppercase text-gray-700">
+                <tr>
+                    <th class="border px-4 py-2">No</th>
+                    <th class="border px-4 py-2">Created Datetime</th>
+                    <th class="border px-4 py-2">Created By</th>
+                    <th class="border px-4 py-2">Pallet Number</th>
+                    <th class="border px-4 py-2">Serial Number</th>
+                    <th class="border px-4 py-2">Locator Number</th>
+                    <th class="border px-4 py-2">Locator Quantity</th>
+                    <th class="border px-4 py-2">Updated Datetime</th>
+                    <th class="border px-4 py-2">Updated By</th>
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-gray-100">
+                @forelse ($locators as $index => $locator)
+                    <tr class="hover:bg-gray-50">
+                        <td class="border px-4 py-2">{{ $index + 1 }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $locator['created_at']?->format('Y-m-d H:i:s') ?? '-' }}</td>
+                        <td class="border px-4 py-2">{{ $locator['created_by'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $locator['pallet_number'] ?? '-' }}</td>
+                        <td class="border px-4 py-2">{{ $locator['serial_number'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $locator['locator_number'] ?? '-' }}</td>
+                        <td class="border px-4 py-2">{{ $locator['locator_quantity'] ?? '-' }}</td>
+                        <td class="border px-4 py-2 whitespace-nowrap">{{ $locator['updated_at']?->format('Y-m-d H:i:s') ?? '-' }}</td>
+                        <td class="border px-4 py-2">{{ $locator['updated_by'] ?? '-' }}</td>
+                    </tr>
+                @empty
+                    <tr>
+                        <td colspan="9" class="px-4 py-4 text-center text-gray-500">
+                            No locator records found.
+                        </td>
+                    </tr>
+                @endforelse
+            </tbody>
+        </table>
+    </div>
+
+</div>