{% extends "wiki/base.html" %}
{% from "layout/errorlist.html" import errorlist %}
{% from "includes/common_macros.html" import for_contributors_sidebar %}
{% if locale.locale==settings.WIKI_DEFAULT_LANGUAGE %}
  {% set title = _('[{locale}] KB Team')|f(locale=locale.locale) %}
{% else %}
  {% set title = _('[{locale}] Localization Team')|f(locale=locale.locale) %}
{% endif %}
{% set crumbs = [(url('wiki.locales'), _('Locales')), (None, locale.locale)] %}
{% set meta = [('robots', 'noindex, nofollow')] %}
{% set ga_content_group = "kb-cms" %}

{% block content %}

    <article id="locale-listing">
      <h1 class="sumo-page-heading">{{ title }}</h1>

      <div id="locale-leaders" class="editable sumo-page-section--inner">
        <h2 class="sumo-page-subheading">{{ _('Locale Leaders') }}</h2>
        {% if user_can_edit %}
        <a class="edit" href="#group-leaders">{{ _('Edit locale leaders') }}</a>
        <form id="add-leader-form" class="edit-mode" action="{{ url('wiki.add_locale_leader', locale.locale) }}" method="POST">
          {% csrf_token %}
          <div class="field {% if leader_form.users.errors %}has-error{% endif %}">
            {{ leader_form.users|safe }}
            {{ leader_form.users.errors }}
          </div>

          <input type="submit" class="sumo-button secondary-button" value="{{ _('Add Leader') }}" />
        </form>
        {% endif %}
        <ul class="users leaders cf">
          {% for user in leaders %}
            <li>
              {{ user_row(user) }}
              {% if user_can_edit %}
                <div class="remove edit-mode">
                  <a href="{{ url('wiki.remove_locale_leader', locale.locale, user.id) }}" class="sumo-delete-button" title="{{ _('Remove user from locale leaders') }}">&times;</a>
                </div>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
      </div>

      <div id="locale-reviewers" class="editable sumo-page-section--inner">
        <h2 class="sumo-page-subheading">{{ _('Locale Reviewers') }}</h2>
        {% if user_can_edit %}
          <a class="edit" href="#group-members">{{ _('Edit locale reviewers') }}</a>
          <form id="add-reviewer-form" class="edit-mode" action="{{ url('wiki.add_locale_reviewer', locale.locale) }}" method="POST">
            {% csrf_token %}
            <div class="field {% if reviewer_form.users.errors %}has-error{% endif %}">
            {{ reviewer_form.users|safe }}
            {{ reviewer_form.users.errors }}
            </div>
            <input type="submit" class="sumo-button secondary-button" value="{{ _('Add Reviewer') }}" />
          </form>
        {% endif %}
        <ul class="users reviewers cf">
          {% for user in reviewers %}
            <li>
              {{ user_row(user) }}
              {% if user_can_edit %}
                <div class="remove edit-mode">
                  <a href="{{ url('wiki.remove_locale_reviewer', locale.locale, user.id) }}" class="sumo-delete-button" title="{{ _('Remove user from locale reviewers') }}">&times;</a>
                </div>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
      </div>

      <div id="locale-editors" class="editable sumo-page-section--inner">
        <h2 class="sumo-page-subheading">{{ _('Locale Editors') }}</h2>
        {% if user_can_edit %}
          <a class="edit" href="#group-members">{{ _('Edit locale editors') }}</a>
          <form id="add-editor-form" class="edit-mode" action="{{ url('wiki.add_locale_editor', locale.locale) }}" method="POST">
            {% csrf_token %}
            <div class="field {% if editor_form.users.errors %}has-error{% endif %}">
              {{ editor_form.users|safe }}
              {{ editor_form.users.errors }}
            </div>
            <input type="submit" class="sumo-button secondary-button" value="{{ _('Add Editor') }}" />
          </form>
        {% endif %}
        <ul class="users editors cf">
          {% for user in editors %}
            <li>
              {{ user_row(user) }}
              {% if user_can_edit %}
                <div class="remove edit-mode">
                  <a class="sumo-delete-button" href="{{ url('wiki.remove_locale_editor', locale.locale, user.id) }}" title="{{ _('Remove user from locale editors') }}">&times;</a>
                </div>
              {% endif %}
            </li>
          {% endfor %}
        </ul>
      </div>

      <div id="active-contributors sumo-page-section--inner">
        <h2 class="sumo-page-subheading">{{ _('{count} Active Contributors (last 90 days)')|f(count=active|count) }}</h2>
        <ul class="users active cf">
          {% for user in active %}
            <li>
              {{ user_row(user) }}
            </li>
          {% endfor %}
        </ul>
      </div>
    </article>
{% endblock %}

{% block side_top %}
  <nav id="doc-tools">
    <ul class="sidebar-nav sidebar-folding">
      {{ for_contributors_sidebar(user, settings.WIKI_DEFAULT_LANGUAGE, active="wiki.locales", menu="contributor-tools", locale=locale) }}
    </ul>
  </nav>
{% endblock %}

{% macro user_row(user) -%}
<div class="avatar-details user-meta">
  <div class="avatar">
    <a rel="nofollow" href="{{ profile_url(user) }}">
      <img src="{{ profile_avatar(user) }}" alt="" />
    </a>
  </div>
  <div class="user">
    <div class="asked-by">
      <a class="author-name" rel="nofollow" href="{{ profile_url(user) }}">
        <span class="display-name">{{ display_name(user) }}</span>
      </a>
    </div>
    <span class="asked-on">
      {{ private_message_link(user) }}
    </span>
  </div>
</div>
{%- endmacro %}