@if (show()) {
	<app-modal title="Registrar usuario" [isOpen]="openSignUp()" (close)="openSignUp.set(false)">
		<form novalidate (submit)="onSubmit($event)">
			<app-input [formField]="form.name" label="Nombre(s)" icon="person" [maxLength]="40" />

			<app-input
				[formField]="form.lastname1"
				label="Apellido paterno"
				icon="person"
				[maxLength]="40" />

			<app-input
				[formField]="form.lastname2"
				label="Apellido materno"
				icon="person"
				[maxLength]="40" />

			<app-input [formField]="form.email" type="email" label="Correo electrónico" icon="email" />

			<app-input
				[formField]="form.emailc"
				type="email"
				label="Confirmar correo electrónico"
				icon="email" />

			<app-input
				onlyNumbers
				[formField]="form.phone"
				type="tel"
				label="Teléfono"
				icon="phone" />

			<app-input [formField]="form.other1" label="Otro dato 1" icon="notes" />

			<app-input [formField]="form.other2" label="Otro dato 2" icon="notes" />
			<button appButton type="submit" class="block w-full" [disabled]="signup.isPending()">
				Registrar
			</button>
		</form>
	</app-modal>
}