{$cssFlagUrl = $iCssVatSelect->getPluginURL()|cat:'/flags/4x3/'}
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">{$oCssVatSelect->getLocalization()->getTranslation('css_vatSelect_modal_country_headline')}</h4>
</div>
<div class="modal-body">
    {if count($cssTaxCountrys)>$cssVatSelectConfig->maxCountrys}
        {assign var=usedCssAlphabet value=1}
        <div class="css-alphabet text-center">
            {foreach from=$cssTaxCountrys item=oTaxCountry name='taxCountrys'}
                {if empty($lastCHar) || $lastCHar != $oTaxCountry->cCountryName|upper|truncate:"1":""}
                    <a
                        data-io="{$iCssVatSelect->getShopIoLink()}"
                        href="country-{$oTaxCountry->cCountryName|upper|truncate:"1":""}"
                    >{$oTaxCountry->cCountryName|upper|truncate:"1":""}</a>
                {/if}
                {assign var=lastCHar value=$oTaxCountry->cCountryName|upper|truncate:"1":""}
            {/foreach}
        </div>
        <hr>
    {/if}
    <div class="css-tax-flex-container">
        {foreach from=$cssTaxCountrys item=oTaxCountry name='taxCountrys'}
            <div class="col col-xs-12 col-sm-6 col-md-4 {if $usedCssAlphabet}css-country country-{$oTaxCountry->cCountryName|upper|truncate:"1":""}{/if}">
                <a
                        data-io="{$iCssVatSelect->getShopIoLink()}"
                        href='#' class="css-link-steuerzone"
                   data-tax-zone="{$oTaxCountry->kSteuerzone}"
                   data-tax-country='{$oTaxCountry->cISO}'>{if !empty($oTaxCountry->cISO)}<img width="27" height="20"
                                                                                               src="{$cssFlagUrl}{$oTaxCountry->cISO|strtolower}.svg"
                                                                                               alt="{$oTaxCountry->cCountryName}" >{else}<img
                        src="{$cssFlagUrl}no_flag.svg"
                        alt="" >{/if}{$oTaxCountry->cCountryName}</a>
            </div>
        {/foreach}
    </div>
    <div class="modal-footer">
        <button type="button"
                data-io="{$iCssVatSelect->getShopIoLink()}"
                class="css-zone-back btn btn-danger">{$oCssVatSelect->getLocalization()->getTranslation('css_vatSelect_modal_previous')}</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">{$oCssVatSelect->getLocalization()->getTranslation('css_vatSelect_modal_close')}</button>
    </div>

