@if (\App\Addons\Discordlink\DiscordlinkService::discordIsEnabled())
<div class="group flex flex-col bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-slate-900 dark:border-gray-700 dark:shadow-slate-700/[.7]">
        <div class="h-32 flex flex-col justify-center items-center rounded-t-xl" style="background: #5865F2;">
            <img src="{{ setting('app_logo_text') }}" alt="{{ setting('app_logo_text') }}" style="max-height: 100%;">
        </div>
    <div class="p-4 md:p-6">
        <h3 class="text-xl font-semibold text-gray-800 dark:text-gray-200 dark:hover:text-white">
            {{ \App\Addons\Discordlink\DiscordlinkService::guildName() }}
        </h3>
        <p class="mt-3 text-gray-500">
            {{ __('discordlink::messages.cardinfo') }}
        </p>
    </div>
    <div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-gray-700 dark:divide-gray-700">
        @if (auth()->user()->getMetadata('social_discord') != null)
        <a href="{{ setting('discordlink_invitation')}}" class="w-full py-3 px-4 inline-flex justify-center text-primary items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-white dark:hover:bg-gray-800 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600">
{{ __('discordlink::messages.joinserver') }}
@include("shared.icons.array-right")
</a>
        @else
            <a href="{{ route('socialauth.authorize', 'discord') }}" class="w-full py-3 px-4 inline-flex justify-center text-primary items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-white dark:hover:bg-gray-800 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600">
                {{ __('socialauth::messages.sync_with', ['provider' => 'Discord']) }}
                @include("shared.icons.array-right")
            </a>
            @endif
</div>
</div>
    @endif