{% extends "html/report_base.html" %}
{% import 'macros/report_title.macro' as TITLE %}
{% block title %} {{ gettext("Capacity Manager Report") }} {% endblock %}
{% block report_header_text %}
    {{ TITLE.TitleElement("Capacity Manager Report") }}
{%endblock%}

{% block loading_text %}
{%endblock%}

{% block status_element_block %}
    <ul class="status-info pull-left p-2">
    {{ INFO.element(
      'pem-dashboard-icon icon-date_time',
      gettext("Generated On:"), 'report_generated', report_time
    ) }}
    </ul>

    {% if chart_style == 1%}
    <span class="pull-right d-flex p-1 pl-2">
        <span class="my-auto mr-2">
            <span class="my-auto">{{ _('Go to: ') }}</span>
        </span>
        <span>
            <select id="menu" class="select-font-size form-control">
                {% for row in metrices %}
                    <option value="cm_section_{{loop.index}}">
                        {{row['label']|safe|e}} ({{row['metric_info']['metric_object']|safe|e}})
                    </option>
                {% endfor %}
            </select>
        </span>
    </span>
    {% endif %}
{% endblock %}

{% block css_block %}
  {# Embed files #}
    {% for css_file in css_files %}
        {{ css_file|safe }}
    {% endfor %}
{% endblock %}

{% block dashboard_body %}

<div class="row mb-2">
    <div class="col-12">
        <div class="dashboard-body report-body" data-trans-id="{{ trans_id }}" data-data-url="{{ data_url }}" data-download_file={{ download_file }}
        data-data-set="{{ data_set }}">
        </div>
    </div>
</div>
{% endblock %}

{% block script_block %}
    {% for js_file in js_files %}
        {{ js_file|safe }}
    {% endfor %}
{% endblock %}