{#if headerControls}
{@render headerControls()}
{/if}
{appName}
{t.title}
{#if error}
{error}
{/if} {#if success && needsVerification}
{t.accountCreated}
{/if}
{ e.preventDefault(); handleRegister(); }} class="pb-4" >
(showPassword = !showPassword)} class="absolute inset-y-0 right-0 flex items-center justify-center w-14 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors" aria-label={showPassword ? t.hidePassword : t.showPassword} > {#if showPassword}
{:else}
{/if}
(showConfirmPassword = !showConfirmPassword)} class="absolute inset-y-0 right-0 flex items-center justify-center w-14 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors" aria-label={showConfirmPassword ? t.hidePassword : t.showPassword} > {#if showConfirmPassword}
{:else}
{/if}
{t.passwordRequirements}
{loading ? t.creatingAccount : t.createAccountButton}
goto(loginPath)} class="flex h-10 w-full items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80" style="color: {isDark ? '#ffffff' : '#000000'};" >
{t.backToLogin}
{#if appSlider}
{@render appSlider()}
{:else}
{/if}