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.js (14565B)

// Chat Bot Functionality - Complete Working Version

console.log('Main.js loaded successfully');

// Make all chat functions 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>
                    <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;
}

// Initialize chat button functionality when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM loaded, initializing 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();
        });
        console.log('Chat button event listener added successfully');
    } else {
        console.log('Chat button not found!');
    }
});

// Nearest Branch Functionality
function findNearestBranch() {
    addBotMessage('🔍 جاري البحث عن أقرب فرع لك...');
    
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(
            function(position) {
                const lat = position.coords.latitude;
                const lng = position.coords.longitude;
                
                // Send location to server
                fetch('find_nearest_branch.php', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({
                        lat: lat,
                        lng: lng
                    })
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        const branch = data.branch;
                        const response = `
                            📍 أقرب فرع لك هو:<br><br>
                            <strong>${branch.name}</strong><br>
                            📍 العنوان: ${branch.address}<br>
                            📏 المسافة: ${branch.distance} كم تقريباً<br><br>
                            للتواصل مع الفرع:<br>
                            💬 <a href="https://wa.me/${branch.phone}" target="_blank" class="chat-link">${branch.phone}</a>
                        `;
                        addBotMessage(response);
                    } else {
                        addBotMessage('❌ عذراً، لم أتمكن من العثور على فروع قريبة منك.');
                        showCitySelection();
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    addBotMessage('❌ حدث خطأ في تحديد الموقع. دعني أساعدك بطريقة أخرى.');
                    showCitySelection();
                });
            },
            function(error) {
                console.log('Geolocation error:', error);
                addBotMessage('📍 لم أتمكن من تحديد موقعك تلقائياً. دعني أساعدك بطريقة أخرى.');
                showCitySelection();
            },
            {
                enableHighAccuracy: true,
                timeout: 10000,
                maximumAge: 300000
            }
        );
    } else {
        addBotMessage('📍 متصفحك لا يدعم تحديد الموقع. دعني أساعدك بطريقة أخرى.');
        showCitySelection();
    }
}

console.log('All chat functions defined and ready');

cmd: