<title>Fraud Detection</title> <style> body { font-family: Arial; background: #f3f3f3; } .container { max-width: 400px; margin: 80px auto; padding: 30px; background: #fff; border-radius: 6px; } #result, #fraudResult { margin-top: 30px; text-align: center; font-size: 1.2em; } </style>

Login

Login

---

Upload CSV for Fraud Check

Detect Fraud

<script> document.getElementById("loginForm").onsubmit = async function(e) { e.preventDefault(); const username = document.getElementById("username").value; const password = document.getElementById("password").value; const res = await fetch("/login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ username, password }) }); const data = await res.json(); document.getElementById("result").innerHTML = data.message || ""; if (data.success) { document.getElementById("fraudSection").style.display = "block"; } };

    document.getElementById("detectBtn").onclick = async function() {
        const fileInput = document.getElementById("csvInput");
        if (!fileInput.files.length) {
            alert("Select a CSV file.");
            return;
        }
        const formData = new FormData();
        formData.append("file", fileInput.files[0]);
        const res = await fetch("/detect_fraud", {
            method: "POST",
            body: formData
        });
        const data = await res.json();
        document.getElementById("fraudResult").textContent = data.result;
    };
</script>