
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>NOTFLIX IPTV</title>
  <link rel="stylesheet" href="styles.css">
  <script disable-devtool-auto="" src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
</head>
<body>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1649976574603208"
     crossorigin="anonymous"></script>
  <div id="header">NOTFLIX IPTV</div>
  <div id="iframe-container">
    <iframe src="//iptv-libre.pages.dev" allow="encrypted-media *" allowfullscreen="true"></iframe>
  </div>
  <div style="font-size: 10px; color: #666; padding: 5px; text-align: center;">
Disclaimer: This content is embedded from an external source using iframe technology. NOTFLIX IPTV does not own or control the content.
</div>
  <div id="chatbox">
    <h2>Live Chat</h2>
    <div id="chat-container">
      <div id="chat-messages"></div>
      <div style="display: flex;">
        <input type="text" id="message" placeholder="Message">
        <button onclick="sendMessage()">Send</button>
      </div>
    </div>
  </div>
  <script>
    function fetchMessages() {
      fetch('chat.php')
        .then(response => response.json())
        .then(data => {
          const messagesContainer = document.getElementById('chat-messages');
          messagesContainer.innerHTML = '';
          data.forEach(message => {
            const messageDiv = document.createElement('div');
            messageDiv.textContent = `${message.created_at}: ${message.message}`;
            messagesContainer.appendChild(messageDiv);
          });
        });
    }

    function sendMessage() {
      const messageInput = document.getElementById('message');
      const message = messageInput.value;

      if (message) {
        fetch('chat.php', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
          },
          body: `message=${encodeURIComponent(message)}`,
        }).then(() => {
          messageInput.value = '';
          fetchMessages(); // Corrected function call
        });
      }
    }

    setInterval(fetchMessages, 3000); // Automatically fetch new messages every 3 seconds
  </script>
</body>
</html>
  </script>
</body>
</html>