{{template "base/head" .}}
<div class="page-content organization profile">
    <div class="ui container df">
        {{ctx.AvatarUtils .Org 140 "org-avatar"}}
        <div id="org-info">
            <div class="ui header">
                {{.Org.DisplayName}}
                <span class="org-visibility">
					{{if .Org.Visibility.IsLimited}}
                    <div class="ui large basic horizontal label">{{.i18n.Tr "org.settings.visibility.limited_shortname"}}</div>{{end}}
                    {{if .Org.Visibility.IsPrivate}}
                    <div class="ui large basic horizontal label">{{.i18n.Tr "org.settings.visibility.private_shortname"}}</div>{{end}}
				</span>
                {{if .IsOrganizationOwner}}<a class="middle text grey"
                                              href="{{.OrgLink}}/settings">{{svg "octicon-gear" 16 "mb-3"}}</a>{{end}}
            </div>
            {{if $.RenderedDescription}}<p class="render-content markup">{{$.RenderedDescription|Str2html}}</p>{{end}}
            <div class="text grey meta">
                {{if .Org.Location}}
                <div class="item">{{svg "octicon-location"}} <span>{{.Org.Location}}</span></div>{{end}}
                {{if .Org.Website}}
                <div class="item">{{svg "octicon-link"}} <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">
                {{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 df">
                            <strong class="f1">{{.i18n.Tr "org.teams"}}</strong>
                            <div class="ui">
                                <a class="text grey dif ac"
                                   href="{{.OrgLink}}/teams"><span>{{.Org.NumTeams}}</span> {{svg "octicon-chevron-right"}}
                                </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>
            {{ end }}
        </div>
    </div>
</div>
{{template "base/footer" .}}