{% extends 'admin/@layout.html.twig' %}

{% set pageName = 'page_name_localization_index'|trans({}, 'admin') %}

{% block content %}
    <section class="content">
        {% if mutations|length %}
            <div class="card col-8">
                <div class="card-header">
                    {{ 'active_localizations'|trans({}, 'admin') }}
                </div>
                <div class="card-body">
                    <table class="table no-first-border no-footer">
                        <thead>
                        <tr>
                            <th></th>
                            <th>
                                {{ 'dt.localization'|trans({}, 'admin') }}
                            </th>
                            <th>
                                {{ 'dt.currency'|trans({}, 'admin') }}
                            </th>
                            <th>
                                {{ 'dt.timezone'|trans({}, 'admin') }}
                            </th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for mutation in mutations %}
                            {{ _self.activeLocaleTableRow(mutation) }}
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        {% endif %}

        <div class="card col-6">
            <div class="card-header">
                {{ 'available_localizations'|trans({}, 'admin') }}
            </div>
            <div class="card-body">
                {% if availableMutations|length %}
                    <table class="table no-first-border no-footer">
                        <tbody>
                        {% for mutation in availableMutations %}
                            {{ _self.availableLocaleTableRow(mutation) }}
                        {% endfor %}
                        </tbody>
                    </table>
                {% else %}
                    {{ component('alert', {type: 'info', message: 'alert_no_available_languages', translationDomain: 'admin'}) }}
                {% endif %}
            </div>
        </div>
    </section>
{% endblock %}

{% macro availableLocaleTableRow(mutation) %}
    <tr>
        <td>
            <img src="{{ asset('/build/admin/images/flags/4x3/'~ mutation.country|lower ~'.svg') }}"
                 width="20" alt="{{ mutation.name|trans({}, 'admin') }}">
        </td>
        <td>
            {{ mutation.name|trans({}, 'admin') }}
        </td>
        <td class="text-right">
            <a class="btn btn-sm btn-primary"
               href="{{ path('admin_shop_locale_add',{'localizationCode': mutation.code}) }}">
                <i class="fa fa-plus"></i>
                {{ 'button_add'|trans({}, 'admin') }}
            </a>
        </td>
    </tr>
{% endmacro %}

{% macro activeLocaleTableRow(mutation) %}
    {% set mutationName = mutation.name|trans({}, 'admin') %}
    <tr>
        <td>
            <img src="{{ asset('/build/admin/images/flags/4x3/'~ mutation.country|lower ~'.svg') }}"
                 width="20" alt="{{ mutation.name|trans({}, 'admin') }}">
        </td>
        <td>
            {{ mutationName }}
        </td>
        <td>
            {{ mutation.currency }}
        </td>
        <td>
            {{ mutation.timezone }}
        </td>
        <td class="text-right">
            {% if not mutation.default %}
                <a class="btn btn-sm btn-outline-primary"
                   href="{{ path('admin_shop_locale_update',{'localizationCode': mutation.code}) }}">
                    {{ 'button_update'|trans({}, 'admin') }}
                </a>
                {% if mutation.state is constant('App\\Enum\\MutationState::ACTIVATED') %}
                    <a class="btn btn-sm btn-outline-danger"
                       onclick="return showInfoConfirm(event, '{{ 'alert_title_deactivate_mutation'|trans({}, 'admin') }}', '{{ 'alert_desc_deactivate_mutation'|trans({'{mutation}': mutationName}, 'admin') }}')"
                       href="{{ path('admin_shop_locale_change_state',{'localizationCode': mutation.code, 'state': 'deactivate'}) }}">
                        {{ 'button_deactivate'|trans({}, 'admin') }}
                    </a>
                {% else %}
                    <a class="btn btn-sm btn-primary"
                       onclick="return showInfoConfirm(event, '{{ 'alert_title_activate_mutation'|trans({}, 'admin') }}', '{{ 'alert_desc_activate_mutation'|trans({'{mutation}': mutationName}, 'admin') }}')"
                       href="{{ path('admin_shop_locale_change_state',{'localizationCode': mutation.code, 'state': 'activate'}) }}">
                        {{ 'button_activate'|trans({}, 'admin') }}
                    </a>
                {% endif %}
                <a class="btn btn-sm btn-danger"
                   onclick="return showDangerConfirm(event, '{{ 'alert_title_remove_mutation'|trans({}, 'admin') }}', '{{ 'alert_desc_remove_mutation'|trans({'{mutation}': mutationName}, 'admin') }}')"
                   href="{{ path('admin_shop_locale_remove',{'localizationCode': mutation.code}) }}">
                    {{ 'button_remove'|trans({}, 'admin') }}
                </a>
            {% endif %}
        </td>
    </tr>
{% endmacro %}