@props(['links' => [], 'external' => false, 'modo' => 'social'])
<div
    class="inline-flex gap-2 px-1 py-1 rounded-full border-solid border items-center justify-center border-midnightblue-100">
    {{-- Facebook --}}
    @if(!$external || isset($links['facebook']) || $modo === 'compartilhar')
        @php
            $link = $modo === 'compartilhar' ? ('https://www.facebook.com/sharer/sharer.php?u=' . urlencode(\Illuminate\Support\Facades\Request::url()) ) : ($links['facebook'] ?? app(\App\Settings\ConfiguracaoGeral::class)->rede_social_facebook);
        @endphp
        <a class="p-2 rounded-full hover:bg-midnightblue-100/20 transition-colors"
           href="{{ $link }}"
           target="_blank">
            <svg xmlns="http://www.w3.org/2000/svg" width="27" height="27">
                <path fill="none" d="M0 0h27v27H0z"/>
                <path data-name="Path 1974"
                      d="M15.23 22.317v-7.83h2.628l.394-3.052H15.23V9.487c0-.883.245-1.485 1.512-1.485h1.616V5.27a21.621 21.621 0 0 0-2.355-.12 3.677 3.677 0 0 0-3.925 4.034v2.25H9.443v3.052h2.635v7.83Z"
                      fill="#fff" stroke="#003ca5"/>
            </svg>
        </a>
    @endif

    {{-- Youtube --}}
    @if((!$external || isset($links['youtube'])) && $modo !== 'compartilhar')
        <a class="p-2 rounded-full hover:bg-midnightblue-100/20 transition-colors"
           href="{{ $links['youtube'] ?? (app(\App\Settings\ConfiguracaoGeral::class)->rede_social_youtube)}}"
           target="_blank">
            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26">
                <path fill="none" d="M0 0h26v26H0z"/>
                <path data-name="Path 1976"
                      d="M21.553 9.33a3.715 3.715 0 0 0-.683-1.7 2.455 2.455 0 0 0-1.72-.727c-2.4-.174-6.006-.174-6.006-.174h-.007s-3.6 0-6.006.174a2.456 2.456 0 0 0-1.72.727 3.714 3.714 0 0 0-.682 1.7 25.925 25.925 0 0 0-.172 2.778v1.3a25.932 25.932 0 0 0 .172 2.778 3.717 3.717 0 0 0 .682 1.7 2.91 2.91 0 0 0 1.893.734c1.374.132 5.837.172 5.837.172s3.607-.005 6.01-.179a2.456 2.456 0 0 0 1.72-.727 3.717 3.717 0 0 0 .683-1.7 25.986 25.986 0 0 0 .172-2.778v-1.3a25.979 25.979 0 0 0-.173-2.778Zm-10.185 5.659v-4.824l4.638 2.42Z"
                      fill="#fff" stroke="#003ca5"/>
            </svg>
        </a>
    @endif

    {{-- Instagram --}}
    @if((!$external || isset($links['instagram'])) && $modo !== 'compartilhar')
        <a class="p-2 rounded-full hover:bg-midnightblue-100/20 transition-colors"
           href="{{ $links['instagram'] ?? app(\App\Settings\ConfiguracaoGeral::class)->rede_social_instagram }}"
           target="_blank">
            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26">
                <g fill="none">
                    <path d="M0 0h26v26H0z"/>
                    <g data-name="Group 2335" transform="translate(4 3.999)">
                        <g data-name="Rectangle 26" fill="white" stroke="#003ca5">
                            <rect width="18" height="17" rx="4" stroke="none"/>
                            <rect x=".5" y=".5" width="17" height="16" rx="3.5"/>
                        </g>
                        <g data-name="Path 4661">
                            <path
                                d="M9.059 4.442a4.292 4.292 0 1 1-4.292 4.292 4.292 4.292 0 0 1 4.292-4.292Z"/>
                            <path
                                d="M9.059 5.442a3.295 3.295 0 0 0-3.292 3.292 3.295 3.295 0 0 0 3.292 3.291 3.295 3.295 0 0 0 3.291-3.291A3.295 3.295 0 0 0 9.06 5.442m0-1a4.292 4.292 0 1 1 0 8.583 4.292 4.292 0 0 1 0-8.583Z"
                                fill="#003ca5"/>
                        </g>
                        <rect data-name="Rectangle 28" width="3" height="2" rx="1"
                              transform="translate(12 3)"/>
                    </g>
                </g>
            </svg>
        </a>
    @endif

    {{-- Linkedin --}}
    @if(!$external || isset($links['linkedin']) || $modo === 'compartilhar')
        @php
            $link = $modo === 'compartilhar' ? ('https://www.linkedin.com/shareArticle?mini=true&url=' . urlencode(\Illuminate\Support\Facades\Request::url()) ) : ($links['linkedin'] ?? app(\App\Settings\ConfiguracaoGeral::class)->rede_social_linkedin);
        @endphp
        <a class="p-2 rounded-full hover:bg-midnightblue-100/20 transition-colors"
           href="{{ $link }}"
           target="_blank">
            <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26">
                <path fill="none" d="M0 0h26v26H0z"/>
                <g data-name="Group 2336" fill="#fff" stroke="#003ca5" fill-rule="evenodd">
                    <path data-name="Path 1452"
                          d="M7.973 20.635V9.563h-3.68v11.072ZM6.133 8.052a2.05 2.05 0 1 0-.024 0Z"/>
                    <path data-name="Path 1453"
                          d="M10.228 20.635h3.608v-6.081a2.48 2.48 0 0 1 .119-.883 1.975 1.975 0 0 1 1.851-1.324c1.306 0 1.828 1 1.828 2.463v5.825h3.608v-6.244c0-3.344-1.78-4.9-4.154-4.9a3.592 3.592 0 0 0-3.276 1.835h.024V9.747h-3.608c.047 1.022 0 10.889 0 10.889Z"/>
                </g>
            </svg>
        </a>
    @endif
</div>