{{template "base/head" .}}
<div class="organization profile">
	{{/* overflow: auto is the clearfix - this avoids the image going beyond
	the container where it is supposed to stay inside. */}}
	<div class="ui container" style="overflow: auto">
		<img class="ui left" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>
		<div id="org-info">
			<div class="ui header">
				{{.Org.DisplayName}}
				{{if .IsOrganizationOwner}}<a class="text grey" href="{{.OrgLink}}/settings"><span class="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="octicon octicon-location"></span> <span>{{.Org.Location}}</span></div>{{end}}
				{{if .Org.Website}}<div class="item"><span class="octicon octicon-link"></span> <a target="_blank" rel="noopener noreferrer" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
			</div>
		</div>
	</div>

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

	<div class="ui container">
		<div class="ui mobile reversed stackable 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" .}}
				{{template "base/paginate" .}}
			</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">{{.Org.NumMembers}} <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}}{{if .FullName}} ({{.FullName}}){{end}}"><img class="ui avatar" src="{{.RelAvatarLink}}"></a>
						{{end}}
					{{end}}
				</div>

				{{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"><span>{{.Org.NumTeams}}</span> <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">
									<a href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong>{{.NumMembers}}</strong> {{$.i18n.Tr "org.lower_members"}}</a> ยท
									<a href="{{$.OrgLink}}/teams/{{.LowerName}}/repositories"><strong>{{.NumRepos}}</strong> {{$.i18n.Tr "org.lower_repositories"}}</a>
								</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" .}}