{{define "team"}}{{template "top" .}}
{{if .Flash}}<p class="banner">{{.Flash}}</p>{{end}}
{{if .FlashErr}}<p class="banner error">{{.FlashErr}}</p>{{end}}
<div class="pagehead">
  <p class="eyebrow">Account · {{.Account.Name}}</p>
  <h1>Team</h1>
  <p class="lede">The people who can see and ship this account's apps.</p>
</div>
<div class="tablewrap">
<table>
  <tr><th>Address</th><th>Role</th>{{if .IsOwner}}<th></th>{{end}}</tr>
  {{range .Members}}<tr>
    <td>{{.Name}}</td>
    <td>{{.Role}}</td>
    {{if $.IsOwner}}<td>
      {{if ne .Name $.Address}}
      <form method="post" action="{{$.Base}}/members/transfer">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="address" value="{{.Name}}">
        <button class="linkish" type="submit">Hand over ownership</button>
      </form>
      <form method="post" action="{{$.Base}}/members/remove">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="address" value="{{.Name}}">
        <button class="linkish danger" type="submit">Remove</button>
      </form>
      {{end}}
    </td>{{end}}
  </tr>{{end}}
</table>
</div>
{{if .IsOwner}}
<p class="small">{{.ConfirmNote}}</p>
<h2>Invite a teammate</h2>
<form class="signin" method="post" action="{{.Base}}/invite">
  <input type="hidden" name="csrf" value="{{.CSRF}}">
  <input type="text" name="address" placeholder="{{.InvitePlaceholder}}">
  <button type="submit">Send invitation</button>
</form>
<p class="small">{{.InviteNote}}</p>
{{if .Invites}}
<div class="tablewrap">
<table>
  <tr><th>Invited</th><th>By</th><th>Expires</th><th></th></tr>
  {{range .Invites}}
  <tr>
    <td>{{.Address}}</td>
    <td>{{.InvitedBy}}</td>
    <td>{{fmtTime .ExpiresAt}}</td>
    <td>
      <form method="post" action="{{$.Base}}/invite/revoke">
        <input type="hidden" name="csrf" value="{{$.CSRF}}">
        <input type="hidden" name="token" value="{{.Token}}">
        <button class="linkish danger" type="submit">Revoke</button>
      </form>
    </td>
  </tr>
  {{end}}
</table>
</div>
{{end}}
{{end}}
{{template "bottom" .}}{{end}}