Add the match number in the bets page

mbetterclient/web_dashboard/templates/dashboard/admin_bets.html

@@ -475,6 +475,7 @@ function updateBetsTable(data, container) {
                         <th><i class="fas fa-hashtag me-1"></i>Bet ID</th>
                         <th><i class="fas fa-clock me-1"></i>Date & Time</th>
                         <th><i class="fas fa-list-ol me-1"></i>Details</th>
+                        <th><i class="fas fa-hashtag me-1"></i>Match</th>
                         <th><i class="fas fa-dollar-sign me-1"></i>Total Amount</th>
                         <th><i class="fas fa-chart-line me-1"></i>Status</th>
                         <th><i class="fas fa-money-bill me-1"></i>Payment</th>
@@ -488,6 +489,9 @@ function updateBetsTable(data, container) {
         const betDateTime = new Date(bet.bet_datetime).toLocaleString();
         const totalAmount = parseFloat(bet.total_amount).toFixed(2);
 
+        // Collect unique match numbers
+        const matchNumbers = [...new Set(bet.details ? bet.details.map(detail => detail.match ? detail.match.match_number : 'Unknown').filter(n => n !== 'Unknown') : [])];
+
         // Determine overall bet status based on details
         let overallStatus = 'pending';
         let statusBadge = '';
@@ -520,6 +524,7 @@ function updateBetsTable(data, container) {
                 <td><strong>${bet.uuid.substring(0, 8)}...</strong></td>
                 <td>${betDateTime}</td>
                 <td>${bet.details ? bet.details.length : 0} selections</td>
+                <td>${matchNumbers.length > 0 ? matchNumbers.join(', ') : 'N/A'}</td>
                 <td><strong class="currency-amount" data-amount="${totalAmount}">${formatCurrency(totalAmount)}</strong></td>
                 <td>${statusBadge}</td>
                 <td>${paidBadge}</td>

mbetterclient/web_dashboard/templates/dashboard/bets.html

@@ -475,6 +475,7 @@ function updateBetsTable(data, container) {
                         <th><i class="fas fa-hashtag me-1"></i>Bet ID</th>
                         <th><i class="fas fa-clock me-1"></i>Date & Time</th>
                         <th><i class="fas fa-list-ol me-1"></i>Details</th>
+                        <th><i class="fas fa-hashtag me-1"></i>Match</th>
                         <th><i class="fas fa-dollar-sign me-1"></i>Total Amount</th>
                         <th><i class="fas fa-chart-line me-1"></i>Status</th>
                         <th><i class="fas fa-money-bill me-1"></i>Payment</th>
@@ -488,6 +489,9 @@ function updateBetsTable(data, container) {
         const betDateTime = new Date(bet.bet_datetime).toLocaleString();
         const totalAmount = parseFloat(bet.total_amount).toFixed(2);
 
+        // Collect unique match numbers
+        const matchNumbers = [...new Set(bet.details ? bet.details.map(detail => detail.match ? detail.match.match_number : 'Unknown').filter(n => n !== 'Unknown') : [])];
+
         // Determine overall bet status based on details
         let overallStatus = 'pending';
         let statusBadge = '';
@@ -520,6 +524,7 @@ function updateBetsTable(data, container) {
                 <td><strong>${bet.uuid.substring(0, 8)}...</strong></td>
                 <td>${betDateTime}</td>
                 <td>${bet.details ? bet.details.length : 0} selections</td>
+                <td>${matchNumbers.length > 0 ? matchNumbers.join(', ') : 'N/A'}</td>
                 <td><strong class="currency-amount" data-amount="${totalAmount}">${formatCurrency(totalAmount)}</strong></td>
                 <td>${statusBadge}</td>
                 <td>${paidBadge}</td>