Added audio in panel box inspection stock page

app/Filament/Pages/PanelBoxInspectionStock.php

@@ -450,9 +450,10 @@ class PanelBoxInspectionStock extends Page
         if ($serialExists) {
             Notification::make()
                 ->title('Duplicate Serial Number')
-                ->body("Serial number already exists '$serialNumber' with supplier number '$supplier'.")
+                ->body("Serial number already exists '$serialNumber' with supplier number '$supplier'.<br>Please scan this serial number in Invoice Validation.")
                 ->danger()
                 ->send();
+            $this->dispatch('play-error-sound');
             $this->form->fill([
                 'plant_id' => $plantId,
                 'line_id'  => $lineId,

resources/views/filament/pages/panel-box-inspection-stock.blade.php

@@ -6,4 +6,21 @@
     </div>
 </div>
 
+<audio id="error-sound" src="{{ asset('sounds/scan_serial_tamil.mp3') }}" preload="auto"></audio>
+
+<script>
+    document.addEventListener('livewire:init', () => {
+        Livewire.on('play-error-sound', () => {
+            const audio = document.getElementById('error-sound');
+
+            if (audio) {
+                audio.currentTime = 0;
+                audio.play().catch(error => {
+                    console.log('Could not play error sound:', error);
+                });
+            }
+        });
+    });
+</script>
+
 </x-filament-panels::page>