{% load i18n static waf_utils %}
<div class="main-section tab-pane fade {{ class }}" id="tab_{{ key.id }}">
    <div class="module-selector__wrapper">
        <div class="module-selector">
        <h2 class="module-selector__title">{% trans "RB Choose Module Title" %}</h2>
        <ul class="module-selector__list" module-selector>
            <li class="module-selector__item active" data-module="dyn">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="true" href="#subtab_{{ key.id }}_dyn" tab="subtab_{{ key.id }}_dyn" dont-save>{% trans "RB DYN" %}</a>
            </li>
            <li class="module-selector__item" data-module="erl">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_erl" tab="subtab_{{ key.id }}_erl" dont-save>{% trans "RB ERL Rules" %}</a>
            </li>
            <li class="module-selector__item" data-module="rprl">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_rprl" tab="subtab_{{ key.id }}_rprl" dont-save>{% trans "RB RPRL Rules" %}</a>
            </li>
            <li class="module-selector__item" data-module="bl">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_bl" tab="subtab_{{ key.id }}_bl" dont-save>{% trans "RB BL List" %}</a>
            </li>
            <li class="module-selector__item" data-module="mlc">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_mlc" tab="subtab_{{ key.id }}_mlc" dont-save>{% trans "RB Nemesida AIMLC" %}</a>
            </li>
            <li class="module-selector__item" data-module="vhosts">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_vhosts" tab="subtab_{{ key.id }}_vhosts" dont-save>{% trans "RB VHOSTS" %}</a>
            </li>
            <li class="module-selector__item" data-module="models">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_models" tab="subtab_{{ key.id }}_models" dont-save>{% trans "RB Models" %}</a>
            </li>
            <li class="module-selector__item" data-module="openapi">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_openapi" tab="subtab_{{ key.id }}_openapi" dont-save>{% trans "RB Openapi" %}</a>
            </li>
            <li class="module-selector__item" data-module="nginx">
                <a class="module-selector__button" type="button" data-toggle="tab" aria-expanded="false" href="#subtab_{{ key.id }}_nginx" tab="subtab_{{ key.id }}_nginx" dont-save>{% trans "RB Nginx Settings" %}</a>
            </li>
        </ul>
        </div>
    </div>

    <div class="backup-section__right-side tab-content">

        <div class="vertical-divider"></div>
        
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="dyn" class_2="in active" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="erl" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="rprl" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="bl" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="mlc" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="vhosts" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="models" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="openapi" %}
        {% include "my_waf/rollback/backup_list.html" with key=key tab_name="nginx" %}
    </div>
</div>