<!-- Centralized Status Message -->
<p id="StatusMessage"></p>
<main class="login-file">
    <div class="container" id="container">
        <div class="form-container sign-in" id="sign_in_form">
            <h1>Login</h1>
            <form class="form-content sign-in">
                <input type="email" name="email" id="login_email" required placeholder="Email">
                <input type="password" name="password" id="login_password" required placeholder="Password">
                <button type="button" onclick="login()">Login</button>
            </form>
            <p onclick="toggleRegister()">Don't have an account</p>
        </div>
        <div class="form-container sign-up hidden" id="sign_up_form">
            <h1>Create Account</h1>
            <form class="form-content sign-up">
                <input type="text" name="firstName" id="register_firstName" required placeholder="First name">
                <input type="text" name="lastName" id="register_lastName" required placeholder="Last name">
                <input type="email" name="email" id="register_email" required placeholder="Email">
                <input type="password" name="password" id="register_password" required placeholder="Password">
                <input type="text" name="activationToken" id="register_activationToken" required
                       placeholder="Activation Token">
                <button type="button">Register</button>
            </form>
            <p onclick="toggleRegister()">Already have an account</p>
        </div>
    </div>
</main>