stylehub/templates/userActions.html

<!-- Centralized Status Message -->
<p id="StatusMessage"></p>
<div id="user-settings">
    <button type="button" onclick="logout()">Logout</button>
    <br>

    <div class="form-container" id="updateUserProfileForm">
        <h1>Update User</h1>

        <h2>Profile</h2>
        <div class="form-content" id="profile-form">
            <label for="updateFirstName">First Name:</label>
            <input type="text" id="updateFirstName" name="updateFirstName" required><br>

            <label for="updateLastName">Last Name:</label>
            <input type="text" id="updateLastName" name="updateLastName" required><br>

            <label for="updateNickname">Nickname:</label>
            <input type="text" id="updateNickname" name="updateNickname" required><br>

            <label for="updateMinecraftNick">Minecraft Nick:</label>
            <input type="text" id="updateMinecraftNick" name="updateMinecraftNick" required><br>

            <button type="button" onclick="updateUserProfile()">Update Profile</button>
        </div>
        <br><br>

        <h2>Email</h2>
        <div class="form-content" id="email-form">
            <label for="updateNewEmail">New Email:</label>
            <input type="email" id="updateNewEmail" name="updateNewEmail" required><br>

            <button type="button" onclick="updateEmail()">Update Email</button>
        </div>
        <br><br>

        <h2>Password</h2>
        <div class="form-content" id="password-form">
            <label for="changeOldPassword">Old Password:</label>
            <input type="password" id="changeOldPassword" name="changeOldPassword" required><br>

            <label for="changeNewPassword">New Password:</label>
            <input type="password" id="changeNewPassword" name="changeNewPassword" required><br>

            <button type="button" onclick="changePassword()">Change Password</button>
        </div>
    </div>
</div>
<hr>