From 05fabf6247ff6816e141d0582b488a896685928c Mon Sep 17 00:00:00 2001
From: Shashank Verma <shashank.verma2002@gmail.com>
Date: Thu, 12 Oct 2023 08:14:33 +0530
Subject: [PATCH] user_profile: profile: Uniquely identify the form for
 visibility toggle

Signed-off-by: Shashank Verma <shashank.verma2002@gmail.com>
---
 user_profile/templates/user_profile/profile.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/user_profile/templates/user_profile/profile.html b/user_profile/templates/user_profile/profile.html
index a4c61ab..d7255b4 100644
--- a/user_profile/templates/user_profile/profile.html
+++ b/user_profile/templates/user_profile/profile.html
@@ -301,10 +301,10 @@ <h6 class="">
                                             </form>
                                         {% elif pr.state == pr.PENDING_VERIFICATION %}
                                             <a class="btn btn-rounded btn-warning">{{ pr.get_state_display }}</a>
-                                            <button class="btn btn-primary btn-rounded mt-0" data-mdb-toggle="tooltip" id="frmbtn" onclick="showfrm()" type="button">
+                                            <button class="btn btn-primary btn-rounded mt-0" data-mdb-toggle="tooltip" id="frmbtn" onclick="showfrm('{{ pr.pk }}')" type="button">
                                                 Verify <i class="fas fa-caret-down"></i>
                                             </button>
-                                            <form method="get" action="{% url 'judge_pr' pr.pk %}" id="frm">
+                                            <form method="get" action="{% url 'judge_pr' pr.pk %}" id="frm_{{ pr.pk }}" style="display: none;">
                                                 <a class="btn btn-primary btn-success" data-mdb-toggle="tooltip" title="Bonus Points">{{ judge_form.bonus }}</a>
                                                 <a class="btn btn-primary btn-danger" data-mdb-toggle="tooltip" title="Penalty Points">{{ judge_form.penalty }}</a>
                                                 <a class="btn btn-primary" data-mdb-toggle="tooltip" title="Remark">{{ judge_form.remark }}</a>
@@ -426,8 +426,8 @@ <h6 class="">
 
 {% block javascript %}
     <script>
-        function showfrm() {
-            const form = document.getElementById('frm');
+        function showfrm(pk) {
+            const form = document.getElementById('frm_'+pk);
 
             if (form.style.display === 'none') {
                 form.style.display = 'block';