<!DOCTYPE html>
<html lang="en">
<head>
    <title>{{.ServiceName}}</title>
</head>
<body>
<header>
    <h1>{{.ServiceName}}</h1>
</header>
<main>
    <div>Logged in as: {{.User.Name}} ({{.User.Sub}})</div>
    <div>
        <form method="GET" action="/edit">
            <button type="submit">Edit Profile</button>
        </form>
    </div>
    <div>
        <form method="GET" action="/edit/username">
            <button type="submit">Change Username</button>
        </form>
    </div>
    <div>
        <form method="GET" action="/edit/password">
            <button type="submit">Change Password</button>
        </form>
    </div>
    <div>
        <form method="GET" action="/manage/apps">
            <button type="submit">Manage Applications</button>
        </form>
    </div>
    <div>
        <form method="GET" action="/manage/users">
            <button type="submit">Manage Users</button>
        </form>
    </div>
    <div>
        <form method="GET" action="/edit/otp">
            <label><input type="radio" name="digits" value="6"/> 6 digits</label>
            <label><input type="radio" name="digits" value="7"/> 7 digits</label>
            <label><input type="radio" name="digits" value="8"/> 8 digits</label>
            <button type="submit">Change OTP</button>
        </form>
    </div>
    <div>
        <form method="POST" action="/logout">
            <input type="hidden" name="nonce" value="{{.Nonce}}">
            <button type="submit">Log Out</button>
        </form>
    </div>
</main>
</body>
</html>