document.addEventListener("DOMContentLoaded", function () {
var angles = [22.5, 67.5, 157.5, 157.5, 202.5, 247.5, 292.5, 337.5];
var colors = ["#2cc5d2", "#38c88e", "#293E1F", "#f97903", "#ca2231", "#79022c", "#0a4366", "#0a97d0"];
var spinBtn = document.querySelector('#spin-btn');
var spinArrow = document.querySelector('#spin-img');
var spinOffer = document.querySelectorAll('.spin-offer');
// Define weights for each angle (probability of stopping at each angle)
var weights = [0, 0, 1, 0, 0, 0, 0, 0]; // Adjust these weights as needed
function spinToWin() {
// Calculate total weight
var totalWeight = weights.reduce((acc, val) => acc + val, 0);
// Generate a random number within the total weight range
var randomWeight = Math.random() * totalWeight;
// Determine the angle based on the random weight
var selectedAngle = -1;
for (var i = 0; i < weights.length; i++) {
if (randomWeight < weights[i]) {
selectedAngle = i;
break;
}
randomWeight -= weights[i];
}
// Removed the if condition for selectedAngle === -1
var offer = selectedAngle; // Use the selected angle as the offer index
spinBtn.style.pointerEvents = "none";
spinArrow.style.transform = "rotate(" + ((360 * 6) + angles[offer]) + "deg)";
setTimeout(function () {
spinOffer[offer].style.background = colors[offer];
spinOffer[offer].style.display = "inline-block";
offerBtn.style.opacity = "1";
offerBtn.style.transition = "10s";
}, 8000);
}
spinBtn.addEventListener('click', spinToWin);
});
////////////////////////////////////////////////////////////////////////////
document.getElementById("email-form").addEventListener("submit", function (e) {
e.preventDefault(); // Prevent the default form submission
document.getElementById("message").textContent = "Submitting..";
document.getElementById("message").style.display = "block";
document.getElementById("submit-button").disabled = true;
// Collect the form data
var formData = new FormData(this);
var keyValuePairs = [];
for (var pair of formData.entries()) {
keyValuePairs.push(pair[0] + "=" + pair[1]);
}
var formDataString = keyValuePairs.join("&");
// Send a POST request to your Google Apps Script
fetch(
"https://script.google.com/macros/s/AKfycbwP-PQ71qj3GFeuhya0gUu1J8AvNAcE8IhfQTmSv1-waQjFI_RRcWbBdfoERbeU_nuARw/exec",
{
redirect: "follow",
method: "POST",
body: formDataString,
headers: {
"Content-Type": "text/plain;charset=utf-8",
},
}
)
.then(function (response) {
// Check if the request was successful
if (response) {
return response; // Assuming your script returns JSON response
} else {
throw new Error("Failed to submit the form.");
}
})
.then(function (data) {
// Display a success message
document.getElementById("message").textContent =
"Data submitted successfully!";
document.getElementById("message").style.display = "block";
document.getElementById("message").style.backgroundColor = "green";
document.getElementById("message").style.color = "beige";
document.getElementById("submit-button").disabled = false;
document.getElementById("form").reset();
setTimeout(function () {
document.getElementById("message").textContent = "";
document.getElementById("message").style.display = "none";
}, 2600);
})
.catch(function (error) {
// Handle errors, you can display an error message here
console.error(error);
document.getElementById("message").textContent =
"Submited.";
document.getElementById("message").style.display = "block";
});
});