From b32359dbdf2a93e747a7ed2dcfd67f8642a5eca1 Mon Sep 17 00:00:00 2001
From: jChenvan <188939308+jChenvan@users.noreply.github.com>
Date: Fri, 18 Jul 2025 19:44:18 -0400
Subject: [PATCH] Previous/next button for pending entries only

---
 .../templates/view_transaction.html           | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/docker/ploughshares/templates/view_transaction.html b/docker/ploughshares/templates/view_transaction.html
index 4b5c5d7..bf7ae32 100644
--- a/docker/ploughshares/templates/view_transaction.html
+++ b/docker/ploughshares/templates/view_transaction.html
@@ -120,6 +120,28 @@
                 </button>
                 {% endif %}
             </div>
+
+            <div class="d-flex justify-content-between mb-3">
+                {% if prev_pending_id %}
+                <a href="{{ url_for('view_transaction', id=prev_pending_id) }}" class="btn btn-outline-primary" aria-label="Previous Pending transaction" title="Previous Pending Transaction">
+                    <i class="bi bi-arrow-left"></i> Previous Pending 
+                </a>
+                {% else %}
+                <button class="btn btn-outline-secondary" disabled aria-label="No previous pending transaction" title="Previous Pending Transaction">
+                    <i class="bi bi-arrow-left"></i> Previous Pending
+                </button>
+                {% endif %}
+                
+                {% if next_pending_id %}
+                <a href="{{ url_for('view_transaction', id=next_pending_id) }}" class="btn btn-outline-primary" aria-label="Next Pending transaction" title="Next Pending Transaction">
+                    Next Pending <i class="bi bi-arrow-right"></i>
+                </a>
+                {% else %}
+                <button class="btn btn-outline-secondary" disabled aria-label="No next Pending transaction" title="Next Pending Transaction">
+                    Next Pending <i class="bi bi-arrow-right"></i>
+                </button>
+                {% endif %}
+            </div>
             
             <ul class="nav nav-tabs" id="myTab" role="tablist">
                 <li class="nav-item" role="presentation">