{#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(); }} class="pb-4" >
{t.description}
{loading ? t.sending : t.sendResetLinkButton}
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}
{:else}
{@html getSuccessMessage(resetEmail).replace( resetEmail, `
${resetEmail}
` )}
goto(loginPath)} class="flex h-14 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 border-2" style="background-color: {primaryColor}60; border-color: {primaryColor}; color: {isDark ? '#ffffff' : '#000000'};" >
{t.backToLogin}
{ mode = 'form'; error = null; }} class="flex h-10 items-center justify-center gap-2 rounded-xl font-medium transition-all hover:opacity-80 border" style="background-color: {isDark ? 'rgba(255, 255, 255, 0.1)' : 'rgba(255, 255, 255, 0.8)'}; border-color: {isDark ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.1)'}; color: {isDark ? '#ffffff' : '#000000'};" > {t.resendEmail}
{/if}
{#if appSlider}
{@render appSlider()}
{:else}
{/if}