chatbox.js

$(document).ready(function() {
    // Ascultați evenimentul de clic pe butonul "Deschide chatbox"
    $('#chatbox-opener').on('click', function() {
        // Afișează sau ascunde chatbox-ul
        $('#chatbox').toggle();
    });

    function fetchMessages() {
        $.ajax({
            url: 'chatgpt.php',
            method: 'GET',
            data: {
                action: 'getMessages'
            },
            dataType: 'json',
            success: function(response) {
                let messagesHTML = '';
                for (const message of response) {
                    messagesHTML += `<p><strong>${message.name}</strong>: ${message.message}</p>`;
                }
                $('#messages').html(messagesHTML);
            }
        });
    }

    fetchMessages();
    setInterval(fetchMessages, 3000); // Verificați și actualizați mesajele la fiecare 3 secunde.

    $('#messageForm').submit(function(e) {
        e.preventDefault();

        let nameInput = $('#nameInput');
        let messageInput = $('#messageInput');
        let name = nameInput.val().trim();
        let message = messageInput.val().trim();

        if (name === '' || message === '') {
            return;
        }

        $.ajax({
            url: 'chatgpt.php',
            method: 'POST',
            data: {
                action: 'addMessage',
                name: name,
                message: message
            },
            success: function() {
                nameInput.val('');
                messageInput.val('');
                fetchMessages();
            }
        });

        // Adăugăm un alt apel AJAX către fetchGPTResponse
        $.ajax({
            url: 'chatgpt.php',
            method: 'POST',
            data: {
                action: 'fetchGPTResponse',
                message: message // utilizăm mesajul trimis de utilizator ca prompt
            },
            dataType: 'json',
            success: function(response) {
                // adăugăm răspunsul generat de GPT-3 la chatbox
                if (response.response !== null) {
                    let gptResponse = response.response;
                    let gptMessageHTML = `<p><strong>Chatbot:</strong> ${gptResponse}</p>`;
                    $('#messages').append(gptMessageHTML);
                }
            }
        });

    });
});