feat: add validation messages for document and deposit data in SendConferma component

apps/infoalloggi/src/components/servizio/admin_conferma.tsx

@@ -796,6 +796,13 @@ const SendConferma = () => {
 			},
 		});
 
+	const docOk = data.doc_conferma_added && data.doc_conferma_ref;
+	const caparraOk =
+		data.caparra_iban &&
+		data.caparra_importo &&
+		data.caparra_intestazione &&
+		data.caparra_causale;
+
 	return (
 		<Card>
 			<CardHeader>
@@ -818,22 +825,37 @@ const SendConferma = () => {
 					<GeneralSection />
 					<ServizioPacksInfos title="Prezzi in base a parametri:" />
 				</div>
-				<div className="flex items-center gap-3">
+				<div className="space-y-2">
-					<Switch
+					{!docOk && (
-						aria-label="Conferma Lavorata"
+						<p className="text-red-500">
-						checked={data.hasConfermaAdmin}
+							Attenzione: il documento di conferma non è stato ancora caricato
-						id="conferma"
+						</p>
-						onCheckedChange={(c) => {
+					)}
-							handleUpdate({
+					{!caparraOk && (
-								servizioId: servizio.servizio_id,
+						<p className="text-red-500">
-								annuncioId: data.id,
+							Attenzione: i dati per il pagamento della caparra non sono
-								status: c,
+							completi
-							});
+						</p>
-						}}
+					)}
-					/>
+
-					<Label className="text-base" htmlFor="conferma">
+					<div className="mt-4 flex items-center gap-3">
-						Imposta Conferma come Lavorata
+						<Switch
-					</Label>
+							aria-label="Conferma Lavorata"
+							checked={data.hasConfermaAdmin}
+							disabled={!docOk || !caparraOk}
+							id="conferma"
+							onCheckedChange={(c) => {
+								handleUpdate({
+									servizioId: servizio.servizio_id,
+									annuncioId: data.id,
+									status: c,
+								});
+							}}
+						/>
+						<Label className="text-base" htmlFor="conferma">
+							Imposta Conferma come Lavorata
+						</Label>
+					</div>
 				</div>
 			</CardContent>
 		</Card>