Liên hệ
Add: Số 21A3 ngách 61 Phùng Khoang, ngõ 67, phường Đại Mỗ, thành phố Hà Nội
Hotline/ Zalo: 0899 339 028
Email:
[email protected]
Add: Số 76 Cần Vương, phường Quy Nhơn Nam, tỉnh Gia Lai
Hotline/Zalo: 0899 339 028
Email:
[email protected]
Add: Tòa nhà 81 Cách Mạng Tháng Tám, phường Bến Thành, thành phố Hồ Chí Minh
Hotline/Zalo: 0899 339 028
Email:
[email protected]
`;
} else {
formHTML = `
Chắc chắn rồi! Để cung cấp báo giá chính xác, vui lòng điền thông tin sau:
`;
}
aiResponse.innerHTML = `
${formHTML}
`;
chatContainer.appendChild(aiResponse);
chatContainer.scrollTop = chatContainer.scrollHeight;
// Xử lý form sau khi được render
setTimeout(() => {
// Add form submit event listener
const form = aiResponse.querySelector('form');
if (form) {
form.addEventListener('submit', function(e) {
// Show user message
const userSubmitMessage = document.createElement('div');
userSubmitMessage.className = 'ai-contact-message ai-contact-user';
userSubmitMessage.innerHTML = `
`;
chatContainer.appendChild(userSubmitMessage);
// Show typing indicator
const typingIndicator = document.createElement('div');
typingIndicator.className = 'ai-contact-message ai-contact-ai';
typingIndicator.innerHTML = `
`;
chatContainer.appendChild(typingIndicator);
chatContainer.scrollTop = chatContainer.scrollHeight;
// Show AI response after delay
setTimeout(() => {
chatContainer.removeChild(typingIndicator);
const aiConfirmation = document.createElement('div');
aiConfirmation.className = 'ai-contact-message ai-contact-ai';
aiConfirmation.innerHTML = `
Cảm ơn bạn! Tôi đã nhận được thông tin của bạn. Đội ngũ của chúng tôi sẽ liên hệ với bạn trong thời gian sớm nhất. Bạn cần hỗ trợ thêm gì không?
`;
chatContainer.appendChild(aiConfirmation);
chatContainer.scrollTop = chatContainer.scrollHeight;
}, 1500);
});
}
// Add cancel button event listener
const cancelButton = aiResponse.querySelector('.ai-contact-cancel-button');
if (cancelButton) {
cancelButton.addEventListener('click', aiContactResetChat);
}
}, 100);
}, 1500);
}
function aiContactResetChat() {
const chatContainer = document.getElementById('aiContactChatContainer');
chatContainer.innerHTML = `
`;
}