verify

templates/index.html

@@ -471,13 +471,14 @@
                             <th>Amount</th>
                             <th>Status</th>
                             <th>Verified By</th>
+                            <th>Error Reason</th>
                             <th>Created At</th>
                             <th>Paid At</th>
                         </tr>
                     </thead>
                     <tbody id="paymentsBody">
                         <tr>
-                            <td colspan="13">
+                            <td colspan="14">
                                 <div class="loading">
                                     <div class="spinner"></div>Loading...
                                 </div>
@@ -700,7 +701,7 @@
         function renderPaymentsTable(items) {
             const tbody = document.getElementById('paymentsBody');
             if (items.length === 0) {
-                tbody.innerHTML = '<tr><td colspan="13"><div class="empty-state">No payment transactions found</div></td></tr>';
+                tbody.innerHTML = '<tr><td colspan="14"><div class="empty-state">No payment transactions found</div></td></tr>';
                 return;
             }
 
@@ -727,6 +728,7 @@
                     <td>₹${item.amount_rupees}</td>
                     <td><span class="status-badge status-${item.status === 'paid' ? 'success' : item.status === 'failed' ? 'failed' : 'queued'}">${item.status}</span></td>
                     <td>${getVerifiedByBadge(item.verified_by)}</td>
+                    <td class="truncate" title="${item.error_message || ''}">${item.error_message || '-'}</td>
                     <td class="timestamp">${item.created_at ? new Date(item.created_at).toLocaleString() : '-'}</td>
                     <td class="timestamp">${item.paid_at ? new Date(item.paid_at).toLocaleString() : '-'}</td>
                 </tr>