From ddbfc642f228f25bfa5ce65d243234a33492c166 Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Sat, 25 Apr 2026 11:55:52 -0400
Subject: [PATCH] feat: implement searchable selects for bidder and item
 lookups using Select2

---
 .../views/checkout_select_form.blade.php      | 29 ++++++++++++++
 resources/views/editwinners.blade.php         | 37 +++++++++++++++++-
 resources/views/layouts/app.blade.php         |  2 +
 .../views/reprint_receipt_form.blade.php      | 31 ++++++++++++++-
 resources/views/winners.blade.php             | 38 ++++++++++++++++++-
 resources/views/winnertotalform.blade.php     | 29 ++++++++++++++
 6 files changed, 161 insertions(+), 5 deletions(-)

diff --git a/resources/views/checkout_select_form.blade.php b/resources/views/checkout_select_form.blade.php
index 4b57865..e4b117d 100644
--- a/resources/views/checkout_select_form.blade.php
+++ b/resources/views/checkout_select_form.blade.php
@@ -1,5 +1,22 @@
 @extends('layouts.app')
 
+@push('styles')
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<style>
+  .select2-container .select2-selection--single {
+    height: 34px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__rendered {
+    line-height: 34px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__arrow {
+    height: 32px;
+  }
+</style>
+@endpush
+
 @section('content')
 <div class="container">
   <div class="row">
@@ -32,3 +49,15 @@
   </div>
 </div>
 @endsection
+
+@push('scripts')
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<script>
+$(document).ready(function() {
+    $('#checkoutbiddernum').select2({
+        placeholder: "Select a bidder",
+        allowClear: true
+    });
+});
+</script>
+@endpush
diff --git a/resources/views/editwinners.blade.php b/resources/views/editwinners.blade.php
index e128f8a..fd38fe2 100644
--- a/resources/views/editwinners.blade.php
+++ b/resources/views/editwinners.blade.php
@@ -1,5 +1,22 @@
 @extends('layouts.app')
 
+@push('styles')
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<style>
+  .select2-container .select2-selection--single {
+    height: 34px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__rendered {
+    line-height: 34px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__arrow {
+    height: 32px;
+  }
+</style>
+@endpush
+
 @section('content')
 <div class="container">
   <div class="row">
@@ -13,7 +30,7 @@
               <label for=winneritemnum class="col-sm-3 col-sm-offset-1 control-label">
                 Item Number:
               </label>
-              <div class=col-sm-2>
+              <div class=col-sm-4>
                 <select name="winid" id="winid" required class=form-control>
                   <?php echo App\Helpers\WinningBidSelectList::winningBidShowNumbers(); ?>
                 </select>
@@ -23,7 +40,7 @@
               <label for=winnerbiddernum class="col-sm-3 col-sm-offset-1 control-label">
                 Bidder Number:
               </label>
-              <div class=col-sm-2>
+              <div class=col-sm-4>
                 <select name="winnerbiddernum" id="winnerbiddernum" required class=form-control>
                   <?php echo App\Helpers\BidderSelectList::bidderShowNumbers(); ?>
                 </select>
@@ -49,3 +66,19 @@
   </div>
 </div>
 @endsection
+
+@push('scripts')
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<script>
+$(document).ready(function() {
+    $('#winid').select2({
+        placeholder: "Select an item/winner",
+        allowClear: true
+    });
+    $('#winnerbiddernum').select2({
+        placeholder: "Select a bidder",
+        allowClear: true
+    });
+});
+</script>
+@endpush
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 4b5ba9c..892f92d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -12,6 +12,7 @@
 
   <!-- Styles -->
   <link href="{{ asset('css/app.css') }}" rel="stylesheet">
+  @stack('styles')
 </head>
 <body>
   <div id="app">
@@ -239,5 +240,6 @@
 
 <!-- Scripts -->
 <script src="{{ asset('js/app.js') }}"></script>
+@stack('scripts')
 </body>
 </html>
diff --git a/resources/views/reprint_receipt_form.blade.php b/resources/views/reprint_receipt_form.blade.php
index 90b7715..6f7ba8c 100644
--- a/resources/views/reprint_receipt_form.blade.php
+++ b/resources/views/reprint_receipt_form.blade.php
@@ -1,5 +1,22 @@
 @extends('layouts.app')
 
+@push('styles')
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<style>
+  .select2-container .select2-selection--single {
+    height: 34px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__rendered {
+    line-height: 34px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__arrow {
+    height: 32px;
+  }
+</style>
+@endpush
+
 @section('content')
 <div class="container">
   <div class="row">
@@ -15,7 +32,7 @@
                 Select Bidder Number:
               </label>
               <div class=col-sm-4>
-                <select name="reprintbiddernum" id="checkoutbiddernum" required class=form-control>
+                <select name="reprintbiddernum" id="reprintbiddernum" required class=form-control>
                   <?php echo App\Helpers\CheckoutBidderSelectList::checkoutBidderShowNumbers(); ?>
                 </select>
               </div>
@@ -32,3 +49,15 @@
   </div>
 </div>
 @endsection
+
+@push('scripts')
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<script>
+$(document).ready(function() {
+    $('#reprintbiddernum').select2({
+        placeholder: "Select a bidder",
+        allowClear: true
+    });
+});
+</script>
+@endpush
diff --git a/resources/views/winners.blade.php b/resources/views/winners.blade.php
index 90a6f36..8dddeb3 100644
--- a/resources/views/winners.blade.php
+++ b/resources/views/winners.blade.php
@@ -1,5 +1,22 @@
 @extends('layouts.app')
 
+@push('styles')
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<style>
+  .select2-container .select2-selection--single {
+    height: 34px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__rendered {
+    line-height: 34px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__arrow {
+    height: 32px;
+  }
+</style>
+@endpush
+
 @section('content')
 <div class="container">
   <div class="row">
@@ -14,7 +31,7 @@
               <label for=winneritemnum class="col-sm-3 col-sm-offset-1 control-label">
                 Item Number:
               </label>
-              <div class=col-sm-2>
+              <div class=col-sm-4>
                 <select name="winneritemnum" id="winneritemnum" required class=form-control>
                   <?php echo App\Helpers\ItemSelectList::itemShowNumbers(); ?>
                 </select>
@@ -24,7 +41,7 @@
               <label for=winnerbiddernum class="col-sm-3 col-sm-offset-1 control-label">
                 Bidder Number:
               </label>
-              <div class=col-sm-2>
+              <div class=col-sm-4>
                 <select name="winnerbiddernum" id="winnerbiddernum" required class=form-control>
                   <?php echo App\Helpers\BidderSelectList::bidderShowNumbers(); ?>
                 </select>
@@ -50,3 +67,20 @@
   </div>
 </div>
 @endsection
+
+@push('scripts')
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<script>
+$(document).ready(function() {
+    $('#winnerbiddernum').select2({
+        placeholder: "Select a bidder",
+        allowClear: true
+    });
+    // Also making item number searchable as it's generally expected for "typed in" lookups
+    $('#winneritemnum').select2({
+        placeholder: "Select an item",
+        allowClear: true
+    });
+});
+</script>
+@endpush
diff --git a/resources/views/winnertotalform.blade.php b/resources/views/winnertotalform.blade.php
index 3283f91..061827e 100644
--- a/resources/views/winnertotalform.blade.php
+++ b/resources/views/winnertotalform.blade.php
@@ -1,5 +1,22 @@
 @extends('layouts.app')
 
+@push('styles')
+<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+<style>
+  .select2-container .select2-selection--single {
+    height: 34px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__rendered {
+    line-height: 34px;
+  }
+  .select2-container--default .select2-selection--single .select2-selection__arrow {
+    height: 32px;
+  }
+</style>
+@endpush
+
 @section('content')
 <div class="container">
   <div class="row">
@@ -32,3 +49,15 @@
   </div>
 </div>
 @endsection
+
+@push('scripts')
+<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+<script>
+$(document).ready(function() {
+    $('#winnerbiddernum').select2({
+        placeholder: "Select a bidder",
+        allowClear: true
+    });
+});
+</script>
+@endpush
-- 
2.52.0