پشتیبانی آنلاین

<div id="deepseek-chat" style="position:fixed;bottom:20px;right:20px;width:350px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.2);z-index:9999;font-family:Tahoma">
  <div style="background:#4CAF50;color:#fff;padding:10px;border-radius:10px 10px 0 0;cursor:pointer" onclick="toggleChat()">
    پشتیبان آنلاین <span style="float:left">▼</span>
  </div>
  <div id="chat-box" style="height:0;overflow:hidden;transition:0.3s">
    <div id="chat-messages" style="height:300px;overflow-y:auto;padding:10px"></div>
    <div style="padding:10px;display:flex">
      <input id="user-msg" type="text" placeholder="سوال خود را بپرسید..." style="flex:1;padding:8px;border:1px solid #ddd">
      <button onclick="sendMsg()" style="background:#4CAF50;color:#fff;border:none;padding:8px 15px">ارسال</button>
    </div>
  </div>
</div>

<script>
let chatOpen = false;
function toggleChat() {
  chatOpen = !chatOpen;
  document.getElementById("chat-box").style.height = chatOpen ? "400px" : "0";
}

async function sendMsg() {
  const input = document.getElementById("user-msg");
  const msg = input.value.trim();
  if(!msg) return;
  
  const chatDiv = document.getElementById("chat-messages");
  chatDiv.innerHTML += `<div><b>شما:</b> ${msg}</div>`;
  input.value = "";
  
  // نمایش حالت تایپ
  chatDiv.innerHTML += `<div id="typing">پشتیبان در حال پاسخگویی...</div>`;
  chatDiv.scrollTop = chatDiv.scrollHeight;
  
  // ارسال به API (مثال با DeepSeek)
  const response = await fetch("https://api.deepseek.com/v1/chat/completions", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      "Authorization": "Bearer YOUR_API_KEY"
    },
    body: JSON.stringify({
      model: "deepseek-chat",
      messages: [{
        role: "system",
        content: "شما پشتیبان فارسی سایت Bammdad هستید. پاسخ‌ها کوتاه و مفید باشد."
      },{
        role: "user",
        content: msg
      }]
    })
  });
  
  const data = await response.json();
  document.getElementById("typing").remove();
  chatDiv.innerHTML += `<div style="color:#4CAF50"><b>پشتیبان:</b> ${data.choices[0].message.content}</div>`;
  chatDiv.scrollTop = chatDiv.scrollHeight;
}
</script>