<table cellpadding="0" cellspacing="0" border="0" align="right">
    <tr>
        @if($socials->where('key', 'facebook')->isNotEmpty())
        <td valign="center" align="right" width="12">
            <a href="{{ $socials->where('key', 'facebook')->first()['url'] }}" target="_blank" title="Facebook" style="text-decoration: none;">
                <img class="imageFix" src="{{ config('app.url') . '/api/assets/sandown/social/facebook-logo.png'}}" alt="Facebook" title="Facebook" width="12" height="22" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif

        @if($socials->where('key', 'twitter')->isNotEmpty())
        <td valign="top" align="right" width="17"></td>

        <td valign="center" align="right" width="26">
            <a href="{{ $socials->where('key', 'twitter')->first()['url'] }}" target="_blank" title="X" style="text-decoration: none;">
                <img class="imageFix" src="{{ config('app.url') . '/api/assets/sandown/social/x-twitter-logo.png'}}" alt="X" title="X" width="26" height="26" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif

        @if($socials->where('key', 'instagram')->isNotEmpty())
        <td valign="top" align="right" width="17"></td>

        <td valign="center" align="right" width="28">
            <a href="{{ $socials->where('key', 'instagram')->first()['url'] }}" target="_blank" title="Instagram" style="text-decoration: none;">
                <img class="imageFix" src="{{ config('app.url') . '/api/assets/sandown/social/insta-logo.png'}}" alt="Instagram" title="Instagram" width="28" height="28" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif

        @if($socials->where('key', 'youtube')->isNotEmpty())
        <td valign="top" align="right" width="17"></td>

        <td valign="center" align="right" width="33">
            <a href="{{ $socials->where('key', 'youtube')->first()['url'] }}" target="_blank" title="YouTube" style="text-decoration: none;">
                <img class="imageFix" src="{{ config('app.url') . '/api/assets/sandown/social/yt-logo.png'}}" alt="YouTube" title="YouTube" width="33" height="23" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif

        @if($socials->where('key', 'tiktok')->isNotEmpty())
        <td valign="top" align="right" width="17"></td>

        <td valign="center" align="right" width="28">
            <a href="{{ $socials->where('key', 'tiktok')->first()['url'] }}" target="_blank" title="Tiktok" style="text-decoration: none;">
                <img class="imageFix" src="{{ config('app.url') . '/api/assets/sandown/social/tiktok-logo.png'}}" alt="Tiktok" title="Tiktok" width="28" height="28" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif

        @if($socials->where('key', 'linkedin')->isNotEmpty())
        <td valign="top" align="right" width="17"></td>

        <td valign="center" align="right" width="28">
            <a href="{{ $socials->where('key', 'linkedin')->first()['url'] }}" target="_blank" title="Linked In" style="text-decoration: none;">
                <img class="imageFix" src="{{ config('app.url') . '/api/assets/sandown/social/linked-in-logo.png'}}" alt="Linked In" title="Linked In" width="28" height="28" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif
    </tr>
</table>