import { Form, Head, usePage } from '@inertiajs/react'; import InputError from '@/components/input-error'; import PasswordInput from '@/components/password-input'; import TextLink from '@/components/text-link'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Spinner } from '@/components/ui/spinner'; import { login } from '@/routes'; import { store } from '@/routes/register'; import { formatPackagePrice, packageCreditsLine, packagePriceUnit, type PricingPackage, } from '@/components/marketing/package-card'; type Props = { passwordRules: string; /** * Il piano scelto in vetrina, risolto dal server a partire da `?package=`. * È `null` quando la query non c'è o non corrisponde a un pacchetto * attivo: in quel caso la registrazione procede uguale, senza banner. */ chosenPackage?: PricingPackage | null; }; export default function Register({ passwordRules, chosenPackage }: Props) { const { url } = usePage(); const packageSlug = new URLSearchParams(url.split('?')[1] ?? '').get( 'package', ); return ( <>
{({ processing, errors }) => ( <>
{packageSlug && ( <> {chosenPackage ? (

Piano scelto

{chosenPackage.name}

{formatPackagePrice( chosenPackage.price_cents, )} {' '} {packagePriceUnit( chosenPackage, )}{' '} ·{' '} {packageCreditsLine( chosenPackage, )} . Lo attivi dopo la registrazione.

) : null} )}
Hai già un account?{' '} Accedi
)}
); } Register.layout = { title: 'Crea un account', description: 'Inserisci i tuoi dati per creare un account', };