<div x-data="{ domainCount: 1, isYearly: false }">
<p>
Select the number of additional domains you'd like to purchase. Each additional domain costs €10.00 / <span x-text="isYearly ? 'year' : 'month'"></span>
</p>
<div class="mt-8 mb-8">
<input type="range" min="1" max="10" value="1" class="range" step="1" x-model="domainCount" />
<div class="flex w-full justify-between px-2 text-xs mt-2">
<template x-for="i in 10">
<span x-text="i"></span>
</template>
</div>
</div>
Your total is €<span x-text="domainCount * (isYearly ? 100 : 10)"></span> / <span x-text="isYearly ? 'year' : 'month'"></span>.
This will get billed additionally to your existing subscription.
</div>
<div x-data="{ domainCount: 1, isYearly: false }">
<p>
Select the number of additional domains you'd like to purchase. Each additional domain costs €10.00 / <span x-text="isYearly ? 'year' : 'month'"></span>
</p>
<div class="mt-8 mb-8">
<input type="range" min="1" max="10" value="1" class="range" step="1" x-model="domainCount" />
<div class="flex w-full justify-between px-2 text-xs mt-2">
<template x-for="i in 10">
<span x-text="i"></span>
</template>
</div>
</div>
Your total is €<span x-text="domainCount * (isYearly ? 100 : 10)"></span> / <span x-text="isYearly ? 'year' : 'month'"></span>.
This will get billed additionally to your existing subscription.
</div>