{% extends "ircpanel/base.html" %}
{% block title %}{{ name }}{% endblock %}
{% block pagehead %}{% endblock %}
{% block content %}
<a class="up-back" href="/channels"><svg viewBox="0 0 24 24"><path d="M19 12H5M12 19l-7-7 7-7"/></svg> Salons</a>

{% if !found %}
<div class="up-card"><div class="ircp-empty">Salon <b class="mono">{{ name }}</b> introuvable ou vide.</div></div>
{% else %}
<div class="up-card uprofile chprofile {% if keyed || inviteonly || secret %}is-locked{% endif %}">
  <div class="uprofile-cover"></div>
  <div class="uprofile-top">
    <span class="uprofile-av chprofile-av">#</span>
    <div class="uprofile-id">
      <div class="uprofile-name">{{ name }}</div>
      <div class="uprofile-tags">
        {% if registered %}<span class="upill upill--ok">enregistré</span>{% endif %}
        {% if secret %}<span class="upill upill--oper">+s secret</span>{% endif %}
        {% if private %}<span class="upill upill--oper">+p privé</span>{% endif %}
        {% if inviteonly %}<span class="upill upill--warn">+i sur invitation</span>{% endif %}
        {% if keyed %}<span class="upill upill--warn">🔑 clé</span>{% endif %}
        {% if moderated %}<span class="upill upill--warn">+m modéré</span>{% endif %}
      </div>
      <div class="chprofile-topic">{% if topic.is_empty() %}<span class="muted">Aucun sujet</span>{% else %}{{ topic }}{% endif %}</div>
    </div>
  </div>
  <div class="uprofile-facts">
    <div class="ufact"><span class="ufact-ico">👥</span><span>{{ users }} membre(s)</span></div>
    <div class="ufact"><span class="ufact-ico">⚙</span><span class="mono">{% if modes.is_empty() %}—{% else %}+{{ modes }}{% endif %}</span></div>
    <div class="ufact"><span class="ufact-ico">✍</span><span>{% if topic_setter.is_empty() %}—{% else %}{{ topic_setter }}{% endif %}</span></div>
  </div>
</div>

<div class="up-card chmembers-card">
  <div class="up-card-h"><svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/></svg> Membres <span class="ircp-count">{{ users }}</span></div>
  <div class="chmembers">
    {% for m in members %}
    <a class="chmember" href="/users/{{ m.slug }}">
      <span class="uava {% if m.is_oper %}is-oper{% else if !m.account.is_empty() %}is-acct{% endif %}"></span>
      <span class="chmember-main">
        <span class="chmember-id"><span class="chmember-lvl mono">{{ m.prefix }}</span><b>{{ m.nick }}</b></span>
        {% if !m.account.is_empty() %}<span class="ircp-tag ircp-tag--svc">{{ m.account }}</span>{% endif %}
        {% if m.is_oper %}<span class="ircp-tag ircp-tag--oper">oper</span>{% endif %}
      </span>
    </a>
    {% endfor %}
    {% if members.is_empty() %}<div class="ircp-empty">Aucun membre.</div>{% endif %}
  </div>
</div>
{% endif %}
{% endblock %}