{% set css_classes_flag    = ('wpml-ls-flag ' ~ backward_compatibility.css_classes_flag)|trim %}
{% set css_classes_native  = ('wpml-ls-native ' ~ backward_compatibility.css_classes_native)|trim %}
{% set css_classes_display = ('wpml-ls-display ' ~ backward_compatibility.css_classes_display)|trim %}
{% set css_classes_bracket = ('wpml-ls-bracket ' ~ backward_compatibility.css_classes_bracket)|trim %}
{% set css_classes_link    = (css_classes_link ~ ' ' ~ language.backward_compatibility.css_classes_a)|trim %}

{% for code, language in languages %}
    {% spaceless %}
    <span class="{{ language.css_classes }} wpml-ls-item-legacy-post-translations">
        <a href="{{ language.url }}" class="{{ css_classes_link }}">
            {% include 'flag.twig' %}

            {%- if language.is_current and (language.native_name or language.display_name)  -%}

                {%- set current_language_name = language.native_name|default(language.display_name) -%}
                <span class="{{ css_classes_native }}">{{- current_language_name -}}</span>

            {%- else -%}

                {%- if language.native_name -%}
                    <span class="{{ css_classes_native }}" lang="{{ language.code }}">{{- language.native_name -}}</span>
                {%- endif -%}

                {%- if language.display_name and (language.display_name != language.native_name) -%}
                    <span class="{{ css_classes_display }}">
                    {%- if language.native_name -%}<span class="{{ css_classes_bracket }}"> (</span>{%- endif -%}
                        {{- language.display_name -}}
                        {%- if language.native_name -%}<span class="{{ css_classes_bracket }}">)</span>{%- endif -%}
                    </span>
                {%- endif -%}

            {%- endif -%}
        </a>
    </span>
    {% endspaceless %}
{%- endfor -%}