templates/settings.mustache

<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Settings</title>
    <link rel="stylesheet"  type="text/css" href="/stylesheets/global.css">
    <link rel="stylesheet" type="text/css" href="/stylesheets/settings.css" />
    <script language="JavaScript" type="text/javascript" src="/javascripts/libraries/jquery-1.11.2.min.js"></script>
    <script src="/javascripts/controllers/accountRegistration.js"></script>
</head>

<body>
    <form id="settings-form" method="POST" action="/settings/submit">
        <div class="container">
            <h1>SETTINGS</h1>
            <h2>You can edit first and last name or change password.</h2>
            <input type="text" placeholder="First Name" value={{first_name}} name="first_name" required> <br>
            <input type="text" placeholder="Last Name" value={{last_name}} name="last_name" required> <br>
            <button type="submit" class="settings-submit">Save Profile</button>
        </div>
    </form>
    {{! Hidden for now. Todo - Not appropriate any if user logged in using 3rd party authentication
    <div class="pass-container">
        <button class="change-pass" onclick="window.location='/changePassword';">Change Password</button>
    </div>
   }}
</body>

</html>