{% extends "base.html" %}
{% from "dashboards/includes/macros.html" import localization_sidebar_nav %}
{% from "dashboards/includes/macros.html" import product_choice_list with context %}
{% set title = _('Aggregated Localization Metrics') %}
{% set scripts = ('wiki', 'wiki.dashboard',) %}
{% set crumbs = [(None, title)] %}
{% set classes = 'aggregated-metrics' %}

{% set product_slug = product.slug if product else 'null' %}


{% block content %}
    <article class="dashboards sumo-page-section">
      <h1 class="sumo-page-heading">{{ title }}</h1>

      {{ product_choice_list(products, product, url('dashboards.aggregated_metrics')) }}

      <div class="loading-data mzp-c-notification-bar mzp-t-warning">
        {{ _('The dashboard data is being loaded. This may take some time.') }}
      </div>

      <div id="dashboard-readouts" class="sumo-page-section">
        <section id="percent-localized-top100" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
          {# Double % required below to escape % for gettext #}
          <h2 class="sumo-page-subheading">{{ _('Top 100 Articles: %% Localized') }}</h2>
          <div class="rickshaw">
            <div class="inline-controls"></div>
            <div class="graph-container">
              <div class="slider"></div>
              <div class="graph"></div>
            </div>
          </div>
        </section>

        <section id="percent-localized-top20" class="sumo-page-section" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
          {# Double % required below to escape % for gettext #}
          <h2 class="sumo-page-subheading">{{ _('Top 20 Articles: %% Localized') }}</h2>
          <div class="rickshaw">
            <div class="inline-controls"></div>
            <div class="graph-container">
              <div class="slider"></div>
              <div class="graph"></div>
            </div>
          </div>
        </section>

        <section id="percent-localized-all" class="sumo-page-section" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
          {# Double % required below to escape % for gettext #}
          <h2 class="sumo-page-subheading">{{ _('All Articles: %% Localized') }}</h2>
          <div class="rickshaw">
            <div class="inline-controls"></div>
            <div class="graph-container">
              <div class="slider"></div>
              <div class="graph"></div>
            </div>
          </div>
        </section>

        <section id="active-contributors" class="sumo-page-section" data-url="{{ url('api.wikimetric_list')|urlparams(product=product_slug, page_size=1000) }}">
          <h2 class="sumo-page-subheading">{{ _('Active Contributors') }}</h2>
          <div class="rickshaw">
            <div class="inline-controls"></div>
            <div class="graph-container">
              <div class="slider"></div>
              <div class="graph"></div>
            </div>
          </div>
        </section>
      </div>
    </article>
{% endblock %}

{% block side_top %}
  {{ localization_sidebar_nav(settings.WIKI_DEFAULT_LANGUAGE, 'aggregated', True) }}
  <section id="locale-picker" class="mt-lg" data-locales="{{ locales_json }}">
    <ul>
      {% for locale in locales %}
        <li class="field checkbox is-condensed">
          <input id="id_{{ locale[0] }}" type="checkbox" name="locale" value="{{ locale[0] }}" />
          <label for="id_{{ locale[0] }}" title="{{ _('{count} visitors in the past 30 days')|f(count=locale[1]) }}">
            {{ locale[0] }}
          </label>
        </li>
      {% endfor %}
    </ul>
  </section>
{% endblock %}