const AIAssistantModule = {
    panel: null,
    
    init: function() {
        this.panel = document.getElementById('ai-panel');
        const btnOpen = document.getElementById('btn-ai-toolbar'); 
        const btnClose = document.getElementById('close-ai');
        const btnSend = document.getElementById('ai-send');
        const inputField = document.getElementById('ai-input');

        if(btnOpen && this.panel) {
            btnOpen.onclick = () => {
                this.panel.classList.add('open'); 
            };
        }
        
        if(btnClose && this.panel) {
            btnClose.onclick = () => {
                this.panel.classList.remove('open');
            };
        }
        
        if(btnSend) btnSend.onclick = () => this.sendMessage();
        
        if(inputField) {
            inputField.onkeypress = (e) => {
                if(e.key === 'Enter') this.sendMessage();
            };
        }
    },

    sendMessage: function() {
        const input = document.getElementById('ai-input');
        const chatBox = document.getElementById('ai-chat-box');
        const text = input.value.trim();
        
        if(text === '') return;

        chatBox.innerHTML += `<div class="user-msg">أنت: ${text}</div>`;
        input.value = ''; 
        chatBox.scrollTop = chatBox.scrollHeight;

        fetch('ai_helper.php', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({ prompt: text }) // إرسال prompt
        })
        .then(res => res.json())
        .then(data => {
            // 🚀 قراءة رد جوجل الخام كما يقرأه حساب الطالب
            if (data.candidates && data.candidates[0].content.parts[0].text) {
                const aiAnswer = data.candidates[0].content.parts[0].text;
                chatBox.innerHTML += `<div class="ai-msg">🤖 AI: ${aiAnswer}</div>`;
            } else if (data.error) {
                // إذا رفضت جوجل الطلب لسبب ما
                chatBox.innerHTML += `<div class="ai-msg" style="color:#e74c3c;">🚫 خطأ من جوجل: ${data.error.message}</div>`;
            } else {
                chatBox.innerHTML += `<div class="ai-msg" style="color:#e74c3c;">⚠️ رد غير متوقع من السيرفر.</div>`;
            }
            chatBox.scrollTop = chatBox.scrollHeight;
        })
        .catch(err => {
            chatBox.innerHTML += `<div style="color:#e74c3c; font-size:12px; margin-top:5px; padding:10px; background:#fdf2f4; border-radius:5px;">خطأ في الاتصال بالملف!</div>`;
            console.error("Fetch Error:", err);
        });
    }
};