@{
    ViewBag.Title = "Medical Speech to Text";
}

<h2>🎙️ Medical Speech to Text – Discharge Summary, Diagnosis Notes</h2>

<div>
    <label for="speechInput">🩺 Speak Now (Say: "Full Stop", "Comma", "New Line"):</label><br />
    <textarea id="speechInput" name="speechInput"
              style="width: 900px; max-width: 850px; height: 300px;"
              placeholder="Start speaking your discharge summary or notes..."></textarea>
    <br />
    <button type="button" onclick="startRecognition()">🎤 Start Listening</button>
    <button type="button" onclick="stopRecognition()">⏹️ Stop</button>
</div>

<br />
<button onclick="submitSpeech()">✅ Submit to Server</button>

<div id="resultBox" style="margin-top: 20px; color: green; font-weight: bold;"></div>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

<script>
    let recognition;
    let isRecognizing = false;
    let finalTranscript = "";

    function processDictationText(text) {
        return text
            .replace(/\bcomma\b/gi, ",")
            .replace(/\bfull stop\b/gi, ".")
            .replace(/\bperiod\b/gi, ".")
            .replace(/\bnew line\b/gi, "\n")
            .replace(/\bcolon\b/gi, ":")
            .replace(/\bsemicolon\b/gi, ";")
            .replace(/\bquestion mark\b/gi, "?")
            .replace(/\bexclamation mark\b/gi, "!");
    }

    function startRecognition() {
        if (!('webkitSpeechRecognition' in window)) {
            alert("❌ Your browser doesn't support Speech Recognition. Use Google Chrome.");
            return;
        }

        if (isRecognizing) {
            alert("Speech recognition is already running.");
            return;
        }

        recognition = new webkitSpeechRecognition();
        recognition.continuous = true;
        recognition.interimResults = true;
        recognition.lang = 'en-US';

        recognition.onstart = function () {
            isRecognizing = true;
            console.log("🎤 Speech recognition started.");
        };

        recognition.onresult = function (event) {
            let interimTranscript = "";

            for (let i = event.resultIndex; i < event.results.length; ++i) {
                let spokenText = event.results[i][0].transcript;

                spokenText = processDictationText(spokenText);

                if (event.results[i].isFinal) {
                    finalTranscript += spokenText + " ";
                } else {
                    interimTranscript += spokenText;
                }
            }

            document.getElementById("speechInput").value = finalTranscript + interimTranscript;
        };

        recognition.onerror = function (event) {
            console.error("Speech recognition error:", event);
            alert("Speech error: " + event.error);
        };

        recognition.onend = function () {
            isRecognizing = false;
            console.log("⏹️ Speech recognition ended.");
        };

        recognition.start();
    }

    function stopRecognition() {
        if (recognition && isRecognizing) {
            recognition.stop();
            isRecognizing = false;
        }
    }

    function submitSpeech() {
        const speechValue = document.getElementById("speechInput").value.trim();

        if (!speechValue) {
            alert("⚠️ Please speak something before submitting.");
            return;
        }

        $.ajax({
            url: '@Url.Action("ProcessSpeech", "Speech")', 
            type: 'POST',
            data: { text: speechValue },
            success: function (res) {
                document.getElementById("resultBox").innerText = "✅ Server Response: " + res;
            },
            error: function () {
                alert("⚠️ Error sending speech text to server.");
            }
        });
    }
</script>