 
{% set socials = [
        {
            'title': 'Facebook',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/facebook.svg'),
             'url': theme_config('theme-social-facebook')
        },
         {
            'title': 'Twitter',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/twitter.svg'),
             'url': theme_config('theme-social-twitter')
        },
        {
            'title': 'Linkedin',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/linkedin.svg'),
             'url': theme_config('theme-social-linkedin')
        },
        {
            'title': 'Pinterest',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/pinterest.svg'),
             'url': theme_config('theme-social-pinterest')
        }, 
		 {
            'title': 'Instagram',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/instagram.svg'),
            'url': theme_config('theme-social-instagram')
        },
        {
            'title': 'Youtube',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/youtube.svg'),
            'url': theme_config('theme-social-youtube')
        },
         {
            'title': 'Tumblr',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/Tumblr.svg'),
            'url': theme_config('theme-social-tumblr')
        },
        {
            'title': 'Vimeo',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/Vimeo.svg'),
            'url': theme_config('theme-social-vimeo')
        },
        {
            'title': 'Dribbble',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/Dribbble.svg'),
            'url': theme_config('theme-social-dribbble')
        },
        {
            'title': 'Rss',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/rss.svg'),
            'url': theme_config('theme-social-rss')
        },
        {
            'title': 'Flickr',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/flickr.svg'),
            'url': theme_config('theme-social-flickr')
        },
        {
            'title': 'Github',
            'image': asset('/bundles/brandcrockaquatheme/storefront/assets/images/icons/social/github.svg'),
            'url': theme_config('theme-social-github')
        }            
    ] %}

 
<ul class="footer-social-link">
    {% set counterSocial = 0 %}
    {% for social in socials %}
        {% if social.url %}
            <li class="footer-social-icon">
                <a href="{{ social.url }}" title="{{ social.title }}" aria-label="{{ social.title }} Page" target="_blank" rel="noopener noreferrer">
                    <img src="{{ social.image }}" alt="{{ social.title }}" width="10" height="20">
                </a>
            </li>
        {% else %}
            {% set counterSocial = counterSocial +1 %}
        {% endif %}
        {% if counterSocial == socials|length %}
            <div class="alert alert-info2 alert-dismissible">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <div class="h6 alert-heading">{{ "BrandCrockAquaTheme.footer.social.noSocials.headline"|trans|sw_sanitize }}</div>
                {{ "BrandCrockAquaTheme.footer.social.noSocials.content"|trans|sw_sanitize }}
            </div>
        {% endif %}
    {% endfor %}
</ul>
 
