St Mark´s Fermentados

<!-- wp:code -->
<pre class="wp-block-code"><code>&lt;script>
    const formTitle = document.getElementById('form-title');
    const authForm = document.getElementById('auth-form');
    const toggleForm = document.getElementById('toggle-form');
    const submitBtn = document.getElementById('submit-btn');
    const messageDiv = document.getElementById('message');
    const emailInput = document.getElementById('email');
    const passwordInput = document.getElementById('password');

    let isRegister = false;

    // Función para obtener usuarios desde localStorage
    function getUsers() {
        const users = localStorage.getItem('users');
        return users ? JSON.parse(users) : &#91;];
    }

    // Función para guardar usuarios en localStorage
    function saveUsers(users) {
        localStorage.setItem('users', JSON.stringify(users));
    }

    // Cambiar entre registro e inicio de sesión
    toggleForm.addEventListener('click', () => {
        isRegister = !isRegister;
        messageDiv.textContent = '';
        if (isRegister) {
            formTitle.textContent = 'Registro';
            submitBtn.textContent = 'Registrar';
            toggleForm.textContent = '¿Ya tienes cuenta? Inicia sesión';
        } else {
            formTitle.textContent = 'Iniciar Sesión';
            submitBtn.textContent = 'Entrar';
            toggleForm.textContent = '¿No tienes cuenta? Regístrate';
        }
        authForm.reset();
    });

    // Manejar el envío del formulario
    authForm.addEventListener('submit', (e) => {
        e.preventDefault();
        messageDiv.classList.remove('error');
        messageDiv.textContent = '';

        const email = emailInput.value.trim().toLowerCase();
        const password = passwordInput.value;

        if (!email || !password) {
            messageDiv.textContent = 'Por favor completa todos los campos.';
            messageDiv.classList.add('error');
            return;
        }

        const users = getUsers();

        if (isRegister) {
            // Registro
            if (users.find(u => u.email === email)) {
                messageDiv.textContent = 'El correo ya está registrado.';
                messageDiv.classList.add('error');
                return;
            }
            // Guardar nuevo usuario
            users.push({ email, password });
            saveUsers(users);
            messageDiv.textContent = 'Registro exitoso. Ahora puedes iniciar sesión.';
            messageDiv.classList.remove('error');
            authForm.reset();
            // Cambiar a inicio de sesión
            isRegister = false;
            formTitle.textContent = 'Iniciar Sesión';
            submitBtn.textContent = 'Entrar';
            toggleForm.textContent = '¿No tienes cuenta? Regístrate';
        } else {
            // Inicio de sesión
            const user = users.find(u => u.email === email &amp;&amp; u.password === password);
            if (!user) {
                messageDiv.textContent = 'Correo o contraseña incorrectos.';
                messageDiv.classList.add('error');
                return;
            }
            messageDiv.textContent = `Bienvenido, ${email}! Has iniciado sesión correctamente.`;
            messageDiv.classList.remove('error');
            authForm.reset();
        }
    });
&lt;/script></code></pre>
<!-- /wp:code -->