@php
    // Verificar si el modo "force_authentik_only" está activado
    $extension = \App\Models\Extension::where('extension', 'Authentik')->first();
    $forceAuthentikOnly = false;
    $authentikEnabled = false;
    
    if ($extension && $extension->enabled) {
        $settings = $extension->settings->pluck('value', 'key')->toArray();
        $forceAuthentikOnly = !empty($settings['force_authentik_only']);
        $authentikEnabled = !empty($settings['client_id']) && !empty($settings['client_secret']) && !empty($settings['base_url']);
    }
@endphp

@if($forceAuthentikOnly && $authentikEnabled)
    {{-- Mode Authentik uniquement --}}
    <div class="mx-auto flex flex-col gap-2 mt-4 shadow-sm px-6 sm:px-14 pb-10 bg-primary-800 rounded-md xl:max-w-[40%] w-full">
        <div class="flex flex-col items-center mt-4 mb-10">
            <x-logo />
            <h1 class="text-2xl text-center mt-2">{{ __('auth.sign_in_title') }}</h1>
            <p class="text-sm text-center mt-2 text-gray-300">
                {{ __('authentik::messages.authentik_force_only_description') }}
            </p>
        </div>
        
        <a href="{{ route('oauth.authentik.redirect') }}" 
           class="w-full flex items-center justify-center px-4 py-3 bg-blue-600 border border-transparent rounded-md font-semibold text-sm text-white uppercase tracking-widest hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition ease-in-out duration-150">
            <svg class="w-5 h-5 mr-2" fill="currentColor" viewBox="0 0 20 20">
                <path fill-rule="evenodd" d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
            </svg>
            {{ __('authentik::messages.authentik_login_button') }}
        </a>
    </div>
@else
    {{-- Mode normal --}}
    <form
    class="mx-auto flex flex-col gap-2 mt-4 shadow-sm px-6 sm:px-14 pb-10 bg-primary-800 rounded-md xl:max-w-[40%] w-full"
    wire:submit="submit" id="login">
    <div class="flex flex-col items-center mt-4 mb-10">
        <x-logo />
        <h1 class="text-2xl text-center mt-2">{{ __('auth.sign_in_title') }} </h1>
    </div>
    <x-form.input name="email" type="email" :label="__('general.input.email')"
        :placeholder="__('general.input.email_placeholder')" wire:model="email" hideRequiredIndicator required />
    <x-form.input name="password" type="password" :label="__('general.input.password')"
        :placeholder="__('general.input.password_placeholder')" required hideRequiredIndicator wire:model="password" />
    <div class="flex flex-row">
        <x-form.checkbox name="remember" label="Remember me" wire:model="remember" />
        <a class="text-sm text-secondary-500 text-secondary hover:underline ml-auto"
            href="{{ route('password.request') }}">
            {{ __('auth.forgot_password') }}
        </a>
    </div>

    <x-captcha :form="'login'" />

    <x-button.primary class="w-full" type="submit">{{ __('auth.sign_in') }}</x-button.primary>

    @if (config('settings.oauth_github') || config('settings.oauth_google') || config('settings.oauth_discord'))
    <div class="flex flex-col items-center mt-4">
        <div class="my-5 flex items-center w-full">
            <span aria-hidden="true" class="h-0.5 grow rounded bg-primary-700"></span>
            <span class="rounded-full px-3 py-1 text-xs font-medium bg-primary-700 text-gray-200">
                {{ __('auth.or_sign_in_with') }}
            </span>
            <span aria-hidden="true" class="h-0.5 grow rounded bg-primary-700"></span>
        </div>
        <div class="flex flex-row flex-wrap justify-center mt-2 gap-4">
            @foreach (['github', 'google', 'discord'] as $provider)
            @if (config('settings.oauth_' . $provider))
            <a href="{{ route('oauth.redirect', $provider) }}"
                class="flex items-center justify-center px-4 h-10 border border-neutral rounded-md text-primary-100">
                <img src="/assets/images/{{ $provider }}-dark.svg" alt="{{ $provider }}"
                    class="size-5 mr-2 text-secondary">
                {{ __(ucfirst($provider)) }}
            </a>
            @endif
            @endforeach
        </div>
    </div>
    @endif
    @if(!config('settings.registration_disabled', false))
    <div class="text-base text-center rounded-md py-2 mt-6 text-sm">
        {{ __('auth.dont_have_account') }}
        <a class="text-sm text-secondary-500 text-secondary hover:underline" href="{{ route('register') }}"
            wire:navigate>
            {{ __('auth.sign_up') }}
        </a>
    </div>
    @endif
</form>
@endif