{% extends "layout.html" %}
{% set title = "Users" %}
{% block content %}
<div class="admin-heading"><h1>Users</h1></div>
{% if error %}<p class="notice is-error">{{ error }}</p>{% endif %}
{% if link %}
<div class="notice">
  <p>Send this link to <strong>{{ link_for }}</strong>. It works once, for 30 minutes.</p>
  <div class="copy-field"><input type="text" id="invite-link" value="{{ link }}" readonly><button class="button" type="button" data-copy="invite-link">Copy</button></div>
</div>
{% endif %}
<table class="admin-table">
  <thead><tr><th>User</th><th>Role</th><th class="hide-narrow">Sites</th><th class="hide-narrow">Passkeys</th><th></th></tr></thead>
  <tbody>
    {% for u in users %}
    <tr>
      <td><strong>{{ u.name }}</strong><div class="muted small">{{ u.id }}</div></td>
      <td>{{ u.role }}</td>
      <td class="hide-narrow">{% if u.role == "admin" %}<span class="muted">all</span>{% else %}{{ u.sites | join(", ") or "—" }}{% endif %}</td>
      <td class="hide-narrow">{{ u.passkeys }}</td>
      <td>
        <form method="post" action="/users/{{ u.id }}/link" class="inline-form"><button class="link-button" type="submit">New passkey link</button></form>
        {% if u.id != user.id %}
        <form method="post" action="/users/{{ u.id }}/delete" class="inline-form" data-confirm="Remove {{ u.name }}? Their posts stay."><button class="link-button danger" type="submit">Remove</button></form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>

<h2>Invite someone</h2>
<form method="post" action="/users/invite" class="settings-grid" style="padding:0">
  <label class="field"><span>User id</span><input type="text" name="id" pattern="[a-z0-9-]+" maxlength="32" required placeholder="friend" autocapitalize="off"></label>
  <label class="field"><span>Name</span><input type="text" name="name" required placeholder="Friend"></label>
  <label class="field"><span>Role</span>
    <select name="role"><option value="editor">Editor (chosen sites)</option><option value="admin">Admin (everything)</option></select>
  </label>
  <fieldset class="field field--wide" style="border:0;padding:0;margin:0">
    <span>Sites they may edit</span>
    {% for s in all_sites %}<label><input type="checkbox" name="site" value="{{ s.id }}"> {{ s.config.title or s.id }}</label> {% endfor %}
  </fieldset>
  <div><button class="button button--primary" type="submit">Create invite link</button></div>
</form>
{% endblock %}