{% extends 'layout/default.html.twig' %}

{% trans_default_domain 'cms' %}

{% block lexik_stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('bundles/lexiktranslation/css/translation.css') }}">
    <link rel="stylesheet" href="{{ asset('bundles/lexiktranslation/ng-table/ng-table.min.css') }}">
{% endblock %}

{% block toolbarActions %}
    <div data-kt-swapper="true" data-kt-swapper-mode="{default: 'prepend', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_content_container', lg: '#kt_app_toolbar_container'}" class="page-title d-flex flex-column justify-content-center flex-wrap me-3 mb-5 mb-lg-0">
        <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">
            {{ 'translations'|trans({},'cms') }}
        </h1>
    </div>

    <div class="d-flex align-items-center">
        <div class="bullet bg-secondary h-35px w-1px mx-5"></div>
        <a href="{{ path('lexik_translation_new') }}" role="button" class="btn btn-sm btn-icon">
            {% include 'utils/_icon.html.twig' with {icon:'plus-square','path':3, 'classes': 'text-success fs-2x'} %}
        </a>
    </div>

    <div class="d-flex align-items-center ms-auto">

        <a href="{{ path('lexik_translation_invalidate_cache') }}" role="button" class="btn btn-light-danger btn-sm">
            {% include 'utils/_icon.html.twig' with {icon:'trash','path':5, 'classes': 'fs-2'} %}
            <span>{{ 'cache_clear'|trans({},'cms') }}</span>
        </a>

        <div class="bullet bg-secondary h-35px w-1px mx-5"></div>

        <a href="{{ path('lexik_translation_overview') }}" role="button" class="btn btn-primary btn-sm">
            {% include 'utils/_icon.html.twig' with {icon:'abstract-28','path':2, 'classes': 'fs-2'} %}
            <span>{{ 'overview'|trans({},'cms') }}</span>
        </a>
    </div>

{% endblock toolbarActions %}

{% block body %}

    <div class="card card-sm shadow-none">
        <div class="card-header pb-5 pt-6 d-flex justify-content-between align-items-center h-initial">
            <h6 class="mb-0">{{ 'edit'|trans({},'cms') }}</h6>
        </div>

        <div class="card-body pt-3">
            {% include 'bundles/LexikTranslationBundle/Translation/_ngGrid.html.twig' %}
        </div>
    </div>



    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.9/angular.min.js"></script>
    <script src="{{ asset('bundles/lexiktranslation/ng-table/ng-table.min.js') }}"></script>
    <script>
        var translationCfg = {
            locales: {{ locales | json_encode | raw }},
            inputType: '{{ inputType }}',
            autoCacheClean: {{ autoCacheClean ? 'true' : 'false' }},
            profilerTokens: {{ tokens is not null ? (tokens | json_encode | raw) : 'null' }},
            toggleSimilar: '{{ toggleSimilar }}',
            csrfToken: '{{ csrf_token('lexik-translation') }}',
            url: {
                list: '{{ path('lexik_translation_list') }}',
                listByToken: '{{ path('lexik_translation_profiler', {'token': '-token-'}) }}',
                update: '{{ path('lexik_translation_update', {'id': '-id-'}) }}',
                delete: '{{ path('lexik_translation_delete', {'id': '-id-'}) }}',
                deleteLocale: '{{ path('lexik_translation_delete_locale', {'id': '-id-', 'locale': '-locale-'}) }}',
                invalidateCache: '{{ path('lexik_translation_invalidate_cache') }}'
            },
            label: {
                hideCol: '{{ 'show_hide_columns'|trans }}',
                toggleAllCol: '{{ 'toggle_all_columns'|trans }}',
                invalidateCache: '{{ 'invalidate_cache'|trans }}',
                allTranslations: '{{ 'all_translations'|trans }}',
                profiler: '{{ 'profiler'|trans }}',
                dataSource: '{{ 'data_source'|trans }}',
                latestProfiles: '{{ 'latest_profiles'|trans }}',
                profile: '{{ 'profile'|trans }}',
                saveRow: '{{ 'save_row'|trans }}',
                domain: '{{ 'domain'|trans }}',
                key: '{{ 'key'|trans }}',
                save: '{{ 'save'|trans }}',
                updateSuccess: '{{ 'successfully_updated'|trans }}',
                updateFail: '{{ 'update_failed'|trans }}',
                deleteSuccess: '{{ 'successfully_deleted'|trans }}',
                deleteFail: '{{ 'delete_failed'|trans }}',
                noTranslations: '{{ 'no_translations'|trans }}'
            }
        };
    </script>
    <script src="{{ asset('bundles/lexiktranslation/js/translation.js') }}"></script>
{% endblock %}