{% 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 %}