<body>
<!-- BOIDO iA -->
<div id="boidoAI" style="position:fixed;bottom:90px;right:20px;width:320px;max-width:90%;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.2);overflow:hidden;font-family:Arial;display:none;z-index:999;">
<!-- HEADER -->
<div style="background:linear-gradient(135deg,#16a34a,#22c55e);color:white;padding:12px;text-align:center;font-weight:bold;">
🤖 Boido iA Support
</div>
<!-- CHAT BOX -->
<div id="chatBox" style="height:250px;overflow-y:auto;padding:10px;font-size:13px;background:#f8f9fa;">
<div style="margin-bottom:8px;">
<b>Boido iA:</b> Bonjour 👋 Bienvenue chez BoidoUnlocker, comment puis-je vous aider ?
</div>
</div>
<!-- QUICK BUTTONS -->
<div style="padding:8px;display:flex;flex-wrap:wrap;gap:5px;">
<button onclick="quickMsg('prix')" style="flex:1;padding:5px;border:none;border-radius:8px;background:#e7f5ff;">💰 Prix</button>
<button onclick="quickMsg('frp')" style="flex:1;padding:5px;border:none;border-radius:8px;background:#fff3bf;">🔓 FRP</button>
<button onclick="quickMsg('octoplus')" style="flex:1;padding:5px;border:none;border-radius:8px;background:#ffe8cc;">⚙️ Octoplus</button>
<button onclick="quickMsg('360 tool')" style="flex:1;padding:5px;border:none;border-radius:8px;background:#d3f9d8;">🔥 360 Tool</button>
</div>
<!-- INPUT -->
<div style="display:flex;border-top:1px solid #ddd;">
<input id="userInput" type="text" placeholder="Tape ton message..."
style="flex:1;border:none;padding:10px;font-size:13px;">
<button onclick="sendMsg()" style="background:#22c55e;color:white;border:none;padding:10px;">➤</button>
</div>
</div>
<!-- FLOAT BUTTON -->
<div style="position:fixed;bottom:20px;right:20px;z-index:999;">
<div onclick="toggleAI()" style="position:relative;background:linear-gradient(135deg,#16a34a,#22c55e);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:22px;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,0.3);">
💬
<span style="position:absolute;top:-5px;right:-5px;background:#ff0000;color:white;font-size:12px;font-weight:bold;padding:4px 7px;border-radius:50%;">2</span>
</div>
</div>
<script>
function toggleAI(){
let box = document.getElementById("boidoAI");
box.style.display = (box.style.display === "block") ? "none" : "block";
}
function sendMsg(){
let input = document.getElementById("userInput");
let msg = input.value;
if(msg.trim() === "") return;
addMsg("Vous", msg);
input.value = "";
setTimeout(()=>{
addMsg("Boido iA", getReply(msg));
},500);
}
function quickMsg(text){
document.getElementById("userInput").value = text;
sendMsg();
}
function addMsg(sender, text){
let box = document.getElementById("chatBox");
box.innerHTML += "<div style='margin-bottom:8px;'><b>"+sender+":</b> "+text+"</div>";
box.scrollTop = box.scrollHeight;
}
function getReply(msg){
msg = msg.toLowerCase();
if(msg.includes("prix") || msg.includes("price")){
return "💰 Pour les prix, contactez-nous directement 👉 https://wa.me/243811484289";
}
if(msg.includes("frp")){
return "🔓 Nous proposons FRP Samsung, Xiaomi, MTK ✅ Contact WhatsApp pour activation rapide.";
}
if(msg.includes("octoplus")){
return "⚙️ Octoplus activation disponible 🔥 1 an / support complet.";
}
if(msg.includes("360")){
return "🔥 360 Tool disponible – support complet KG LOCK / MDM.";
}
if(msg.includes("contact") || msg.includes("email")){
return "📲 WhatsApp: https://wa.me/243811484289\n📩 Email: boidounlocker@gmail.com";
}
return "🤖 Merci pour votre message 👋 Veuillez contacter notre support pour assistance rapide 👉 https://wa.me/243811484289";
}
</script>
</body>
</html>