{#if authManager.isPurchased && $preferences.purchase.showSupportBadge}
goto(Route.userSettings({ isOpen: OpenQueryParam.PURCHASE_SETTINGS }))} class="w-full mt-2" type="button" >
{:else if !authManager.isPurchased && showBuyButton && getAccountAge() > 14}
(hoverButton = false)} onfocus={onButtonHover} onblur={() => (hoverButton = false)} class="p-2 flex justify-between place-items-center place-content-center border border-immich-primary/20 dark:border-immich-dark-primary/10 mt-2 rounded-lg shadow-md dark:bg-immich-dark-primary/10 min-w-52 w-full" >
{$t('purchase_button_buy_immich')}
{/if}
{#if showMessage}
(hoverMessage = true)} onmouseleave={() => (hoverMessage = false)} onfocus={() => (hoverMessage = true)} onblur={() => (hoverMessage = false)} >
{ showMessage = false; }} aria-label={$t('close')} size="medium" class="text-immich-dark-gray/85 dark:text-immich-gray" />
{$t('purchase_panel_title')}
{$t('purchase_panel_info_1')}
{$t('purchase_panel_info_2')}
{$t('purchase_button_buy_immich')}
hideButton(true)}> {$t('purchase_button_never_show_again')}
hideButton(false)} > {$t('purchase_button_reminder')}
{/if}