{{define "title"}}{{.Owner}} · {{.Site}}{{end}}
{{define "content"}}
<section class="profilehead">
<h1>{{.Owner}} <span class="chip chip-neutral">{{.Kind}}</span></h1>
{{if .Profile.Description}}<p class="desc lede">{{.Profile.Description}}</p>{{end}}
{{if .Profile.Website}}<p class="meta"><a href="{{.Profile.Website}}" rel="nofollow me">{{.Profile.Website}}</a></p>{{end}}
{{if .Profile.Links}}<p class="meta">{{range $i, $l := .Profile.Links}}{{if $i}} · {{end}}<a href="{{$l.URL}}" rel="nofollow me">{{if $l.Label}}{{$l.Label}}{{else}}{{$l.URL}}{{end}}</a>{{end}}</p>{{end}}
{{if .Orgs}}<p class="meta">member of {{range .Orgs}}<a class="memberchip" href="/{{.Name}}">{{.Name}}</a> {{end}}</p>{{end}}
{{if .Members}}<p class="meta">members {{range .Members}}<a class="memberchip" href="/{{.Name}}">{{.Name}} <span class="role">{{.Role}}</span></a> {{end}}</p>{{end}}
{{if and (eq .Kind "org") .Repos}}<p class="meta"><a href="/{{.Owner}}/-/labels">labels</a> · <a href="/{{.Owner}}/-/milestones">milestones</a></p>{{end}}
</section>
{{/* The repository list is the bare /{owner}, because a profile's job is
     to lead to the projects: the About text and the year of squares used
     to sit above the list and push it below the fold (#242). */}}
<nav class="tabs" aria-label="Profile">
  <a {{if eq .Tab "repos"}}aria-current="page" {{end}}href="/{{.Owner}}">Repositories{{if .Repos}} <i>{{len .Repos}}</i>{{end}}</a>
  {{if .AboutHTML}}<a {{if eq .Tab "about"}}aria-current="page" {{end}}href="/{{.Owner}}/-/about">About</a>{{end}}
  <a {{if eq .Tab "activity"}}aria-current="page" {{end}}href="/{{.Owner}}/-/activity">Activity{{if .ActivityTotal}} <i>{{.ActivityTotal}}</i>{{end}}</a>
  {{if or .Snippets .Self}}<a href="/{{.Owner}}/-/snippets">Snippets{{if .Snippets}} <i>{{.Snippets}}</i>{{end}}</a>{{end}}
  {{if .CanAdmin}}<a {{if eq .Tab "people"}}aria-current="page" {{end}}href="/{{.Owner}}/-/people">People{{if .Members}} <i>{{len .Members}}</i>{{end}}</a>{{end}}
</nav>

{{if eq .Tab "repos"}}
<ul class="repolist">
{{range .Repos}}{{template "reporow" .}}
{{else}}<li class="empty">no visible repositories</li>{{end}}
</ul>
{{end}}

{{if eq .Tab "about"}}
<section class="readme"><div class="rendered">{{.AboutHTML}}</div></section>
{{end}}

{{if eq .Tab "activity"}}
<section class="activity">
<h2>activity <span class="count">{{.ActivityTotal}} in the last year</span></h2>
<div class="actgraph-scroll">
<div class="actgraph">
{{range .Activity}}<div class="actweek">{{if .Month}}<span class="actmonth">{{.Month}}</span>{{end}}{{range .Days}}<span class="actday{{if .Pad}} pad{{else}} l{{.Level}}{{end}}"{{if not .Pad}} title="{{.Count}} on {{.Date}}"{{end}}></span>{{end}}</div>{{end}}
</div>
</div>
<p class="actlegend"><span>Less</span><span class="actday l0"></span><span class="actday l1"></span><span class="actday l2"></span><span class="actday l3"></span><span class="actday l4"></span><span>More</span></p>
</section>
{{end}}

{{if eq .Tab "people"}}{{$org := .Owner}}
<h2>people <span class="count">{{len .Members}}</span></h2>
{{if .Notice}}<p class="error" role="alert">{{.Notice}}</p>{{end}}
<div class="tablewrap"><table class="keys">
<tr class="cols"><th scope="col">member</th><th scope="col">role</th><th scope="col"><span class="vh">actions</span></th></tr>
{{range .Members}}<tr>
  <td><a href="/{{.Name}}">{{.Name}}</a></td>
  <td>{{.Role}}</td>
  <td class="act"><form method="post" action="/{{$org}}"><input type="hidden" name="field" value="member-remove"><input type="hidden" name="user" value="{{.Name}}"><button type="submit" class="linklike">Remove</button></form></td>
