{% block netzp_powerpack6_tabs %}
<div class="netzp-powerpack6-tabs-element">
<ul class="nav nav-tabs">
{% for n in range(1, element.config.numberOfTabs.value) %}
<li class="nav-item">
<a class="nav-link {% if(n==1) %}active{% endif %}" data-toggle="tab"
href="#tab{{ element.id }}_{{ n }}">
<strong class="netzp-powerpack6-tabs-header">{{ element.config["tabtitle#{n}"].value|raw }}</strong>
</a>
</li>
{% endfor %}
</ul>
<div class="tab-content">
{% for n in range(1, element.config.numberOfTabs.value) %}
<div class="tab-pane container {% if(n==1) %}active{% else %}fade{% endif %} pt-4 netzp-powerpack6-tabs-body"
id="tab{{ element.id }}_{{ n }}">
{{ element.config["tabcontents#{n}"].value|raw }}
</div>
{% endfor %}
</div>
</div>
{% endblock %}