From 2cd8feb19d9183eecc7c6e7de2a2ae29da20a8df Mon Sep 17 00:00:00 2001
From: Russ Long <rl@tfmm.co>
Date: Fri, 1 May 2026 14:10:42 -0400
Subject: [PATCH] feat: make winnersbyitem table sortable using list.js

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

diff --git a/resources/views/winnersbyitem.blade.php b/resources/views/winnersbyitem.blade.php
index bf5443c..35631bc 100644
--- a/resources/views/winnersbyitem.blade.php
+++ b/resources/views/winnersbyitem.blade.php
@@ -15,24 +15,24 @@
     <div class="container-xl">
         <div class="row row-cards">
             <div class="col-12">
-                <div class="card">
+                <div class="card" id="winners-by-item-table">
                     <div class="table-responsive">
                         <table class="table table-vcenter card-table">
                             <thead>
                                 <tr>
-                                    <th>Item Number</th>
-                                    <th>Item Description</th>
-                                    <th>Winner</th>
-                                    <th>Winning Bid</th>
+                                    <th class="sort" data-sort="item-num">Item Number</th>
+                                    <th class="sort" data-sort="item-desc">Item Description</th>
+                                    <th class="sort" data-sort="winner">Winner</th>
+                                    <th class="sort" data-sort="bid">Winning Bid</th>
                                 </tr>
                             </thead>
-                            <tbody>
+                            <tbody class="list">
                                 @foreach($winnersbyitem_results as $winner)
                                     <tr>
-                                        <td>{{ $winner->items->item_assigned_num }}</td>
-                                        <td>{{ $winner->items->item_desc }}</td>
-                                        <td>{{ $winner->bidders->bidder_fname }} {{ $winner->bidders->bidder_lname }}</td>
-                                        <td>${{ number_format($winner->winning_cost, 2) }}</td>
+                                        <td class="item-num">{{ $winner->items->item_assigned_num }}</td>
+                                        <td class="item-desc">{{ $winner->items->item_desc }}</td>
+                                        <td class="winner">{{ $winner->bidders->bidder_fname }} {{ $winner->bidders->bidder_lname }}</td>
+                                        <td class="bid">${{ number_format($winner->winning_cost, 2) }}</td>
                                     </tr>
                                 @endforeach
                             </tbody>
@@ -44,6 +44,13 @@
     </div>
 </div>
 @endsection
+
 @push('js')
+<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>
+<script>
+    new List('winners-by-item-table', {
+        valueNames: ['item-num', 'item-desc', 'winner', 'bid']
+    });
+</script>
 @include('components.tomselect')
 @endpush