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">
-					<Switch
-						aria-label="Conferma Lavorata"
-						checked={data.hasConfermaAdmin}
-						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 className="space-y-2">
+					{!docOk && (
+						<p className="text-red-500">
+							Attenzione: il documento di conferma non è stato ancora caricato
+						</p>
+					)}
+					{!caparraOk && (
+						<p className="text-red-500">
+							Attenzione: i dati per il pagamento della caparra non sono
+							completi
+						</p>
+					)}
+
+					<div className="mt-4 flex items-center gap-3">
+						<Switch
+							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>