{if !empty($highlights)}
{assign var="nbHighlight" value=count($highlights)}
{assign var="numberHighlight" value=1}

<div class="container Highlight totalH-{$nbHighlight}">
    <div class="row">
        {foreach from=$highlights item=highlight}
            {if $highlight->isVisible == true}
                <div class="col-xs-12 col-sm-12 boxH{$numberHighlight}">
                    <div class="highlight-card">
                        <img src="{$highlight->image}" alt="{$highlight->title}"/> 
                        <div class="highlight-overlay">
                            <div class="highlight-title">
                                <h2>{$highlight->title}</h2>                        
                                <span>{$highlight->subTitle}</span>
                            </div>
                            <div class="highlight-btn">
                                <a href="{$highlight->url}" class="btn">Découvrir</a>
                            </div>
                        </div>  
                    </div>
                </div>
                {assign var="numberHighlight" value=$numberHighlight+1}
            {/if}
        {/foreach}
    </div>
</div>
{/if}