@if (count($providers) && !\EgeaTech\D24Utils\Http\Request\BaseRequest::cameFromMobileDevice())
    <div
        id="sso-provider-list"
        class="mt-3"
    >
        <div class="relative flex items-center justify-center text-center">
            <div class="absolute border-t border-gray-200 w-full h-px"></div>
            <p class="inline-block relative bg-white text-sm p-2 rounded-full font-medium text-gray-500 dark:bg-gray-800 dark:text-gray-100">
                {{ __('socialite-buttons/labels.login-via') }}
            </p>
        </div>

        <div
            class="grid gap-4"
            @class([
                'grid-cols-2' => count($providers) > 1,
            ])
        >
            @foreach($providers as $key => $provider)
                <x-filament::button
                    wire:key="sso-provider-{{$loop->index}}"
                    color="secondary"
                    :icon="$provider['icon'] ?? null"
                    tag="a"
                    :href="route('sso.redirect', $key)"
                >
                    {{ $provider['label'] }}
                </x-filament::button>
            @endforeach
        </div>
    </div>
@else
    <div id="sso-provider-list"></div>
@endif