{% trans_default_domain 'admin' %}

{% set allLocales = website().configuration.allLocales %}
{% set defaultLocale = website().configuration.locale %}
{% set mediaCaregories = {
    'favicon': "Favicon"|trans,
    'logo': "Logo principal"|trans,
    'admin': "Logo administration"|trans,
    'footer': "Logo de pied de page"|trans,
    'email': "Logo corps emails"|trans,
    'titleheader': "Entête par défault"|trans,
    'google-plus': "Google +"|trans,
    'share': "Partage (OG)"|trans,
    'user-condition': "Conditions générales utilisateur"|trans
} %}

{% set categories = {
    ('Logos'|trans): ['logo', 'preloader', 'footer', 'admin', 'email'],
    ('Images par défaults'|trans): ['placeholder', 'titleheader', 'share'],
    ('Favicons'|trans): ['favicon', 'favicon-16x16', 'favicon-32x32', 'favicon-apple-touch-icon', 'manifest', 'mask-icon', 'mstile-150x150'],
    ('Réseaux sociaux'|trans): ['instagram', 'facebook', 'pinterest', 'youtube', 'linkedin', 'twitter', 'tripadvisor', 'google-plus'],
    ('Fichers'|trans): ['user-condition'],
} %}

{% if allLocales|length > 1 %}
    <ul class="nav nav-tabs w-100" role="tablist">
        {% for localeConfig in allLocales %}
            <li class="nav-item" data-toggle="tooltip" title="{{ languageName(localeConfig, app.user.locale) }}">
                <a class="nav-link{% if localeConfig == defaultLocale %} active{% endif %}" data-toggle="tab"
                   id="media-relation-{{ localeConfig }}-tab"
                   aria-selected="{% if localeConfig == defaultLocale %}true{% else %}false{% endif %}"
                   href="#mediaRelation-tab-{{ localeConfig }}" role="tab">
                    <i class="flag-icon flag-icon-{{ localeConfig }}"></i>
                </a>
            </li>
        {% endfor %}
    </ul>
{% endif %}

{% if allLocales|length > 1 %}
    <div class="tab-content tabcontent-border w-100 media-relations-tab mb-4">
{% endif %}

    {% for localeConfig in allLocales %}
        <div id="mediaRelation-tab-{{ localeConfig }}"
             class="tab-pane fade{% if localeConfig == defaultLocale %} show active{% endif %}"
             role="tabpanel" aria-labelledby="media-relation-{{ localeConfig }}-tab">
            {% if allLocales|length > 1 %}
                <div class="p-20 pb-0">
            {% endif %}
                <div class="row">
                    {% for categoryTitle, categorySlugs in categories %}
                        {% for categorySlug in categorySlugs %}
                            {% for mediaRelation in form.mediaRelations %}
                                {% set locale = mediaRelation.vars.value.locale %}
                                {% set category = mediaRelation.vars.value.category %}
                                {% set mediaCaregory = mediaCaregories[category] is defined ? mediaCaregories[category] : category|capitalize %}
                                {% if locale == localeConfig and category == categorySlug %}
                                    <div class="col-md-6 col-lg-3">
                                        <div class="card default-media-card">
                                            <div class="card-body text-center pb-0">
                                                {{ form_row(mediaRelation.media.uploadedFile) }}
                                                <h4 class="text-center">{{ mediaCaregory }}</h4>
                                                {% include 'admin/page/media/modal-btn.html.twig' with {"mediaRelationId": mediaRelation.vars.data.id, 'classname': class} %}
                                                {{ form_row(mediaRelation.isActive) }}
                                            </div>
                                        </div>
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endfor %}
                    {% endfor %}
                </div>
            {% if allLocales|length > 1 %}
                </div>
            {% endif %}
        </div>
    {% endfor %}

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

<div class="d-none">{{ form_rest(form.mediaRelations) }}</div>