@if (captcha_enabled())
    @php
        $captchaContext = $captchaContext ?? $captchaPrefix ?? 'default';
        $captchaPrefix = $captchaPrefix ?? $captchaContext;
        $captchaImageId = $captchaImageId ?? ($captchaPrefix ? $captchaPrefix.'-captcha-image' : 'custom-captcha-image');
        $captchaInputId = $captchaInputId ?? ($captchaPrefix ? $captchaPrefix.'-captcha-input' : 'custom-captcha-input');
        $captchaImageUrl = captcha_image_url($captchaContext);
        $deferCaptchaImage = (bool) ($captchaDeferLoad ?? false);
        $turnstileConfig = turnstile_widget_config();
        $turnstileVariant = $captchaTurnstileVariant ?? 'default';
        $deferTurnstileRender = (bool) ($captchaDeferTurnstile ?? false); // kept for modal includes
    @endphp
    @if (captcha_is_google())
        <div class="g-recaptcha"
            data-sitekey="{{ $google_recaptcha->site_key }}"
            data-callback="listaraCaptchaGateOnComplete"
            data-expired-callback="listaraCaptchaGateOnExpired"></div>
    @elseif (captcha_is_turnstile())
        @php
            $turnstileIsDark = $turnstileVariant === 'dark';
            $turnstileDisplayMode = $turnstileConfig['display_mode'] ?? 'always';
            $turnstileIsInvisible = $turnstileDisplayMode === 'invisible';
            $turnstileIsInteractionOnly = $turnstileDisplayMode === 'interaction_only';
            $turnstileMinimizeUntilChallenge = $turnstileIsInvisible || $turnstileIsInteractionOnly;
            $turnstileSize = $turnstileIsDark ? 'normal' : $turnstileConfig['size'];
            $turnstileTheme = $turnstileIsDark ? 'dark' : $turnstileConfig['theme'];
            $turnstileHideLabel = $turnstileIsDark || $turnstileMinimizeUntilChallenge;
        @endphp
        <div @class([
            'turnstile-captcha-widget',
            'turnstile-captcha-widget--dark' => $turnstileIsDark,
            'turnstile-captcha-widget--invisible' => $turnstileIsInvisible,
            'turnstile-captcha-widget--interaction-only' => $turnstileIsInteractionOnly,
            'turnstile-captcha-widget--minimized' => $turnstileMinimizeUntilChallenge,
            'turnstile-captcha-widget--collapsed' => $turnstileMinimizeUntilChallenge,
        ])>
            <label @class(['turnstile-captcha-widget__label', 'visually-hidden' => $turnstileHideLabel])>{{ __('translate.Security verification') }}</label>
            @if ($turnstileIsDark)
                <div class="turnstile-captcha-widget__slot">
                    <div class="turnstile-captcha-widget__widget"
                        @if($deferTurnstileRender) data-defer-turnstile="1" @endif
                        data-sitekey="{{ $google_recaptcha->site_key }}"
                        data-theme="{{ $turnstileTheme }}"
                        data-size="{{ $turnstileSize }}"
                        data-appearance="{{ $turnstileConfig['appearance'] }}"
                        data-execution="{{ $turnstileConfig['execution'] }}"
                        data-callback="listaraCaptchaGateOnComplete"
                        data-expired-callback="listaraCaptchaGateOnExpired"></div>
                </div>
            @else
                <div class="turnstile-captcha-widget__widget"
                    @if($deferTurnstileRender) data-defer-turnstile="1" @endif
                    data-sitekey="{{ $google_recaptcha->site_key }}"
                    data-theme="{{ $turnstileTheme }}"
                    data-size="{{ $turnstileSize }}"
                    data-appearance="{{ $turnstileConfig['appearance'] }}"
                    data-execution="{{ $turnstileConfig['execution'] }}"
                    data-callback="listaraCaptchaGateOnComplete"
                    data-expired-callback="listaraCaptchaGateOnExpired"></div>
            @endif
        </div>
    @else
        <input type="hidden" name="captcha_context" value="{{ $captchaContext }}">
        <div class="custom-captcha-widget"
            data-captcha-image-id="{{ $captchaImageId }}"
            data-captcha-input-id="{{ $captchaInputId }}"
            data-captcha-url="{{ captcha_image_url($captchaContext, false) }}">
            <label class="custom-captcha-widget__label" for="{{ $captchaInputId }}">
                {{ __('translate.Security verification') }}
            </label>

            <div class="custom-captcha-widget__panel">
                <div class="custom-captcha-widget__row">
                    <div class="custom-captcha-widget__media">
                        <div class="custom-captcha-widget__image-wrap">
                            <img
                                @if($deferCaptchaImage)
                                    src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                                    data-defer-captcha="1"
                                @else
                                    src="{{ $captchaImageUrl }}"
                                @endif
                                alt="{{ __('translate.Captcha') }}"
                                class="custom-captcha-widget__image"
                                id="{{ $captchaImageId }}"
                                width="168"
                                height="48"
                            >
                        </div>
                        <button
                            type="button"
                            class="custom-captcha-widget__refresh"
                            onclick="refreshCustomCaptcha('{{ $captchaImageId }}', '{{ $captchaInputId }}')"
                            aria-label="{{ __('translate.Refresh captcha') }}"
                            title="{{ __('translate.Refresh captcha') }}"
                        >
                            <i class="fas fa-rotate-right" aria-hidden="true"></i>
                            <span class="custom-captcha-widget__refresh-text">{{ __('translate.Refresh') }}</span>
                        </button>
                    </div>

                    <div class="custom-captcha-widget__field">
                        <input
                            type="text"
                            name="captcha"
                            id="{{ $captchaInputId }}"
                            class="form-control custom-captcha-widget__input"
                            placeholder="{{ __('translate.Enter captcha code') }}"
                            autocomplete="off"
                            autocapitalize="characters"
                            spellcheck="false"
                            inputmode="text"
                            maxlength="8"
                            @if(empty($captchaOptional)) required @endif
                        >
                    </div>
                </div>
            </div>

            <p class="custom-captcha-widget__hint">{{ __('translate.Captcha is case insensitive') }}</p>
        </div>
    @endif
@endif