{{define "account.html"}}{{template "base" .}}{{end}}

{{define "content"}}
<section class="app-shell" aria-labelledby="account-title">
  <aside class="app-sidebar">
    <nav class="sidebar-nav">
      <a class="sidebar-link" href="/app">My Files</a>
      <a class="sidebar-link is-active" href="/account/settings">Account</a>
      {{if eq .Data.Role "admin"}}<a class="sidebar-link" href="/admin">Admin panel</a>{{end}}
    </nav>
    <hr class="sidebar-sep">
    <form class="sidebar-logout" action="/logout" method="post">
      <button class="button button-outline" type="submit">Sign out</button>
    </form>
  </aside>

  <div class="app-main">
    <div class="admin-header">
      <div>
        <p class="kicker">Account</p>
        <h1 id="account-title">Settings</h1>
        <p class="muted-copy">{{.Data.Email}} · {{.Data.Role}}</p>
      </div>
    </div>

    <div class="settings-stack">
      <div class="card settings-panel">
        <div class="card-content">
          <div class="table-header">
            <div>
              <h2>Password</h2>
              <p>Update the password for your account.</p>
            </div>
          </div>
          <form class="settings-form settings-form-narrow" action="/account/password" method="post">
            <label><span>Current password</span><input type="password" name="current_password" autocomplete="current-password" required></label>
            <label><span>New password</span><input type="password" name="new_password" autocomplete="new-password" minlength="8" required></label>
            <button class="button button-primary" type="submit">Update password</button>
          </form>
          <p class="muted-copy">Public forgot-password is deferred until SMTP support is added. Admins can generate reset links.</p>
        </div>
      </div>
    </div>
  </div>
</section>
{{end}}