{{define "title"}}{{.Subject.Username}}{{end}}
{{define "content"}}
<h1>{{.Subject.Username}}</h1>
<p class="lead"><a href="/console/people">People</a> · {{.Subject.Role}} · joined {{date .Subject.CreatedAt}}
  {{if .Subject.Banned}}<span class="tag warn">banned: {{.Subject.BanReason}}</span>{{end}}</p>

<div class="panel">
  <h2>IMVU accounts <span class="count">{{len .Links}} of {{.Subject.LinkCap}}</span></h2>
  <p class="muted small">Only moderators see which IMVU accounts belong to one person.</p>
  <table>
    <tr><th>IMVU account</th><th>ID</th><th>Linked</th><th>Age</th><th>Shows</th></tr>
    {{range .Links}}
    <tr><td>{{.Username}}</td><td class="muted">{{.IMVUID}}</td><td class="muted">{{date .LinkedAt}}</td>
      <td>{{if .AgeVerified}}verified{{else if .AccessPass}}Access Pass{{else}}<span class="muted">no</span>{{end}}</td>
      <td class="small">{{if .ShowBadge}}badge {{end}}{{if .ShowPresence}}presence{{end}}</td></tr>
    {{else}}
    <tr><td colspan="5" class="empty">None.</td></tr>
    {{end}}
  </table>
  <p class="muted small">Signed in on {{.Signins}} computer{{if ne .Signins 1}}s{{end}}.</p>
</div>

<div class="grid">
  <div class="panel">
    <h2>Link cap</h2>
    <form method="post" action="/console/people/{{.Subject.ID}}/cap" class="inline">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="number" name="cap" value="{{.Subject.LinkCap}}" min="0" max="1000">
      <button>Set</button>
    </form>
    <p class="muted small">How many IMVU accounts they can link (normally 10).</p>
  </div>
  <div class="panel">
    <h2>Ban</h2>
    {{if .Subject.Banned}}
    <form method="post" action="/console/people/{{.Subject.ID}}/unban"><input type="hidden" name="csrf" value="{{.CSRF}}"><button class="secondary">Unban</button></form>
    {{else}}
    <form method="post" action="/console/people/{{.Subject.ID}}/ban">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <input type="text" name="reason" placeholder="Reason (they see it)" required maxlength="500">
      <div class="actions"><button class="danger">Ban</button></div>
    </form>
    <p class="muted small">Covers all their IMVU accounts, and signs them out everywhere.</p>
    {{end}}
  </div>
  {{if .Person.IsAdmin}}
  <div class="panel">
    <h2>Role</h2>
    <form method="post" action="/console/people/{{.Subject.ID}}/role" class="inline">
      <input type="hidden" name="csrf" value="{{.CSRF}}">
      <select name="role">
        <option value="user"{{if eq .Subject.Role "user"}} selected{{end}}>User</option>
        <option value="moderator"{{if eq .Subject.Role "moderator"}} selected{{end}}>Moderator</option>
        <option value="admin"{{if eq .Subject.Role "admin"}} selected{{end}}>Admin</option>
      </select>
      <button>Set</button>
    </form>
  </div>
  {{end}}
</div>
{{end}}