{% extends "base.html" %}
{% block title %}{{ org.name }}{% endblock %}
{% block content %}
<div class="side-layout profile">
  <aside class="side who-card">
    <img class="avatar xl" src="/avatar/{{ org.name }}" alt="">
    {% if !org.display_name.is_empty() %}<h1 class="display">{{ org.display_name }}</h1>{% endif %}
    <p class="handle">{{ org.name }} <span class="tag">organisation</span></p>
    {% if !org.description.is_empty() %}<p class="bio">{{ org.description }}</p>{% endif %}
    {% if can_admin %}<a class="go small" href="/orgs/{{ org.name }}/settings">settings</a>{% endif %}
    <section class="side-card"><h3>Members <span class="count-chip">{{ members.len() }}</span></h3><div class="body">
    <ul class="plain">{% for (m, role) in members %}<li><img class="avatar xs" src="/avatar/{{ m.username }}" alt=""> <a href="/{{ m.username }}">{{ m.username }}</a>{% if role == "owner" %} <span class="small mute">owner</span>{% endif %}</li>{% endfor %}</ul>
    </div></section>
    {% if !teams.is_empty() %}
    <p><a class="go small" href="/projects/{{ org.name }}">Projects</a></p>
    <section class="side-card"><h3>Teams <span class="count-chip">{{ teams.len() }}</span></h3><div class="body">
    <ul class="plain">{% for (t, n) in teams %}<li>{{ t.name }} <span class="small mute">{{ n|plural("member", "members") }}</span></li>{% endfor %}</ul>
    </div></section>
    {% endif %}
  </aside>
  <div>
    <section class="card-box"><div class="card-head"><h2>Repositories</h2><span class="count-chip">{{ repos.len() }}</span></div>
    {% include "repo_list.html" %}
    </section>
    <section class="card-box"><div class="card-head"><h2>Recent activity</h2></div>
    {% include "feed.html" %}
    </section>
  </div>
</div>
{% endblock %}