diff --git a/assets/js/browser-phone-frontend.js b/assets/js/browser-phone-frontend.js
index 8422cb5..68e2d05 100644
--- a/assets/js/browser-phone-frontend.js
+++ b/assets/js/browser-phone-frontend.js
@@ -527,6 +527,7 @@
         $('.twp-browser-phone-container').removeClass('incoming-call');
         
         // Reset control buttons
+        console.log('endCall() called - resetting hold button from:', $('#twp-hold-btn').text());
         $('#twp-hold-btn').text('Hold').removeClass('btn-active');
         $('#twp-record-btn').text('Record').removeClass('btn-active');
         
@@ -1559,6 +1560,10 @@
         const $holdBtn = $('#twp-hold-btn');
         const currentHoldState = isOnHold;
         
+        console.log('Hold button element found:', $holdBtn.length);
+        console.log('Current hold state:', currentHoldState);
+        console.log('Current button text:', $holdBtn.text());
+        
         // Update button immediately for better UX
         if (currentHoldState) {
             $holdBtn.text('Resuming...').prop('disabled', true);
@@ -1566,6 +1571,13 @@
             $holdBtn.text('Holding...').prop('disabled', true);
         }
         
+        console.log('Sending hold toggle request:', {
+            action: 'twp_toggle_hold',
+            call_sid: callSid,
+            hold: !currentHoldState,
+            nonce: twp_frontend_ajax.nonce
+        });
+        
         $.ajax({
             url: twp_frontend_ajax.ajax_url,
             method: 'POST',
@@ -1585,13 +1597,20 @@
                     console.log('Hold state updated to:', isOnHold);
                     
                     if (isOnHold) {
+                        console.log('Setting button to Resume state...');
                         $holdBtn.text('Resume').addClass('btn-active').prop('disabled', false);
+                        console.log('Button after update - text:', $holdBtn.text(), 'classes:', $holdBtn.attr('class'));
                         showMessage('Call placed on hold - Click Resume to continue', 'info');
-                        console.log('Button updated to Resume state');
+                        
+                        // Verify the button was actually updated
+                        setTimeout(function() {
+                            console.log('Button state after 100ms:', $holdBtn.text(), $holdBtn.hasClass('btn-active'));
+                        }, 100);
                     } else {
+                        console.log('Setting button to Hold state...');
                         $holdBtn.text('Hold').removeClass('btn-active').prop('disabled', false);
+                        console.log('Button after update - text:', $holdBtn.text(), 'classes:', $holdBtn.attr('class'));
                         showMessage('Call resumed', 'info');
-                        console.log('Button updated to Hold state');
                     }
                 } else {
                     console.error('Hold toggle failed:', response);