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!');
    }
});

مساعد M-AUTO

مرحباً بك في M-AUTO! 👋
كيف يمكنني مساعدتك اليوم؟

`; 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.closeChatBot = function() { console.log('closeChatBot function called!'); const chatModal = document.querySelector('.chat-modal'); if (chatModal) { chatModal.remove(); console.log('Chat modal removed'); } else { console.log('No chat modal found to remove'); } } window.handleChatKeyPress = function(event) { if (event.key === 'Enter') { sendMessage(); } } window.sendMessage = function() { const input = document.getElementById('chatInput'); const message = input.value.trim(); if (message) { addUserMessage(message); input.value = ''; // Simulate bot response setTimeout(() => { getBotResponse(message); }, 1000); } } 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 = `

${message}

`; 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 = `

${message}

`; chatMessages.appendChild(messageDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } function getBotResponse(userMessage) { let response = ''; const message = userMessage.toLowerCase(); if (message.includes('سيارة') || message.includes('شراء')) { response = ` ممتاز! يمكنك تصفح مجموعة السيارات المتوفرة لدينا:
🚗 عرض جميع السيارات

أو يمكنك التواصل معنا مباشرة على:
📞 01234567890 `; } else if (message.includes('صيانة')) { response = ` يمكنك حجز موعد صيانة بسهولة:
🔧 حجز صيانة

أو التواصل معنا على:
📞 01234567890 `; } else if (message.includes('أسعار') || message.includes('سعر')) { response = ` يمكنك استخدام حاسبة الأقساط لمعرفة التكلفة:
💰 حاسبة الأقساط

أو تصفح العروض الحالية:
🎯 العروض الحالية `; } else if (message.includes('خدمة العملاء') || message.includes('تواصل')) { response = ` يمكنك التواصل معنا بعدة طرق:
📞 هاتف: 01234567890
📧 إيميل: info@m-auto.com
📍 مواقع الفروع
💬 واتساب `; } else { response = ` شكراً لتواصلك معنا! 😊
يمكنني مساعدتك في:
• شراء السيارات
• حجز الصيانة
• معرفة الأسعار
• التواصل مع خدمة العملاء

أو يمكنك التواصل معنا مباشرة على:
📞 01234567890 `; } addBotMessage(response); } // 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!'); } });