fnx_web/svelte/src/home_page/GetStarted.svelte

<script>
import Checkout from "layout/checkout/Checkout.svelte";
import LoginRegister from "login/LoginRegister.svelte";
import Euro from "util/Euro.svelte";
</script>

{#if window.user.username !== ""}
	<div class="page_content">
		<section>
			{#if window.user.subscription.type === "patreon"}
				<p>
					You already have a Patreon subscription active. You cannot use
					Prepaid while that subscription is active.
				</p>

			{:else if window.user.subscription.type === "prepaid"}
				<p>
					You already have a Prepaid subscription active. Your account
					balance is <Euro amount={window.user.balance_micro_eur}/>. Use
					the form below to top up your balance.
				</p>
				<Checkout/>
			{:else}
				<p>
					You are currently logged in as '{window.user.username}'. Use the
					form below to activate prepaid on this account.
				</p>
				<Checkout/>
			{/if}
		</section>
	</div>
{:else}
	<LoginRegister/>
{/if}

<style>
.page_content {
	margin-top: 16px;
	margin-bottom: 16px;
}
</style>