FM / js

/var/www/vhosts/m-auto.co/httpdocs/assets/js/

/var/www/vhosts/m-auto.co/httpdocs/assets/js

Name	Size	Mode	Actions
compare.js	7157	0644	edit dl rm
main.js	14565	0644	edit dl rm
main_backup.js	8382	0644	edit dl rm
main_old.js	7951	0644	edit dl rm

Edit: /var/www/vhosts/m-auto.co/httpdocs/assets/js/main_old.js (7951B)

// Make openChatBot function globally available
window.openChatBot = function() {
    console.log('openChatBot function called!');
    
    // Check if modal already exists
    const existingModal = document.querySelector('.chat-modal');
    if (existingModal) {
        console.log('Chat modal already exists, removing it first');
        existingModal.remove();
    }
    
    // Create chat modal
    const chatModal = document.createElement('div');
    chatModal.className = 'chat-modal';
    console.log('Creating chat modal...');
    chatModal.innerHTML = `
        <div class="chat-container">
            <div class="chat-header">
                <h5><i class="fas fa-robot me-2"></i>مساعد M-AUTO</h5>
                <button class="btn-close-chat" onclick="closeChatBot()">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="chat-body">
                <div class="chat-messages" id="chatMessages">
                    <div class="bot-message">
                        <div class="message-content">
                            مرحباً بك في M-AUTO! 👋<br>
                            كيف يمكنني مساعدتك اليوم؟
                        </div>
                    </div>
                </div>
                <div class="quick-options">
                    <button class="quick-btn" onclick="sendQuickMessage('أريد شراء سيارة')">
                        🚗 شراء سيارة
                    </button>
                    <button class="quick-btn" onclick="sendQuickMessage('أريد حجز صيانة')">
                        🔧 حجز صيانة
                    </button>
                    <button class="quick-btn" onclick="sendQuickMessage('أريد معرفة الأسعار')">
                        💰 الأسعار
                    </button>
                    <button class="quick-btn" onclick="sendQuickMessage('أريد التواصل مع خدمة العملاء')">
                        📞 خدمة العملاء
                    </button>
                </div>
            </div>
            <div class="chat-footer">
                <div class="chat-input-container">
                    <input type="text" id="chatInput" placeholder="اكتب رسالتك هنا..." onkeypress="handleChatKeyPress(event)">
                    <button onclick="sendMessage()" class="send-btn">
                        <i class="fas fa-paper-plane"></i>
                    </button>
                </div>
            </div>
        </div>
    `;
    
    document.body.appendChild(chatModal);
    console.log('Chat modal added to body');
    
    // Focus on input
    setTimeout(() => {
        const chatInput = document.getElementById('chatInput');
        if (chatInput) {
            chatInput.focus();
            console.log('Chat input focused');
        } else {
            console.log('Chat input not found!');
        }
    }, 100);
}

window.handleChatKeyPress = function(event) {
    if (event.key === 'Enter') {
        sendMessage();
    }
}

window.sendQuickMessage = function(message) {
    addUserMessage(message);
    setTimeout(() => {
        getBotResponse(message);
    }, 1000);
}

function addUserMessage(message) {
    const chatMessages = document.getElementById('chatMessages');
    const messageDiv = document.createElement('div');
    messageDiv.className = 'user-message';
    messageDiv.innerHTML = `
        <div class="message-content">
            ${message}
        </div>
    `;
    chatMessages.appendChild(messageDiv);
    chatMessages.scrollTop = chatMessages.scrollHeight;
}

function addBotMessage(message) {
    const chatMessages = document.getElementById('chatMessages');
    const messageDiv = document.createElement('div');
    messageDiv.className = 'bot-message';
    messageDiv.innerHTML = `
        <div class="message-content">
            ${message}
        </div>
    `;
    chatMessages.appendChild(messageDiv);
    chatMessages.scrollTop = chatMessages.scrollHeight;
}

// Chat Bot Functionality - Initialize after all functions are defined
document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM loaded, looking for chat button...');
    const chatButton = document.getElementById('chat-button');
    console.log('Chat button found:', chatButton);
    
    if (chatButton) {
        console.log('Adding click event to chat button');
        chatButton.addEventListener('click', function(e) {
            e.preventDefault();
            console.log('Chat button clicked!');
            window.openChatBot();
        });
    } else {
        console.log('Chat button not found!');
    }
});

cmd: