|
|
|
|
|
<!DOCTYPE html> |
|
|
<html lang="ar" dir="rtl"> |
|
|
<head> |
|
|
|
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<script> |
|
|
let isSending = false; |
|
|
async function sendMessage() { |
|
|
if (isSending) return; |
|
|
|
|
|
var input = document.getElementById('message-input'); |
|
|
var message = input.value.trim(); |
|
|
if (message !== '') { |
|
|
isSending = true; |
|
|
|
|
|
appendMessage('user-message', message); |
|
|
input.value = ''; |
|
|
|
|
|
document.getElementById('loading').classList.add('visible'); |
|
|
try { |
|
|
const response = await fetch('/message', { |
|
|
method: 'POST', |
|
|
headers: { |
|
|
'Content-Type': 'application/json', |
|
|
}, |
|
|
body: JSON.stringify({ message: message }) |
|
|
}); |
|
|
if (response.ok) { |
|
|
const data = await response.json(); |
|
|
appendMessage('bot-message', data.response); |
|
|
} else { |
|
|
appendMessage('bot-message', 'عذراً، حدث خطأ في معالجة رسالتك.'); |
|
|
} |
|
|
} catch (error) { |
|
|
appendMessage('bot-message', 'عذراً، حدث خطأ في الاتصال.'); |
|
|
} finally { |
|
|
document.getElementById('loading').classList.remove('visible'); |
|
|
isSending = false; |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</script> |
|
|
</body> |
|
|
</html> |
