From bb71e4145989f938375acf7af7e86fd4ac075ad8 Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 12:59:21 -0400
Subject: [PATCH] fix: use @push('js') to correctly inject tomselect script
 into Tablar layout

---
 .../views/components/tomselect.blade.php      | 27 +++++++------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/resources/views/components/tomselect.blade.php b/resources/views/components/tomselect.blade.php
index e45a206..1729b4d 100644
--- a/resources/views/components/tomselect.blade.php
+++ b/resources/views/components/tomselect.blade.php
@@ -1,24 +1,17 @@
+@push('js')
 <script src="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/js/tom-select.complete.min.js"></script>
 <link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
 <script>
     document.addEventListener('DOMContentLoaded', () => {
-        console.log('DOM fully loaded, searching for selects...');
-        const selects = document.querySelectorAll('select');
-        console.log('Found ' + selects.length + ' select elements.');
-        
-        selects.forEach((el) => {
-            console.log('Attaching TomSelect to:', el);
-            try {
-                new TomSelect(el, {
-                    create: false,
-                    sortField: {
-                        field: 'text',
-                        direction: 'asc'
-                    }
-                });
-            } catch (e) {
-                console.error('TomSelect failed for:', el, e);
-            }
+        document.querySelectorAll('select').forEach((el) => {
+            new TomSelect(el, {
+                create: false,
+                sortField: {
+                    field: 'text',
+                    direction: 'asc'
+                }
+            });
         });
     });
 </script>
+@endpush
\ No newline at end of file