const warningModalHTML = `<div id='warning-modal' class='modal' style='display: none; position: fixed; top: 25%; left: 38%; display: none; width: 25%;  overflow-x: hidden; overflow-y: auto; outline: 0;'> <div class='modal-content-error bgWhite'> <div class='container' style='width: 100%; height: 100%;  position: fixed; inset: 0; z-index: 2; display: flex; justify-content: center; align-items: center;'> <div class='row justify-content-md-center' id='purpleContainer' style='padding:25px;border: 1px solid var(--unnamed-color-5c2d91); background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #5C2D91; border-radius: 10px; opacity: 1.9; color:#5C2D91;!important'> <div class='text-center'> <div class='row'> <div class='col-sm-12' style='position: relative;'> <a href='#' onclick='closeWarningModal(event)' style='position: absolute;  top: -30px; font-size: 40px; right: 0px; color: #585858; text-decoration: none;'>&times;</a> <div class='title'><svg xmlns='http://www.w3.org/2000/svg' width='25px' height='25px'  viewBox='0 0 512 512'><path fill='#6b6d70' d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/></svg></div> <p id='error-message'></p> </div> </div> </div> </div> </div> </div> </div>`; const modalContainer = document.createElement('div'); modalContainer.innerHTML = warningModalHTML; const warningModal = modalContainer.querySelector('#warning-modal'); document.body.appendChild(warningModal); window.closeWarningModal = function(event) { event.preventDefault(); warningModal.style.display = 'none'; if (window.widgetId !== null) { turnstile.reset(widgetId);};}; window.openWarningModal = function() { warningModal.style.display = 'flex'; }; var apiEndpointURL = 'https://betapi.hollywoodbets.net/api/'; window.resetForm = function(){ window.location.reload(); }; window.startTimer = function(isTimerSet){ var timer = 3 * 60;if(isTimerSet){ timer =-1 } var section = document.querySelector('#timer'); var timerContainer = document.querySelector('#timer-container'); var interval = setInterval(function() { var minutes = Math.floor(timer / 60); var seconds = timer % 60; var displayMinutes = minutes < 10 ? '0' + minutes : minutes; var displaySeconds = seconds < 10 ? '0' + seconds : seconds; section.textContent = displayMinutes + ':' + displaySeconds; timerContainer.style.display = 'flex'; const resendBtn = document.getElementById('resendBtn'); resendBtn.removeEventListener('click', resendOTP);document.querySelector('#resendBtn').removeAttribute('onclick'); document.querySelector('#resendBtn').style.cursor = 'not-allowed'; document.querySelector('#resendSecond').removeAttribute('onclick'); document.querySelector('#resendSecond').style.cursor = 'not-allowed';  if (--timer < 0) { clearInterval(interval); timerContainer.style.display = 'none'; document.querySelector('#resendBtn').style.cursor = 'pointer'; document.querySelector('#resendBtn').addEventListener('click', resendOTP); document.querySelector('#resendSecond').style.cursor = 'pointer'; document.querySelector('#resendSecond').addEventListener('click', resendOTP); } }, 1000); };  window.submitRegistrationForm = function(closeOptModal=false) {  document.getElementById('dateOfBirth').value=document.getElementById('yearOfBirth').value+'-'+document.getElementById('monthOfBirth').value+'-'+document.getElementById('dayOfBirth').value;var name = document.getElementById('name').value+' '+document.getElementById('surname').value; var parts = name.split(' ');var initials = ''; for (var i = 0; i < parts.length; i++) {if (parts[i].length > 0 && parts[i] !== '') {initials += parts[i][0]}} document.getElementById('initials').value= initials; var url = document.querySelector('form').action; var formData = new FormData(document.querySelector('form')); formData.append('isOtp',closeOptModal); document.querySelector('.submit-btn').disabled = true; document.querySelector('.submit-btn').innerHTML = 'Processing registration'; fetch(url, {method: 'POST', body: formData}).then(Result => Result.json()).then(dataResult =>  { if(dataResult.redirect) { if(closeOptModal){closeModal();} window.location.href = dataResult.urlOrMessage} else if(!dataResult.redirect){if(dataResult.urlOrMessage){ document.querySelector('.error-message').innerHTML = dataResult.urlOrMessage; document.querySelector('.error-div').classList.remove('display-none');if(dataResult.requiresVerification){document.querySelector('.otp-button').parentElement.classList.remove('display-none');}; if(!closeOptModal){grecaptcha.reset();}}else {window.location.href = window.location.href} } else {window.location.href = window.location.href}  document.querySelector('.submit-btn').disabled = false; document.querySelector('.submit-btn').innerHTML = 'Submit';  }).catch(errorMsg=>{ document.querySelector('.submit-btn').disabled = false; document.querySelector('.submit-btn').innerHTML = 'Submit'; }); };     window.verifyOTP = function() { document.querySelector('#submitButton').disabled = true; var inputs = document.querySelectorAll('.digitInput'); var concatenatedValue = ''; inputs.forEach(function(input) { concatenatedValue += input.value; }); var url = 'VerifyOTP/' + concatenatedValue + '?apiURL=' + apiEndpointURL; fetch(url, {method: 'POST', body: null}).then(response => response.json()).then(dataResult => {var message = dataResult.message; var success = dataResult.success; if(dataResult.exceededAttempts){document.querySelector('#invalidOTPResendBtn').style.display = 'none'; document.querySelector('#invalidOTPResendBtn').style.display = 'none'; document.getElementById('resendBtn').style.display = 'none'; document.querySelector('#maximumAttempts').style.display = ''; setTimeout(resetForm, 6000); } else if(success){ document.querySelector('.otp-button').parentElement.classList.add('display-none');closeModal();navigateToStep(2); }else{document.getElementById('invalidOTPResendBtn').style.display = ''; document.querySelector('#errorMessage').textContent = message.toUpperCase(); var digitInputs = document.querySelectorAll('.digitInput');  digitInputs.forEach(function(input) { input.value = ''; }); var resendButton = document.getElementById('resendBtn'); var resendOTPButton = document.getElementById('invalidOTPResendBtn'); resendButton.style.display = 'none'; resendOTPButton.style.display = ''; var maximumAttempts = document.getElementById('maximumAttempts'); maximumAttempts.style.display = 'none'; } }).catch(error => { console.error('Error:', error); });  }; window.sendOTP = function() { fetch(`SendOTP/${document.querySelector('#Cell').value}?apiURL=${apiEndpointURL}`, { method: 'POST' }) .then(response => response.json()) .then(dataResult => { console.log('dataResult', dataResult); if (dataResult.success) { openOTPModal(); startTimer(true); }else { const errorMessage = document.querySelector('p[id="error-message"]'); errorMessage.innerHTML = dataResult.message; openWarningModal(); } }) .catch(error => console.error('Error:', error)); }; window.resendOTP = function() { startTimer();  var url = 'ResendOTP?apiURL=' + apiEndpointURL ; fetch(url, {method: 'POST', body: null}).then(response => response.json()).then(dataResult => { var digitInputs = document.querySelectorAll('.digitInput');  digitInputs.forEach(function(input) { input.value = ''; }); var message = dataResult.message; var success = dataResult.success; var exceededAttempts = dataResult.exceededAttempts;   if(success){ console.log('success!!!!'); }else{ if(exceededAttempts){document.getElementById('invalidOTPResendBtn').style.display = 'none'; var resendButton = document.getElementById('resendBtn'); var resendOTPButton = document.getElementById('invalidOTPResendBtn'); var maximumAttempts = document.getElementById('maximumAttempts'); resendOTPButton.style.display = 'none'; resendButton.style.display = 'none'; maximumAttempts.style.display = ''; setTimeout(resetForm, 5000); }else{ document.getElementById('resendBtn').style.display = 'none'; document.getElementById('invalidOTPResendBtn').style.display = ''; document.querySelector('#errorMessage').textContent = message.toUpperCase(); } } }).catch(error => { console.error('Error:', error); });  }