<div class="languageSwitcher__container">

    <a href="#" class="-closeLanguage">
        <i class="fa fa-times"></i>
    </a>

    <span class="title__h1">
        <i class="fa fa-globe"></i>
        $chooseLangaugeTitle
    </span>

    <div class="languages">
        <ul class="cc-language__selector">
            #foreach ($country in $regionsArray)
                <li>
                    <div class="flag #if ($country.current)-current#end">
                        #if(${country.icon})
                            ${country.icon}
                        #else
                            ${country.fallbackIcon}
                        #end
                    </div>
                    <span>${country.displayCountry}</span>
                    ## <a
                    ##     href="${country.uri}"
                    ##     data-uri="${country.uri}"
                    ##     data-currentlocale="${country.currentLocale}"
                    ##     data-currentregion="${country.currentRegion}">
                    ##     <span>${country.displayLanguage}</span>
                    ## </a>
                    <div class="languages--langs">
                        #foreach ($language in $country.languages)
                            <a href="${language.uri}" data-uri="${language.uri}">
                                <span>${language.displayLanguage}</span>
                            </a>
                        #end
                    </div>
                </li>
            #end
        </ul>

    </div>

</div>

<script type="text/javascript">
    $svjq(document).ready(function () {
        function setCookie(name, value, days) {
            var d = new Date();
            d.setTime(d.getTime() + 24 * 60 * 60 * 1000 * days);
            document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();
        }
        $svjq('.cc-language__selector a').on('click', function (e) {
            e.preventDefault();
            let elm = $svjq(e.target)
                .prop("tagName")
                .toLowerCase() === 'span'
                    ? $svjq(e.target).parent()
                    : $svjq(e.target);
            const newLang = elm.attr('href');
            if (newLang) {
                setCookie('lang', newLang, 10);
                window
                    .location
                    .replace(newLang);
            }
        })
    });
</script>