
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        const chatMessages = document.getElementById('chat-messages');
        const userInput = document.getElementById('user-input');
        const sendButton = document.getElementById('send-button');

        // Typing indicator elementi
        const typingIndicator = document.createElement('div');
        typingIndicator.className = 'typing-indicator';
        typingIndicator.innerHTML = '<span></span><span></span><span></span>';

        function scrollToBottom() {
            const chatContainer = document.querySelector('.chat-container');
            chatContainer.scrollTop = chatContainer.scrollHeight;
        }

        function processHtmlContent(content) {
            // HTML içeriğini güvenli bir şekilde temizle
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = content;
            
            // Tehlikeli scriptleri temizle
            const scripts = tempDiv.getElementsByTagName('script');
            while(scripts[0]) {
                scripts[0].parentNode.removeChild(scripts[0]);
            }
            
            // İzin verilen HTML etiketlerini koru, diğerlerini temizle
            const allowedTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'br', 'b', 'i', 'strong', 'em', 'u', 'ul', 'ol', 'li'];
            const allElements = tempDiv.getElementsByTagName('*');
            
            for(let i = allElements.length - 1; i >= 0; i--) {
                const element = allElements[i];
                if(!allowedTags.includes(element.tagName.toLowerCase())) {
                    // Etiket izin verilmeyenler listesindeyse, içeriğini koru ama etiketi kaldır
                    element.outerHTML = element.innerHTML;
                }
            }
            
            return tempDiv.innerHTML;
        }

        function addMessage(message, isUser = false) {
            const messageDiv = document.createElement('div');
            messageDiv.className = `message ${isUser ? 'user-message' : 'bot-message'}`;
            
            if (isUser) {
                // Kullanıcı mesajları için HTML'i devre dışı bırak
                messageDiv.textContent = message;
            } else {
                // Bot mesajları için güvenli HTML'i etkinleştir
                const processedMessage = processHtmlContent(message);
                messageDiv.innerHTML = processedMessage;
            }
            
            chatMessages.appendChild(messageDiv);
            scrollToBottom();
        }

        function showTypingIndicator() {
            chatMessages.appendChild(typingIndicator);
            typingIndicator.style.display = 'inline-block';
            scrollToBottom();
        }

        function hideTypingIndicator() {
            typingIndicator.style.display = 'none';
        }

        async function sendMessage() {
            const message = userInput.value.trim();
            if (!message) return;

            // Kullanıcı mesajını göster
            addMessage(message, true);
            userInput.value = '';
            userInput.disabled = true;
            sendButton.disabled = true;

            // Typing indicator'ı göster
            showTypingIndicator();

            try {
                const response = await fetch(`<?php echo $AI_API_URL; ?>?prompt=${encodeURIComponent(message)}&model=gpt-4o-mini`);
                const data = await response.json();
                
                // Typing indicator'ı gizle
                hideTypingIndicator();
                
                // Bot yanıtını göster
                addMessage(data.response);
            } catch (error) {
                console.error('Hata:', error);
                hideTypingIndicator();
                addMessage('Üzgünüm, bir hata oluştu. Lütfen tekrar deneyin.');
            } finally {
                userInput.disabled = false;
                sendButton.disabled = false;
                userInput.focus();
            }
        }

        sendButton.addEventListener('click', sendMessage);
        userInput.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                sendMessage();
            }
        });
    });
    </script>