{#if isDark}
{:else}
{/if}
{#if headerControls}
{@render headerControls()}
{/if}
{appName}
{mode === 'form' ? t.titleForm : t.titleSuccess}
{#if error}
{error}
{/if} {#if mode === 'form'}
{ e.preventDefault(); handleForgotPassword(); }} >
{t.description}
{loading ? t.sending : t.sendResetLinkButton}
goto(loginPath)} class="w-full bg-transparent border-none cursor-pointer font-medium text-sm p-3 text-center flex items-center justify-center gap-2 transition-opacity hover:opacity-70" style:color={isDark ? '#fff' : '#000'} >
{t.backToLogin}
{:else}
{getSuccessMessage(resetEmail)}
goto(loginPath)} class="w-full h-14 border-2 rounded-xl font-medium flex items-center justify-center gap-2 cursor-pointer transition-opacity hover:opacity-85 disabled:opacity-50 disabled:cursor-not-allowed" style:background-color={primaryColor + '60'} style:border-color={primaryColor} style:color={isDark ? '#fff' : '#000'} >
{t.backToLogin}
{ mode = 'form'; error = null; }} class="w-full h-10 border rounded-xl font-medium flex items-center justify-center gap-2 cursor-pointer transition-opacity hover:opacity-70" style:background-color={isDark ? 'rgba(255,255,255,0.1)' : 'rgba(255,255,255,0.8)'} style:border-color={isDark ? 'rgba(255,255,255,0.2)' : 'rgba(0,0,0,0.1)'} style:color={isDark ? '#fff' : '#000'} > {t.resendEmail}
{/if}
{#if appSlider} {/if}