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

    <h3>Members <small>{{ members.len() }}</small></h3>

    <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>

    {% if !teams.is_empty() %}

    <p><a class="go small" href="/projects/{{ org.name }}">Projects</a></p>

    <h3>Teams</h3>

    <ul class="plain">{% for (t, n) in teams %}<li>{{ t.name }} <span class="small mute">{{ n|plural("member", "members") }}</span></li>{% endfor %}</ul>

    {% endif %}

  </aside>

  <div>

    <h2>Repositories <small>{{ repos.len() }}</small></h2>

    {% include "repo_list.html" %}

    <h2>Recent activity</h2>

    {% include "feed.html" %}

  </div>

</div>

{% endblock %}