<table cellpadding="0" cellspacing="0" border="0" align="right">
    <tr>
        @if($socials->where('key', 'facebook')->isNotEmpty())
        <td valign="center" align="right" width="15">
            <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="15" height="30" 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="20"></td>

        <td valign="center" align="right" width="35">
            <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="35" height="35" 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="20"></td>

        <td valign="center" align="right" width="38">
            <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="38" height="38" 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="20"></td>

        <td valign="center" align="right" width="42">
            <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="43" height="30" 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="20"></td>

        <td valign="center" align="right" width="41">
            <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="41" height="39" 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="20"></td>

        <td valign="center" align="right" width="38">
            <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="38" height="38" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; border:none;" />
            </a>
        </td>
        @endif
    </tr>
</table>