{#template MAIN}


{#foreach $T.continents as continent}
 {#param name=index value=0}
<div class="{$T.continent.continentName}" style="display: none;">
	{#foreach $T.continent.countries as country}
			{#param name=dataContinent value=$T.continent.continentName}
            {#param name=dataFlag value=$T.country.displayZone}
            {#foreach $T.country.languageCodes as languageCode}
					{#param name=countryLanguage value=$T.languageCode+'_'+$P.dataFlag}
		            {#param name=locale value=}
		            {#if $T.country.languageCodes.length>1}
                    		{#param name=locale value='('+$P.languages[$T.languageCode]+')'}
                    {#/if}
                    {#if $P.index % 10 == 0}
					<ul>
					{#/if}
					<li class="displayVersion" id="{$P.countryLanguage}">
			          <span class="flag flag-{$T.country.displayZone}"></span>
			          
			          <span class="lang-{$T.languageCode}">
			           {$P.countryLanguages[$P.countryLanguage]} {$P.locale}
			          </span>
			        </li>
			      	{#if $P.index % 10 == 9}
					</ul>
					{#/if}
					{#param name=index value=$P.index + 1}
			{#/for}
	{#/for}
		{#if $P.index != 10}
		</ul>
		{#/if}
</div>
{#/for}
{#/template MAIN}