<h1>Account</h1>

<% if (msg) { %><div class="flash"><%= msg %></div><% } %>
<% if (err) { %><div class="flash err"><%= err %></div><% } %>

<div class="card">
  <dl class="kv">
    <dt>Username</dt><dd><strong><%= user.username %></strong></dd>
    <dt>Role</dt><dd><span class="chip <%= user.role === 'admin' ? 'live' : 'queued' %>"><%= user.role %></span></dd>
    <dt>Member since</dt><dd><%= h.fmtTime(user.created_at) %></dd>
  </dl>
</div>

<div class="card">
  <h2>Change password</h2>
  <form method="post" action="/account/password">
    <label for="a-cur">Current password</label>
    <input id="a-cur" type="password" name="current" autocomplete="current-password" required>
    <label for="a-new">New password</label>
    <input id="a-new" type="password" name="next" minlength="8" autocomplete="new-password" required>
    <div style="margin-top:14px"><button class="btn primary" type="submit">Change password</button></div>
  </form>
</div>
