diff --git a/app/views/foodcourt/orders/_read_modal.html.erb b/app/views/foodcourt/orders/_read_modal.html.erb
index ac5de71c..e773d48b 100644
--- a/app/views/foodcourt/orders/_read_modal.html.erb
+++ b/app/views/foodcourt/orders/_read_modal.html.erb
@@ -223,16 +223,19 @@
                 <h2 class="modal-title">Payment Options</h2>
         </div>
       <div class="payment-grid">
-        <div class="payment-card" id="dynamic_qr">
-          <div class="payment-icon text-center">
-              <img src="/image/mmqr.webp" width="100" height="100" />
-          </div>
-          <div class="payment-label text-center">Click here to pay with MMQR</div>
-        </div>
+        <% mmqr = PaymentMethodSetting.find_by(payment_method: 'MMQR') %>
+        <% if mmqr.present? && mmqr.is_active %>
+            <div class="payment-card" id="dynamic_qr">
+            <div class="payment-icon text-center">
+                <img src="/image/mmqr.webp" width="100" height="100" />
+            </div>
+            <div class="payment-label text-center">Click here to pay with MMQR</div>
+            </div>
 
-        <div class="text-center text-bold text-muted">
-            (Or)
-        </div>
+            <div class="text-center text-bold text-muted">
+                (Or)
+            </div>
+        <% end %>
 
         <!-- Read NFC Card -->
         <button type="button" id="read_nfc" data-toggle="modal" data-target="#read_modal">
@@ -273,14 +276,18 @@ document.addEventListener('DOMContentLoaded', function () {
 
     // });
 
-    document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
-      document.getElementById('fullpage-loading').style.display = 'flex';
+    var dynamicQR = document.querySelector('.payment-card#dynamic_qr')
 
-      setTimeout(function() {
-        document.getElementById('fullpage-loading').style.display = 'none';
-      }, 5000);
-      initDynamicQrPay();
-    });
+    if(dynamicQR) {
+      document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
+        document.getElementById('fullpage-loading').style.display = 'flex';
+
+        setTimeout(function() {
+          document.getElementById('fullpage-loading').style.display = 'none';
+        }, 5000);
+        initDynamicQrPay();
+      });
+    }
 
     function initDynamicQrPay() {
         const paymentMethod = 'MMQR';
diff --git a/app/views/foodcourt/orders/app_orders.html.erb b/app/views/foodcourt/orders/app_orders.html.erb
index 6d3db31c..7e375a02 100644
--- a/app/views/foodcourt/orders/app_orders.html.erb
+++ b/app/views/foodcourt/orders/app_orders.html.erb
@@ -550,9 +550,14 @@
   });
 
   // qr pay
-  document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
-      initDynamicQrPay();
-  });
+  var dynamicQR = document.querySelector('.payment-card#dynamic_qr')
+
+  if(dynamicQR) {
+    document.querySelector('.payment-card#dynamic_qr').addEventListener('click', function() {
+        initDynamicQrPay();
+    });
+  }
+
 
   function initDynamicQrPay() {
         const paymentMethod = 'MMQR';
diff --git a/app/views/foodcourt/qrpay/init.html.erb b/app/views/foodcourt/qrpay/init.html.erb
index 38a53900..80fccb79 100644
--- a/app/views/foodcourt/qrpay/init.html.erb
+++ b/app/views/foodcourt/qrpay/init.html.erb
@@ -84,7 +84,7 @@
             </div>
             <div class="row p-l-5 p-r-5">
             <div class="col-lg-6 col-md-6 col-sm-6"><strong>Table No :</strong> <%=@table_no%></div>
-            <span class="hidden" id="dining"><%if !@dining.nil?%><%= @dining.id%><%end%></span>
+            <span class="hidden" id="dining"><%if !@dining.nil?%><%= @dining.id rescue "-" %><%end%></span>
             <div class="col-lg-6 col-md-6 col-sm-6 text-left"><strong>Sale ID :</strong> <span id="sale_id"><% if @sale_data %><%=@sale_data.sale_id %><% end %></span></div>
             </div>
 
diff --git a/app/views/layouts/_read_modal.html.erb b/app/views/layouts/_read_modal.html.erb
index ca129a86..3aa29dab 100644
--- a/app/views/layouts/_read_modal.html.erb
+++ b/app/views/layouts/_read_modal.html.erb
@@ -185,6 +185,7 @@
   }
 </style>
 
+<!-- loading -->
 <div id="fullpage-loading" style="display:none; position:fixed; z-index:9999; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.35); align-items:center; justify-content:center;">
   <div>
     <div style="display:flex; gap:10px; justify-content:center;">
@@ -196,6 +197,7 @@
   </div>
 </div>
 
+<!-- nfc modal -->
 <div class="modal fade" id="read_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
     <div class="modal-dialog read-dialog" role="document">
         <div class="modal-content">
@@ -223,21 +225,24 @@
                 <h2 class="modal-title">Payment Options</h2>
         </div>
       <div class="payment-grid">
-        <div class="payment-card" id="dynamic_qr">
-          <div class="payment-icon text-center">
-              <img src="/image/mmqr.webp" width="100" height="100" />
-          </div>
-          <div class="payment-label text-center">Click here to pay with MMQR</div>
-            <div class="processing-indicator" style="display:none; margin: 1rem 0;">
-              <div class="processing-dot"></div>
-              <div class="processing-dot"></div>
-              <div class="processing-dot"></div>
+        <% mmqr = PaymentMethodSetting.find_by(payment_method: 'MMQR') %>
+        <% if mmqr.present? && mmqr.is_active %>
+            <div class="payment-card" id="dynamic_qr">
+            <div class="payment-icon text-center">
+                <img src="/image/mmqr.webp" width="100" height="100" />
+            </div>
+            <div class="payment-label text-center">Click here to pay with MMQR</div>
+                <div class="processing-indicator" style="display:none; margin: 1rem 0;">
+                <div class="processing-dot"></div>
+                <div class="processing-dot"></div>
+                <div class="processing-dot"></div>
+                </div>
             </div>
-        </div>
 
-        <div class="text-center text-bold text-muted">
-            (Or)
-        </div>
+            <div class="text-center text-bold text-muted">
+                (Or)
+            </div>
+        <% end %>
 
         <!-- Read NFC Card -->
         <button type="button" id="read_nfc" data-toggle="modal" data-target="#read_modal">