{% trans_default_domain 'admin' %}

{% if allLocales|length > 1 %}
    <div class="locales-tab-container m-0">
{% endif %}

    {% if allLocales|length > 1 %}
        <ul class="nav nav-tabs w-100" id="social-tab" role="tablist">
            {% for i18n in socialsNetworks %}
                {% set locale = i18n.vars.value.locale %}
                <li class="nav-item">
                    <a class="nav-link{% if locale == defaultLocale %} active{% endif %}"
                       id="social-{{ locale }}-tab"
                       data-toggle="tab"
                       href="#social-tab-{{ locale }}"
                       role="tab"
                       aria-controls="social-tab-{{ locale }}"
                       aria-selected="{% if locale == defaultLocale %}true{% else %}false{% endif %}">
                        <i class="flag-icon flag-icon-{{ locale }}"></i>
                    </a>
                </li>
            {% endfor %}
        </ul>
    {% endif %}

    {% if allLocales|length > 1 %}
        <div class="tab-content tabcontent-border w-100" id="social-tab-content">
    {% endif %}

        {% for i18n in socialsNetworks %}

            {% set locale = i18n.vars.value.locale %}

            {% if allLocales|length > 1 %}
                <div class="tab-pane fade{% if locale == defaultLocale %} show active{% endif %}" id="social-tab-{{ locale }}" role="tabpanel" aria-labelledby="social-{{ locale }}-tab">
                    <div class="p-20 pb-0">
            {% endif %}

                <div class="row">
                    {% for field in i18n.children %}
                        {{ form_row(i18n[field.vars.name]) }}
                    {% endfor %}
                </div>
            
            {% if allLocales|length > 1 %}
                    </div>
                </div>
            {% endif %}

        {% endfor %}

    {% if allLocales|length > 1 %}
        </div>
    {% endif %}

{% if allLocales|length > 1 %}
    </div>
{% endif %}