{% 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 = _('[{locale}] Locale Metrics')|f(locale=current_locale) %}
{% set scripts = ('wiki', 'wiki.dashboard',) %}
{% set crumbs = [(None, title)] %}
{% set classes = 'locale-metrics' %}

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


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

      {{ product_choice_list(products, product, url('dashboards.locale_metrics', locale_code=current_locale)) }}

      {% if current_locale != settings.WIKI_DEFAULT_LANGUAGE %}
        <section class="sumo-page-section" id="localization-metrics" data-url="{{ url('api.wikimetric_list')|urlparams(locale=current_locale, page_size=10000, product=product_slug) }}">
          <h2 class="sumo-page-subheading">{{ _('Localization Percentage') }}</h2>
          <div class="rickshaw">
            <div class="inline-controls"></div>
            <div class="graph-container">
              <div class="slider"></div>
              <div class="graph"></div>
            </div>
          </div>
        </section>
      {% endif %}

      <section class="sumo-page-section" id="active-contributors" data-url="{{ url('api.wikimetric_list')|urlparams(locale=current_locale, page_size=10000, product=product_slug) }}">
        <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>

      <section  class="sumo-page-section" id="kpi-vote" data-url="{{ url('api.kpi.kb-votes')|urlparams(locale=current_locale, product=product_slug) }}">
        <h2 class="sumo-page-subheading">{{ _('Helpful Votes') }}</h2>
        <div class="rickshaw">
          <div class="inline-controls"></div>
          <div class="graph-container">
            <div class="slider"></div>
            <div class="graph"></div>
          </div>
        </div>
      </section>
</article>
{% endblock %}

{% block side_top %}
  {{ localization_sidebar_nav(current_locale, 'metrics', current_locale==settings.WIKI_DEFAULT_LANGUAGE) }}
{% endblock %}