/**
 * CHAT BUBBLE — ADMIN ONLY (NOT VISIBLE TO PUBLIC)
 * No video, opens iframe directly.
 */
function add_chat_bubble_all_pages() {

  // Hide from public visitors
  if ( ! is_user_logged_in() || ! current_user_can('manage_options') ) {
    return;
  }

  $chat_iframe_url = 'https://ellsworth-chatbot.vercel.app/';

  add_action('wp_footer', function() use ($chat_iframe_url) {

    echo '<style>
      #chatBubble{
        position:fixed;
        bottom:20px;
        right:20px;
        background:#4CAF50;
        color:#fff;
        border:none;
        padding:15px;
        border-radius:50%;
        cursor:pointer;
        box-shadow:0 4px 6px rgba(0,0,0,0.2);
        z-index:999999;
        font-size:20px;
        line-height:1;
      }
      #chatModal{
        display:none;
        position:fixed;
        z-index:1000000;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.5);
      }
      /* Panel pushed DOWN + no shadow edges */
      #chatContent{
        position:absolute;
        right:20px;
        bottom:20px;

        /* Push it lower (more space from top) */
        top:140px; /* increase if still clipped */

        width:420px;
        height:700px;

        max-height:calc(100% - 180px); /* should match top + bottom spacing */
        max-width:calc(100% - 40px);

        background:transparent !important;
        border:none !important;
        border-radius:16px;
        overflow:hidden;
        box-shadow:none !important;
      }
      #chatContent iframe{
        width:100%;
        height:100%;
        border:0 !important;
        outline:0 !important;
        background:transparent !important;
        box-shadow:none !important;
        display:block;
      }
      @media (max-width:480px){
        #chatContent{
          left:0;
          right:0;
          top:0;
          bottom:0;
          width:100%;
          height:100%;
          max-height:none;
          max-width:none;
          border-radius:0;
        }
      }
    </style>';

    echo '<button id="chatBubble" type="button">💬</button>';
    echo '<div id="chatModal"><div id="chatContent"></div></div>';

    echo '<script>
      (function(){
        var chatBubble = document.getElementById("chatBubble");
        var chatModal = document.getElementById("chatModal");
        var chatContent = document.getElementById("chatContent");
        if(!chatBubble || !chatModal || !chatContent) return;

        chatBubble.addEventListener("click", function(){
          chatModal.style.display = "block";
          chatContent.innerHTML =
            \'<iframe src="' . esc_js($chat_iframe_url) . '" allow="clipboard-write; microphone; camera" allowtransparency="true" title="Ellsworth Chat"></iframe>\';
        });

        chatModal.addEventListener("click", function(e){
          if(e.target === chatModal){
            chatModal.style.display = "none";
            chatContent.innerHTML = "";
          }
        });
      })();
    </script>';

  }, 9999);
}

add_chat_bubble_all_pages();