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

{{define "content"}}
<section class="app-shell admin-shell" aria-labelledby="admin-users-title">
  <aside class="app-sidebar">
    <a class="sidebar-link" href="/admin">Overview</a>
    <a class="sidebar-link" href="/admin/files">Files</a>
    <a class="sidebar-link is-active" href="/admin/users">Users</a>
    <a class="sidebar-link" href="/admin/settings">Settings</a>
    <a class="sidebar-link" href="/app">My files</a>
    <form class="sidebar-logout" action="/admin/logout" method="post">
      <button class="button button-outline" type="submit">Logout</button>
    </form>
  </aside>

  <div class="app-main">
  <div class="admin-header">
    <div>
      <p class="kicker">Operator console</p>
      <h1 id="admin-users-title">{{.Data.PageTitle}}</h1>
    </div>
  </div>

  <div class="card admin-table-card">
    <div class="card-content">
      <div class="table-header">
        <div>
          <h2>Create invite</h2>
          <p>Copy the generated link and send it manually. SMTP delivery comes later.</p>
        </div>
      </div>
      {{if .Data.LastInviteURL}}
        <p class="manage-link"><span>Invite link:</span> <a href="{{.Data.LastInviteURL}}">{{.Data.LastInviteURL}}</a></p>
      {{end}}
      <form class="inline-controls" action="/admin/invites" method="post">
        <label><span>Email</span><input type="email" name="email" required></label>
        <label><span>Role</span><select name="role"><option value="user">User</option><option value="admin">Admin</option></select></label>
        <button class="button button-primary" type="submit">Create invite</button>
      </form>
    </div>
  </div>

  <div class="card admin-table-card">
    <div class="card-content">
      <div class="table-header"><h2>Users</h2><p>Disable accounts or create reset links.</p></div>
      <div class="admin-table-wrap">
        <table class="admin-table">
          <thead><tr><th>User</th><th>Email</th><th>Role</th><th>Status</th><th>Storage</th><th>Today</th><th>Joined</th><th>Actions</th></tr></thead>
          <tbody>
            {{range .Data.Users}}
              <tr>
                <td>{{.Username}}</td>
                <td>{{.Email}}</td>
                <td>{{.Role}}</td>
                <td><span class="badge">{{.Status}}</span></td>
                <td>{{.StorageUsed}} / {{.StorageQuota}}</td>
                <td>{{.DailyUsed}}</td>
                <td>{{.CreatedAt}}</td>
                <td class="table-actions">
                  {{if eq .Status "disabled"}}
                    <form action="/admin/users/{{.ID}}/disable?disabled=false" method="post"><button class="button button-outline" type="submit">Reactivate</button></form>
                  {{else}}
                    <form action="/admin/users/{{.ID}}/disable" method="post"><button class="button button-danger" type="submit">Disable</button></form>
                  {{end}}
                  <form action="/admin/users/{{.ID}}/reset" method="post"><button class="button button-outline" type="submit">Reset link</button></form>
                  <form action="/admin/users/{{.ID}}/quota" method="post">
                    <input class="compact-input" name="storage_quota_mb" placeholder="Quota MB">
                    <button class="button button-outline" type="submit">Quota</button>
                  </form>
                </td>
              </tr>
            {{else}}
              <tr><td colspan="8">No users yet.</td></tr>
            {{end}}
          </tbody>
        </table>
      </div>
    </div>
  </div>
  </div>
</section>
{{end}}