{% macro kpi_bar(items, extra_class='') -%}
  <section class="kpi-bar {{ extra_class }}">
    {% for item in items %}
      <p class="kpi-bar__item {% if item.get('show_edit') %}kpi-bar__item--editable{% endif %}">
        <span class="kpi-bar__label">{{ item.label }}:</span>
        <strong class="kpi-bar__value {% if item.get('value_class') %}{{ item.get('value_class') }}{% endif %}">{{ item.value }}</strong>
        {% if item.get('show_edit') %}
          <button type="button"
                  class="kpi-bar__edit js-toggle-weekly-target-editor"
                  aria-label="Wochen-Soll bearbeiten"
                  title="Wochen-Soll bearbeiten">
            <img class="dash-icon" src="/static/icons/edit.svg" alt="" />
          </button>
        {% endif %}
      </p>
    {% endfor %}
  </section>
{%- endmacro %}