{% trans_default_domain 'admin' %}

{% set configuration = website().configuration %}
{% set defaultLocale = configuration.locale %}
{% set allLocales = configuration.allLocales %}

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

    {% if allLocales|length > 1 %}
        <ul class="nav nav-tabs w-100" role="tablist">
            {% for mediaRelation in mediaRelations %}
                {% set locale = mediaRelation.locale %}
                <li class="nav-item{% if locale not in allLocales %} d-none{% endif %}" data-toggle="tooltip" title="{{ languageName(locale, app.user.locale) }}">
                    <a class="nav-link{% if locale == defaultLocale %} active{% endif %}" data-toggle="tab"
                       id="media-relation-i18n-{{ locale ~ '-' ~ mediaRelation.id }}-tab"
                       aria-selected="{% if locale == defaultLocale %}true{% else %}false{% endif %}"
                       href="#media-relation-i18n-tab-{{ locale ~ '-' ~ mediaRelation.id }}" role="tab">
                        <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">
    {% endif %}

        {% for mediaRelation in mediaRelations %}

            {% set locale = mediaRelation.locale %}

            {% if allLocales|length == 1 and locale != configuration.locale %}
                <div class="d-none">
            {% endif %}

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

                {{ render_esi(controller("App\\Controller\\Admin\\Media\\MediaRelationController::edit", {'website': websiteId(), 'mediarelation': mediaRelation.id})) }}

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

            {% if allLocales|length == 1 and locale != configuration.locale %}
                </div>
            {% endif %}

        {% endfor %}

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

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