{@args token: String, email: String, name: String, problems: [String], saved: Bool}
<h1>Your account</h1>
<p>Signed in as {email}.</p>
{if saved}
<p role="status">Your public name is saved.</p>
{end}
{if not (sx_list_is_empty problems)}
<ul role="alert">
  {for p: String in problems}
  <li>{html translated p}</li>
  {end}
</ul>
{end}
<form method="post" action="/account">
  <input type="hidden" name="_csrf_token" value={token}>
  <label for="name">Public name</label>
  <input id="name" name="name" type="text" autocomplete="nickname" maxlength="60" value={name} aria-describedby="name-hint">
  <p id="name-hint">Shown next to what you publish. Leave it empty to show the part of your email before "@".</p>
  <button type="submit">Save name</button>
</form>
<form method="post" action="/logout">
  <input type="hidden" name="_csrf_token" value={token}>
  <button type="submit">Sign out</button>
</form>