{{template "base/head" .}}
<div class="organization teams">
	{{template "org/header" .}}
	<div class="ui container">
		{{template "base/alert" .}}
		{{template "org/navber" .}}
		<div class="ui stackable grid">
		
		
			
			<div class="ui sixteen wide computer column list">
				<div class="ui two column grid">
			{{range .Teams}}
					<div class="column">
						<div class="ui top attached header">
							<a class="text black" href="{{$.OrgLink}}/teams/{{.LowerName}}"><strong>{{.Name}}</strong></a>
							<div class="ui right">
								{{if .IsMember $.SignedUser.ID}}
									<form method="post" action="{{$.OrgLink}}/teams/{{.LowerName}}/action/leave">
										{{$.CsrfTokenHtml}}
										<button type="submit" class="ui red small button" name="uid" value="{{$.SignedUser.ID}}">{{$.i18n.Tr "org.teams.leave"}}</button>
									</form>
								{{else if $.IsOrganizationOwner}}
									<form method="post" action="{{$.OrgLink}}/teams/{{.LowerName}}/action/join">
										{{$.CsrfTokenHtml}}
										<button type="submit" class="ui blue small button" name="uid" value="{{$.SignedUser.ID}}">{{$.i18n.Tr "org.teams.join"}}</button>
									</form>
								{{end}}
							</div>
						</div>
						<div class="ui attached segment members">
							{{range .Members}}
								<a href="{{.HomeLink}}" title="{{.Name}}">
									<img class="ui avatar image" src="{{.RelAvatarLink}}">
								</a>
							{{end}}
						</div>
						<div class="ui bottom attached header">
							<p class="team-meta">{{.NumMembers}} 
								{{if le .NumMembers 1}}
									{{$.i18n.Tr "org.lower_member"}}
								{{else}}
									{{$.i18n.Tr "org.lower_members"}}
								{{end}}
								· {{.NumRepos}} 
								{{if le .NumRepos 1}}
									{{$.i18n.Tr "org.lower_repository"}}
								{{else}}
									{{$.i18n.Tr "org.lower_repositories"}}
								{{end}}
							</p>
						</div>
					</div>
			{{end}}
				</div>
			</div>
		</div>
	</div>
</div>
{{template "base/footer" .}}