{{template "base/head" .}}
<div class="organization profile">
  <div class="ui container">
    <div class="ui grid">
      <div class="ui sixteen wide column">
        <img class="ui left" id="org-avatar" src="{{.Org.AvatarLink}}?s=140"/>
        <div id="org-info">
          <div class="ui header">
            {{.Org.FullName}}
            {{if .IsOrganizationOwner}}<a class="text grey" href="{{.OrgLink}}/settings"><span class="icon octicon octicon-gear"></span></a>{{end}}
          </div>
          {{if .Org.Description}}<p class="desc">{{.Org.Description}}</p>{{end}}
          <div class="text grey meta">
            {{if .Org.Location}}<div class="item"><span class="icon octicon octicon-location"></span> <span>{{.Org.Location}}</span></div>{{end}}
            {{if .Org.Website}}<div class="item"><span class="icon octicon octicon-link"></span> <a target="_blank" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="ui divider"></div>

  <div class="ui container">
    <div class="ui grid">
      <div class="ui eleven wide column">
        {{if .IsOrganizationOwner}}
        <div class="text right">
          <a class="ui green button" href="{{AppSubUrl}}/repo/create?org={{.Org.Id}}"><i class="octicon octicon-repo-create"></i> {{.i18n.Tr "new_repo"}}</a>
        </div>
        <div class="ui divider"></div>
        {{end}}
        {{template "explore/repo_list" .}}
      </div>

      <div class="ui five wide column">
        <h4 class="ui top attached header">
          <strong>{{.i18n.Tr "org.people"}}</strong>
          {{if .IsOrganizationMember}}
          <div class="ui right">
            <a class="text grey" href="{{.OrgLink}}/members"><strong>{{.Org.NumMembers}}</strong><span class="octicon octicon-chevron-right"></span></a>
          </div>
          {{end}}
        </h4>
        <div class="ui attached segment members">
          {{$isMember := .IsOrganizationMember}}
          {{range .Members}}
            {{if or $isMember (.IsPublicMember $.Org.Id)}}
            <a href="{{.HomeLink}}" title="{{.Name}}"><img class="ui avatar" src="{{.AvatarLink}}"></a>
            {{end}}
          {{end}}
        </div>
        {{if .IsOrganizationOwner}}
        <div class="ui bottom attached segment">
          <a class="ui blue small button" href="{{.OrgLink}}/invitations/new">{{.i18n.Tr "org.invite_someone"}}</a>
        </div>
        {{end}}

        {{if .IsOrganizationMember}}
        <div class="ui top attached header">
          <strong>{{.i18n.Tr "org.teams"}}</strong>
          <div class="ui right">
            <a class="text grey" href="{{.OrgLink}}/teams"><strong>{{.Org.NumTeams}}</strong><span class="octicon octicon-chevron-right"></span></a>
          </div>
        </div>
        <div class="ui attached table segment teams">
          {{range .Teams}}
          <div class="item">
            <a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong class="team-name">{{.Name}}</strong></a>
            <p class="text grey">{{.NumMembers}} {{$.i18n.Tr "org.lower_members"}} · {{.NumRepos}} {{$.i18n.Tr "org.lower_repositories"}}</p>
          </div>
          {{end}}
        </div>
        {{if .IsOrganizationOwner}}
        <div class="ui bottom attached segment">
          <a class="ui blue small button" href="{{.OrgLink}}/teams/new">{{.i18n.Tr "org.create_new_team"}}</a>
        </div>
        {{end}}
        {{end}}
      </div>
    </div>
  </div>
</div>
{{template "base/footer" .}}