From 1dbf0c51bb423e5eba09850ff23972a78a59b449 Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 16:00:08 -0400
Subject: [PATCH] feat: make all dropdowns searchable using tomselect

---
 resources/views/checkout.blade.php            |  1 +
 .../views/checkout_select_form.blade.php      | 29 +------------------
 resources/views/editwinners.blade.php         |  1 +
 resources/views/pcentry.blade.php             |  1 +
 resources/views/winners.blade.php             |  1 +
 5 files changed, 5 insertions(+), 28 deletions(-)

diff --git a/resources/views/checkout.blade.php b/resources/views/checkout.blade.php
index cc9575e..2be3a66 100644
--- a/resources/views/checkout.blade.php
+++ b/resources/views/checkout.blade.php
@@ -50,5 +50,6 @@
     </div>
 </div>
 @endsection
+@include('components.tomselect')
 @push('js')
 @endpush
diff --git a/resources/views/checkout_select_form.blade.php b/resources/views/checkout_select_form.blade.php
index 5d8de86..6948864 100644
--- a/resources/views/checkout_select_form.blade.php
+++ b/resources/views/checkout_select_form.blade.php
@@ -1,34 +1,6 @@
 @extends('tablar::page')
 
 @section('content')
-<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">
-<style>
-    .ts-wrapper .ts-control, .ts-wrapper .ts-control input { background-color: #ffffff !important; border: 1px solid #ced4da !important; }
-    .ts-dropdown { background-color: #ffffff !important; }
-</style>
-<script>
-    document.addEventListener("DOMContentLoaded", () => {
-        document.querySelectorAll('select').forEach((el) => {
-            if (el.tomselect) return;
-            new TomSelect(el, {
-                copyClassesToDropdown: false,
-                dropdownParent: 'body',
-                controlInput: '<input>',
-                sortField: {
-                    field: 'text',
-                    direction: 'asc',
-                    func: function(a, b) {
-                        const numA = parseInt(a.text, 10);
-                        const numB = parseInt(b.text, 10);
-                        return numA - numB;
-                    }
-                }
-            });
-        });
-    });
-</script>
-
 <div class="page-header d-print-none">
     <div class="container-xl">
         <div class="row g-2 align-items-center">
@@ -65,3 +37,4 @@
     </div>
 </div>
 @endsection
+@include('components.tomselect')
diff --git a/resources/views/editwinners.blade.php b/resources/views/editwinners.blade.php
index d5b806d..4deb31b 100644
--- a/resources/views/editwinners.blade.php
+++ b/resources/views/editwinners.blade.php
@@ -61,5 +61,6 @@
     </div>
 </div>
 @endsection
+@include('components.tomselect')
 @push('js')
 @endpush
diff --git a/resources/views/pcentry.blade.php b/resources/views/pcentry.blade.php
index 0f8d4bc..659ca2d 100644
--- a/resources/views/pcentry.blade.php
+++ b/resources/views/pcentry.blade.php
@@ -42,5 +42,6 @@
     </div>
 </div>
 @endsection
+@include('components.tomselect')
 @push('js')
 @endpush
diff --git a/resources/views/winners.blade.php b/resources/views/winners.blade.php
index 49eae75..c546077 100644
--- a/resources/views/winners.blade.php
+++ b/resources/views/winners.blade.php
@@ -54,5 +54,6 @@
     </div>
 </div>
 @endsection
+@include('components.tomselect')
 @push('js')
 @endpush