<div class="city-nearestCities">
<#-- Display all cities, and put a "Lettrine" representing the start letters -->
<@s.set name="i" value="0"/>
<@s.set name="lastLetter" value=""/>
<@s.iterator value="nearestCities" status="cityStatus">
<#-- <@s.if test="#lastLetter != ''"></div></@s.if> if is not first element -->
<@s.if test="#i % 10 == 0" >
<#-- We close the last column if it is not the first column -->
<@s.if test="#i != 0"></div></@s.if>
<#-- We create a new column every 10 cities or so -->
<div class="city-column">
</@s.if>
<@s.if test="cityName.charAt(0) != #lastLetter">
<@s.if test="!(#i % 10 == 0)" ><br /></@s.if>
<@s.set name="lastLetter" value="cityName.charAt(0)"/>
<div class="city-lettrine"><@s.property value="cityName.charAt(0)" /></div>
</@s.if>
<div> <#-- each city has to contain div tag -->
<@s.url id="cityUrl" action="city" namespace="/" includeParams="none">
<@s.param name="featureId" value="%{featureId}" />
</@s.url>
<a href="${cityUrl}"><@s.property value="cityName" /></a>
<#-- <@s.if test="!#cityStatus.last"> - </@s.if> -->
<@s.set name="i" value="#i+1"/>
<@s.if test="#cityStatus.last">
<#-- We close the last column if it is not the first column -->
</div>
</@s.if>
</div>
</@s.iterator>
</div>