.login-form-container {
padding: 20px;
}
.login-form-container .form-field {
margin-bottom: 10px;
}
.login-form-container label {
display: block;
margin-bottom: 5px;
}
.login-form-container input[type="text"],
.login-form-container input[type="password"] {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
.login-form-container button {
background-color: #0073aa;
color: white;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.login-form-container button:hover {
background-color: #006799;
}
document.getElementById('login-form-flipbox').onsubmit = function(e) {
e.preventDefault();
var username = document.getElementById('username-flipbox').value;
var password = document.getElementById('password-flipbox').value;
var key = CryptoJS.enc.Utf8.parse('1234567812345678'); // Sostituire con la tua chiave di crittografia se necessario
var encryptedUsername = CryptoJS.AES.encrypt(username, key, { mode: CryptoJS.mode.ECB }).toString();
var encryptedPassword = CryptoJS.AES.encrypt(password, key, { mode: CryptoJS.mode.ECB }).toString();
var destinationUrl = `https://eventi.siapcn.it/installations/siapDesign/FioccoRosso/?user=${encodeURIComponent(encryptedUsername)}&pass=${encodeURIComponent(encryptedPassword)}&mnu=I`;
window.location.href = destinationUrl;
};
