{{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 .ProfileReadmeContent}}
					<div id="readme_profile" class="render-content markup" data-profile-view-as-member="{{.IsViewingOrgAsMember}}">{{.ProfileReadmeContent}}</div>
				{{end}}
				{{template "shared/repo/search" .}}
				{{if not .Repos}}
					<div class="empty-placeholder">
						{{svg "octicon-repo" 48}}
						<h2>{{ctx.Locale.Tr "org.repos.empty"}}</h2>
						<p>{{ctx.Locale.Tr "org.repos.empty_description"}}</p>
					</div>
				{{else}}
					{{template "shared/repo/list" .}}
					{{template "base/paginate" .}}
				{{end}}
			</div>

			{{if .ShowMemberAndTeamTab}}
			<div class="ui five wide column">
				{{if .CanCreateOrgRepo}}
					<div class="tw-flex tw-flex-wrap tw-justify-center tw-gap-x-1 tw-gap-y-2 tw-mb-4">
						<a class="ui primary button tw-grow" href="{{AppSubUrl}}/repo/create?org={{.Org.ID}}">{{ctx.Locale.Tr "new_repo"}}</a>
						{{if not .DisableNewPullMirrors}}
							<a class="ui primary button tw-grow" href="{{AppSubUrl}}/repo/migrate?org={{.Org.ID}}&mirror=1">{{ctx.Locale.Tr "new_migrate"}}</a>
						{{end}}
					</div>
					<div class="divider"></div>
				{{end}}

				{{if and .ShowMemberAndTeamTab .ShowOrgProfileReadmeSelector}}
				<div class="tw-my-4">
					<div id="org-home-view-as-dropdown" class="ui dropdown jump">
						{{- $viewAsRole := Iif (.IsViewingOrgAsMember) (ctx.Locale.Tr "org.members.member") (ctx.Locale.Tr "settings.visibility.public") -}}
						<span class="text">{{svg "octicon-eye"}} {{ctx.Locale.Tr "org.view_as_role" $viewAsRole}}</span>
						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
						<div class="menu">
							<a href="?view_as=public" class="item {{if not .IsViewingOrgAsMember}}selected{{end}}">
								{{svg "octicon-check" 14 (Iif (not .IsViewingOrgAsMember) "" "tw-invisible")}} {{ctx.Locale.Tr "settings.visibility.public"}}
							</a>
							<a href="?view_as=member" class="item {{if .IsViewingOrgAsMember}}selected{{end}}">
								{{svg "octicon-check" 14 (Iif .IsViewingOrgAsMember "" "tw-invisible")}}  {{ctx.Locale.Tr "org.members.member"}}
							</a>
						</div>
					</div>
					<div class="tw-my-2">
						{{if .IsViewingOrgAsMember}}{{ctx.Locale.Tr "org.view_as_member_hint"}}{{else}}{{ctx.Locale.Tr "org.view_as_public_hint"}}{{end}}
					</div>
				</div>
				{{end}}

				{{if .NumMembers}}
					<h4 class="ui top attached header flex-left-right">
						<strong>{{ctx.Locale.Tr "org.members"}}</strong>
						<a class="tw-text-text-light flex-text-inline" href="{{.OrgLink}}/members"><span>{{.NumMembers}}</span> {{svg "octicon-chevron-right"}}</a>
					</h4>
					{{/* gap 8px below is specifically chosen to make sure a full line of avatars can exactly fit the segment width */}}
					<div class="ui attached segment flex-text-block tw-flex-wrap tw-gap-[8px]">
						{{range $memberUser := .OrgOverviewMembers}}
							{{if or $.IsOrganizationMember (call $.IsPublicMember $memberUser.ID)}}
								{{template "shared/user/avatarlink" dict "user" $memberUser "size" 32 "tooltip" true}}
							{{end}}
						{{end}}
					</div>
				{{end}}
				{{if .IsOrganizationMember}}
					<div class="ui top attached header flex-left-right">
						<strong>{{ctx.Locale.Tr "org.teams"}}</strong>
						<a class="tw-text-text-light flex-text-inline" href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right"}}</a>
					</div>
					<div class="ui attached segment">
						<div class="flex-relaxed-list">
						{{range .OrgOverviewTeams}}
							<div>
								<a href="{{$.OrgLink}}/teams/{{.LowerName | PathEscape}}"><strong>{{.Name}}</strong></a>
								<p class="tw-text-text-light">
									<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>
					</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}}
			</div>
			{{end}}
		</div>
	</div>
</div>
{{template "base/footer" .}}