{% trans_default_domain 'admin' %}

{% set website = website() %}
{% set configuration = website.configuration %}
{% set defaultLocale = configuration.locale %}
{% set allLocales = configuration.allLocales %}
{% set allModules = allModules is defined and allModules ? allModules : website|modules %}
{% set disableTitle = disableTitle is defined or form.children.i18ns.vars.attr.disableTitle is defined and form.children.i18ns.vars.attr.disableTitle %}

{% if not disableTitle %}
    <div class="col-12">
        <h4 class="card-subtitle mb-4">
            <i class="fal fa-align-center mr-2"></i>{% if allLocales|length > 1 %}{{ "Descriptions"|trans }}{% else %}{{ "Description"|trans }}{% endif %}
        </h4>
    </div>
{% endif %}

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

    {% set tabUniqId = uniqId() %}

    {% if allLocales|length > 1 %}
        <ul class="nav nav-tabs w-100" role="tablist">
            {% for i18n in i18ns %}
                {% set locale = i18n.vars.value.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="i18n-{{ locale ~ tabUniqId }}-tab"
                       aria-selected="{% if locale == defaultLocale %}true{% else %}false{% endif %}"
                       href="#i18n-tab-{{ locale ~ tabUniqId }}" role="tab">
                        <i class="flag-icon flag-icon-{{ locale }}"></i>
                    </a>
                </li>
            {% endfor %}
        </ul>
    {% endif %}

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

        {% for i18n in i18ns %}

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

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

                {% for field in i18n.children %}
                    {% if configFields is not defined or field.vars.name not in configsFieldsSet %}
                        {% if allLocales|length == 1 and locale != configuration.locale %}
                            <div class="d-none">
                        {% endif %}

                        {% if field.vars.name == "video" and disableVideoTitle is not defined %}
                            <div class="col-12">
                                <h4 class="card-subtitle mb-4"><i class="fal fa-video mr-2"></i>{{ "Vidéo"|trans }}</h4>
                            </div>
                        {% endif %}

                        {% if field.vars.attr.group is defined and "add-title" in field.vars.attr.group and "target" in field.vars.name %}
                            <div class="col-12">
                                <h4 class="card-subtitle mb-4"><i class="fal fa-link mr-2"></i>{{ "Lien"|trans }}</h4>
                            </div>
                        {% endif %}

                            {% set entityToEdit = entity.action is defined and entity.action ? entity.action.entity|find(field.vars.value) : null %}
                            {% set entityInterfaceName = entityToEdit.interface.name is defined and entityToEdit.interface.name ? entityToEdit.interface.name : null %}
                            {% set isActionFilter = field.vars.name == 'actionFilter'
                                and field.vars.value is defined
                                and field.vars.value
                                and routeExist('admin_' ~ entityToEdit.interface.name ~ '_edit')
                                and entityToEdit
                                and entityInterfaceName|moduleActive(allModules) %}

                            {% if isActionFilter %}
                                <div class="col-md-10">
                            {% endif %}

                                {{ form_row(i18n[field.vars.name]) }}

                            {% if isActionFilter %}
                                </div>
                                <div class="col-md-2 align-self-end">
                                    <div class="form-group">
                                        <a href="{{ path('admin_' ~ entityInterfaceName ~ '_edit', {'website': websiteId(), (entityInterfaceName): entityToEdit.id}) }}"
                                           data-toggle="tooltip" title="{{ "Éditer"|trans|striptags }}" class="btn btn-info w-100">
                                            <i class="fas fa-pencil-alt mr-2"></i> {{ "Éditer"|trans }}
                                        </a>
                                    </div>
                                </div>
                            {% endif %}

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

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

        {% endfor %}

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

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