{% extends "_section.html" %}
{% from '_macros.html' import make_nav, render_stats_table, render_dataframe, render_figure %}
{% block section_content -%}
  <div class="row">
    <div class="col-2">
      {{ make_nav("nav-tab-series", obj.series.keys(), "flex-column nav-pills nav-clip") }}
    </div>
    <div class="col-10">
      <div class="tab-content border" id="nav-seriesContent">
        {% for name, sub in obj.series.items() %}
        <div class="tab-pane fade {{ 'show active' if loop.index == 1 else '' }}"
             id="nav-{{ name|idhtml }}"
             role="tabpanel"
             aria-labelledby="nav-{{ name|idhtml }}-tab">
          {{ sub|html }}
        </div>
        {% endfor %}
      </div>
    </div>
  </div>
{%- endblock %}