</tr>
{{end}}</table></div>
<details class="editbox">
  <summary>Add or change a member</summary>
  <form method="post" action="/{{$org}}" class="setform stack">
    <input type="hidden" name="field" value="member-add">
    <label for="member">Username</label>
    <input type="text" id="member" name="user" required>
    <label class="none" for="memberrole">Role</label>
    <select id="memberrole" name="role">
      <option value="member">member</option>
      <option value="admin">admin</option>
    </select>
    <button type="submit" class="btn">Apply</button>
  </form>
</details>

<h2>teams <span class="count">{{len .Teams}}</span></h2>
<p class="meta">Teams scope repository access inside the organization: members
of a team get its role on every repository it is granted.</p>
{{range .Teams}}<details class="difffold" open>
  <summary><span class="fpath">{{.Name}}</span>
    <span class="fstat">{{len .Members}} member{{if ne (len .Members) 1}}s{{end}} · {{len .Grants}} repo{{if ne (len .Grants) 1}}s{{end}}</span>
  </summary>
  <div class="teambody">
    <p class="meta">members: {{range .Members}}<a class="memberchip" href="/{{.}}">{{.}}</a> {{else}}<span class="none">none yet</span>{{end}}</p>
    <p class="meta">repositories: {{range .Grants}}<span class="memberchip"><a href="/{{.RepoPath}}">{{.RepoPath}}</a> <span class="role">{{.Role}}</span></span> {{else}}<span class="none">none yet</span>{{end}}</p>
    <form method="post" action="/{{$org}}" class="setform stack">
      <input type="hidden" name="team" value="{{.Name}}">
      <label class="none" for="tm-{{.Name}}">Members</label>
      <input type="text" id="tm-{{.Name}}" name="user" placeholder="usernames, space-separated">
      <button type="submit" name="field" value="team-add" class="btn">Add</button>
      <button type="submit" name="field" value="team-remove" class="btn">Remove</button>
    </form>
    <form method="post" action="/{{$org}}" class="setform stack">
      <input type="hidden" name="team" value="{{.Name}}">
      <label class="none" for="tr-{{.Name}}">Repository</label>
      <input type="text" id="tr-{{.Name}}" name="repo" placeholder="owner/name">
      <label class="none" for="trr-{{.Name}}">Role</label>
      <select id="trr-{{.Name}}" name="role">
        <option value="read">read</option>
        <option value="write">write</option>
        <option value="admin">admin</option>
      </select>
      <button type="submit" name="field" value="team-grant" class="btn">Grant</button>
      <button type="submit" name="field" value="team-revoke" class="btn">Revoke</button>
    </form>
    <form method="post" action="/{{$org}}" class="setform">
      <input type="hidden" name="field" value="team-delete">
      <input type="hidden" name="team" value="{{.Name}}">
      {{template "confirmfield" .Name}}
      <button type="submit" class="danger">Delete this team</button>
    </form>
  </div>
</details>
{{else}}<p class="none">No teams yet.</p>{{end}}
<details class="editbox">
  <summary>Create a team</summary>
  <form method="post" action="/{{$org}}" class="setform">
    <input type="hidden" name="field" value="team-create">
    <label for="newteam">Name</label>
    <input type="text" id="newteam" name="team" required>
    <button type="submit" class="btn">Create</button>
  </form>
</details>

<h2>organization</h2>
<details class="editbox">
  <summary>Rename</summary>
  <form method="post" action="/{{$org}}" class="setform">
    <input type="hidden" name="field" value="org-rename">
    <label for="orgrename">New name</label>
    <input type="text" id="orgrename" name="name" value="{{$org}}" required>
    <button type="submit" class="btn">Rename</button>
  </form>
  <p class="meta">Every clone URL under this organization changes with the name.</p>
</details>
<p class="meta">Deleting an organization is a CLI operation, like deleting a
repository: it wants a typed confirmation rather than a button.</p>
<pre class="message" tabindex="0">gitbay org delete {{$org}} --yes</pre>
{{end}}
{{end}}