{namespace poi=Newland\Toubiz\Poi\Neos\ViewHelpers}
{namespace vh=Newland\NeosViewHelpers\ViewHelpers}

<f:if condition="{article.facebookUri} || {article.twitterUri} || {article.youtubeUri} || {article.instagramUri} || {article.flickrUi} || {article.wikipediaUri} ">
    <div class="mb-8">
        <ul class="tb-social-links">
            <f:if condition="{article.facebookUri}">
                <li class="tb-social-links__item">
                    <link href="{article.facebookUri}" itemprop="sameAs">
                    <a href="{article.facebookUri}" class="tb-social-links__link tb-social-links__link--facebook" target="_blank">
                        <div class="tb-social-links__icon-wrapper">
                            <svg class="c-icon" aria-labelledby="icon-facebook-title">
                                <title id="icon-facebook-title">Share on Facebook</title>
                                <use xlink:href="#icon-facebook" />
                            </svg>
                        </div>
                    </a>
                </li>
            </f:if>
            <f:if condition="{article.twitterUri}">
                <li class="tb-social-links__item">
                    <link href="{article.twitterUri}" itemprop="sameAs">
                    <a href="{article.twitterUri}" class="tb-social-links__link tb-social-links__link--twitter" target="_blank">
                        <div class="tb-social-links__icon-wrapper">
                            <svg class="c-icon" aria-labelledby="icon-twitter-title">
                                <title id="icon-twitter-title">Share on Twitter</title>
                                <use xlink:href="#icon-twitter" />
                            </svg>
                        </div>
                    </a>
                </li>
            </f:if>
            <f:if condition="{article.instagramUri}">
                <li class="tb-social-links__item">
                    <link href="{article.instagramUri}" itemprop="sameAs">
                    <a href="{article.instagramUri}" class="tb-social-links__link tb-social-links__link--instagram" target="_blank">
                        <div class="tb-social-links__icon-wrapper">
                            <svg class="c-icon" aria-labelledby="icon-instagram-title">
                                <title id="icon-instagram-title">Share on Instagram</title>
                                <use xlink:href="#icon-instagram" />
                            </svg>
                        </div>
                    </a>
                </li>
            </f:if>
            <f:if condition="{article.youtubeUri}">
                <li class="tb-social-links__item">
                    <link href="{article.youtubeUri}" itemprop="sameAs">
                    <a href="{article.youtubeUri}" class="tb-social-links__link tb-social-links__link--youtube" target="_blank">
                        <div class="tb-social-links__icon-wrapper">
                            <svg class="c-icon" aria-labelledby="icon-youtube-title">
                                <title id="icon-youtube-title">Share on Youtube</title>
                                <use xlink:href="#icon-youtube" />
                            </svg>
                        </div>
                    </a>
                </li>
            </f:if>
            <f:if condition="{article.flickrUri}">
                <li class="tb-social-links__item">
                    <link href="{article.flickrUri}" itemprop="sameAs">
                    <a href="{article.flickrUri}" class="tb-social-links__link tb-social-links__link--flickr" target="_blank">
                        <div class="tb-social-links__icon-wrapper">
                            <svg class="c-icon" aria-labelledby="icon-flickr-title">
                                <title id="icon-flickr-title">Share on Flickr</title>
                                <use xlink:href="#icon-flickr" />
                            </svg>
                        </div>
                    </a>
                </li>
            </f:if>
            <f:if condition="{article.wikipediaUri}">
                <li class="tb-social-links__item">
                    <link href="{article.wikipediaUri}" itemprop="sameAs">
                    <a href="{article.wikipediaUri}" class="tb-social-links__link tb-social-links__link--wikipedia" target="_blank">
                        <div class="tb-social-links__icon-wrapper">
                            <svg class="c-icon" aria-labelledby="icon-wikipedia-title">
                                <title id="icon-wikipedia-title">Share on Wikipedia</title>
                                <use xlink:href="#icon-wikipedia" />
                            </svg>
                        </div>
                    </a>
                </li>
            </f:if>
        </ul>
    </div>
</f:if>
