{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} {data?.user?.username}

@{data?.user?.username} {#if isModerator(data, moderators)} {/if}

Joined on {new Date(data?.user?.created ?? null)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}

User Profile

Karma: {data?.user?.karma}	Posts: {userStats?.numberOfPosts}
Comments: {userStats?.numberOfComments}

{#if data?.user?.tier === 'Pro'}

Badge

Pro

{/if}

About Terms Privacy Contact Imprint

changeTab('post')} class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'post' ? 'text-white ' : 'bg-[#0F0F0F]'}" > Posts
changeTab('settings')} class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'settings' ? 'text-white ' : 'bg-[#0F0F0F]'}" > Settings
changeTab('subscription')} class="cursor-pointer px-3 text-sm sm:text-[0.9rem] font-medium text-gray-400 sm:hover:text-white {showTab === 'subscription' ? 'text-white ' : 'bg-[#0F0F0F]'}" > Subscription

{#if showTab === 'post'}

{#each Array(5) as _} {/each}

{#if posts?.length === 0}

You didn't post anything yet

Contribute to the community and make your first post

{:else} {#each posts as post, index}

{/each} {/if} {:else if showTab === 'settings'}

changeTab('personalData')} class="tab tab-sm pr-5 text-gray-400 hover:text-white {settingsTab === 'personalData' ? 'rounded text-white bg-[#333333]' : 'bg-[#0F0F0F]'}">Personal Data changeTab('changePassword')} class="tab tab-sm pl-5 text-gray-400 hover:text-white {settingsTab === 'changePassword' ? 'rounded text-white bg-[#333333]' : 'bg-[#0F0F0F]'}">Change Password

{#if settingsTab ==='personalData'} {:else} {/if}

{:else if showTab === 'subscription'}

Manage Subscription

Status:

{subscriptionData?.status_formatted ?? 'Inactive'}

{#if subscriptionData?.status_formatted === 'Active'} Your subscription will automatically renew on {new Date(subscriptionData?.renews_at)?.toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' })} {:else if subscriptionData?.status_formatted === 'On Trial'} Your trial will end on {new Date(subscriptionData?.trial_ends_at)?.toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' })}. {:else if subscriptionData?.status_formatted === 'Cancelled'} Your subscription will remain active until {new Date(subscriptionData?.ends_at)?.toLocaleDateString('en-GB', { day: 'numeric', month: 'long', year: 'numeric' })} {/if}

Current Plan: {['Active', 'Paid', 'On Trial', 'Cancelled']?.includes(subscriptionData?.status_formatted) ? subscriptionData?.product_name : 'Free Subscription'} {subscriptionData?.product_name?.includes('Monthly') ? '$9.99 billed every month' : '$90 billed every year'}

{#if subscriptionData?.status_formatted === 'Active' || subscriptionData?.status_formatted === 'On Trial'} Cancel Subscription {:else if subscriptionData?.status_formatted === 'Cancelled'} Reactivate Subscription {:else if subscriptionData?.status_formatted === 'Paid'} Please wait a moment; you will be updated to Pro in a second. {:else} Get Full Access with Pro Subscription. {/if}

{/if}

User Profile

Karma: {data?.user?.karma}	Posts: {userStats?.numberOfPosts}
Comments: {userStats?.numberOfComments}