{{template "base/head" .}}
<div role="main" aria-label="{{.Title}}" class="page-content organization profile">
	{{template "org/header" .}}

	<div class="ui container">
		<div class="ui mobile reversed stackable grid">
			<div class="ui {{if .ShowMemberAndTeamTab}}eleven wide{{end}} column">
				{{if .ProfileReadme}}
					<div id="readme_profile" class="markup">{{.ProfileReadme}}</div>
				{{end}}
				{{template "explore/repo_search" .}}
				{{template "explore/repo_list" .}}
				{{template "base/paginate" .}}
			</div>

				{{ if .IsAdmin }}
					<div class="ui five wide column">
						<h4 class="ui top attached header df">
							<strong class="f1">{{.i18n.Tr "org.people"}}</strong>
							{{if .IsOrganizationMember}}
								<div class="ui">
									<a class="text grey dif ac"
									   href="{{.OrgLink}}/members"><span>{{.Org.NumMembers}}</span> {{svg "octicon-chevron-right"}}
									</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}}{{if .FullName}} ({{.FullName}}){{end}}">
                                    {{ctx.AvatarUtils .}}
                                </a>
                            {{end}}
                        {{end}}
                    </div>
					{{if .IsOrganizationMember}}
						<div class="ui top attached header tw-flex">
							<strong class="tw-flex-1">{{ctx.Locale.Tr "org.teams"}}</strong>
							<a class="text grey tw-flex tw-items-center" href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right"}}</a>
						</div>
						<div class="ui attached table segment teams">
							{{range .Teams}}
								<div class="item">
									<a href="{{$.OrgLink}}/teams/{{.LowerName | PathEscape}}"><strong class="team-name">{{.Name}}</strong></a>
									<p class="text grey">
										<a class="muted" href="{{$.OrgLink}}/teams/{{.LowerName | PathEscape}}"><strong>{{.NumMembers}}</strong> {{ctx.Locale.Tr "org.lower_members"}}</a> ·
										<a class="muted" href="{{$.OrgLink}}/teams/{{.LowerName | PathEscape}}/repositories"><strong>{{.NumRepos}}</strong> {{ctx.Locale.Tr "org.lower_repositories"}}</a>
									</p>
								</div>
							{{end}}
						</div>
						{{if .IsOrganizationOwner}}
							<div class="ui bottom attached segment">
								<a class="ui primary small button" href="{{.OrgLink}}/teams/new">{{ctx.Locale.Tr "org.create_new_team"}}</a>
							</div>
						{{end}}
					{{end}}
				{{end}}
			</div>
			{{end}}
		</div>
	</div>
</div>
{{template "base/footer" .}}