script.js

document.addEventListener("DOMContentLoaded", function () {
    const getStartedBtn = document.getElementById("getStartedBtn");

    if (getStartedBtn) {
        getStartedBtn.addEventListener("click", function () {
            window.location.href = "studashboard.html"; // Redirects to Student Dashboard
        });
    }
});

function showAlert(message) {
    alert(message);
}


function redirectToSentiment() {
    window.location.href = "sentiment.html"; // Redirect to Sentiment Analysis page
}


document.addEventListener("DOMContentLoaded", function () {
    const analyzeButton = document.getElementById("analyzeBtn");

    if (analyzeButton) {
        analyzeButton.addEventListener("click", async function () {
            const text = document.getElementById("userText").value;
            
            if (!text.trim()) {
                alert("Please enter some text to analyze.");
                return;
            }

            try {
                const response = await fetch("http://localhost:5000/analyze", {
                    method: "POST",
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ text }),
                });

                const result = await response.json();
                const resultElement = document.getElementById("result");
                
                if (result.error) {
                    resultElement.innerHTML = `<span style="color: red;">${result.error}</span>`;
                } else {
                    resultElement.innerHTML = 
                        `Sentiment: <strong>${result.label}</strong> <br> Score: <strong>${result.score.toFixed(3)}</strong>`;
                }
            } catch (error) {
                console.error("Error:", error);
                document.getElementById("result").innerHTML = `<span style="color: red;">Error analyzing sentiment.</span>`;
            }
        });
    }
});


function redirectToBehavior() {
    window.location.href = 'behavior.html';
  }
  
// Replace with your Mixpanel project token and unique user identifier.
const MIXPANEL_TOKEN = "YOUR_MIXPANEL_TOKEN";
const DISTINCT_ID = "unique_user_id";

// Function to track an event via the Mixpanel API
function trackEvent(eventName, additionalProperties = {}) {
  const eventData = {
    event: eventName,
    properties: {
      token: MIXPANEL_TOKEN,
      distinct_id: DISTINCT_ID,
      time: Math.floor(Date.now() / 1000),
      ...additionalProperties
    }
  };

  // Convert event data to JSON and then Base64 encode it
  const jsonData = JSON.stringify(eventData);
  const base64Data = btoa(jsonData);
  const url = `https://api.mixpanel.com/track/?data=${encodeURIComponent(base64Data)}`;

  fetch(url, { method: "GET" })
    .then(response => response.text())
    .then(result => console.log(`Mixpanel API response for "${eventName}":`, result))
    .catch(error => console.error("Error calling Mixpanel API:", error));
}

// Track page view when the DOM is fully loaded
document.addEventListener("DOMContentLoaded", () => {
  trackEvent("Page View");
});

// Track button click event
document.getElementById("actionBtn").addEventListener("click", () => {
  trackEvent("Button Clicked", { button: "actionBtn" });
  alert("Button clicked! Event tracked.");
});

// Track form submission event
document.getElementById("sampleForm").addEventListener("submit", (e) => {
  e.preventDefault();
  const nameValue = document.getElementById("nameInput").value;
  trackEvent("Form Submitted", { name: nameValue });
  alert("Form submitted! Event tracked.");
});

function startChat() {
    // Redirect to ChatGPT messaging page
    window.location.href = "https://chat.openai.com/";
  }






  let mediaRecorder;
let audioChunks = [];

// Check if MediaRecorder is supported
if (!navigator.mediaDevices || !window.MediaRecorder) {
  document.getElementById('status').textContent = "MediaRecorder is not supported in this browser.";
}

document.getElementById('startBtn').addEventListener('click', async () => {
  try {
    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
    mediaRecorder = new MediaRecorder(stream);

    mediaRecorder.ondataavailable = event => {
      if (event.data.size > 0) {
        audioChunks.push(event.data);
      }
    };

    mediaRecorder.onstart = () => {
      audioChunks = []; // Clear any previous recording
      document.getElementById('status').textContent = "Recording...";
    };

    mediaRecorder.onstop = () => {
      document.getElementById('status').textContent = "Recording stopped.";
      // Enable the analyze button after recording
      document.getElementById('analyzeBtn').disabled = false;
    };

    mediaRecorder.start();
    document.getElementById('startBtn').disabled = true;
    document.getElementById('stopBtn').disabled = false;
  } catch (error) {
    console.error("Error accessing microphone:", error);
    document.getElementById('status').textContent = "Error accessing microphone.";
  }
});

document.getElementById('stopBtn').addEventListener('click', () => {
  if (mediaRecorder && mediaRecorder.state !== "inactive") {
    mediaRecorder.stop();
    document.getElementById('startBtn').disabled = false;
    document.getElementById('stopBtn').disabled = true;
  }
});

document.getElementById('analyzeBtn').addEventListener('click', () => {
  // Create a Blob from the recorded audio chunks
  const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
  
  // Prepare form data to send the audio file
  const formData = new FormData();
  formData.append('file', audioBlob, 'recording.webm');
  // Append any additional required parameters for Beyond Verbal API here

  document.getElementById('status').textContent = "Analyzing voice...";

  // Make the API call to Beyond Verbal (replace URL and add any necessary headers/authentication)
  fetch('YOUR_BV_API_ENDPOINT', {
    method: 'POST',
    body: formData
  })
    .then(response => response.json())
    .then(data => {
      // Display the API response in the result div
      document.getElementById('result').textContent = JSON.stringify(data, null, 2);
      document.getElementById('status').textContent = "Analysis complete.";
    })
    .catch(error => {
      console.error("Error during analysis:", error);
      document.getElementById('status').textContent = "Error during analysis.";
    });
});