{if !empty($sociaux)}
{assign var="nbColRs" value=(12/count($sociaux))/2}
{assign var="nbColRsX2" value=((12/count($sociaux))*2)/2}

{if count($sociaux) == 5}
    {assign var="nbColRs" value=2}
    {assign var="nbColRsX2" value=4}
{/if}

{foreach from=$sociaux item=sociau}
    {if $sociau->isVisible}
        {* Nom accessible = domaine du lien (ex. "facebook.com") : le lien ne contient
           qu'une image, il lui faut un nom pour les lecteurs d'écran. L'image devient
           décorative (alt="") puisque le lien est nommé. *}
        {assign var=_rsName value=$sociau->url|regex_replace:'#^https?://(www\.)?#':''|regex_replace:'#/.*$#':''}
        <div class="col-xs-2 col-sm-{$nbColRsX2} col-md-{$nbColRs} rs-items">
            <div class="rs-item">
                <a href="{$sociau->url}" target="_blank" rel="noopener noreferrer" aria-label="{$_rsName|escape:'html'}">
                    <img src="{$sociau->image}" alt="" loading="lazy" width="18" height="18">
                </a>
            </div>
        </div>
    {/if}
{/foreach}
{/if}
