<div class="modal fade" id="css-modalFlags" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
          <h5 class="modal-title">{__('Bitte wählen Eine Flagge für diese Steuerzone')}</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
          </button>
      </div>
      <div class="modal-body">
				{assign var=usedCssAlphabet value=1}
	      <div class="css-alphabet text-center">
					{foreach from=$cssFlags item=cFlag name='Flags'}
						{if empty($lastCHar) || $lastCHar != $cFlag|upper|truncate:"1":""}
							<a href="flag-{$cFlag|upper|truncate:"1":""}">{$cFlag|upper|truncate:"1":""}</a>
						{/if}
						{assign var=lastCHar value=$cFlag|upper|truncate:"1":""}
					{/foreach}
				</div>
				<hr>
			<div class="css-tax-flex-container">
				{foreach from=$cssFlags item=cFlag name='Flags'}
					<div class="col-xs-6 col-sm-4 col-md-2 {if $usedCssAlphabet}css-flags flag-{$cFlag|upper|truncate:"1":""}{/if}" style="display:none;">
						<a href='#' class="css-link-flags" data-element="{$cssZoneElement}" data-img="{$cFlag}"><img class="img-responsive" src="{$oCssPlugin->getPluginURL()}/flags/4x3/{$cFlag}" alt="" >{$cFlag}</a>
					</div>
				{/foreach}
			</div>

      <div class="modal-footer text-right">
        <button type="button" class="btn btn-danger" data-dismiss="modal">{__('schließen')}</button>
      </div>
    </div>
	</div>
</div>

