{/* Personal data, contact, address, attachments... keep markup concise */} setExpanded((s) => ({ ...s, dados: !s.dados }))}> Dados Pessoais{expanded.dados ? : }

{photoPreview ? Preview

: }

{mode === "edit" && ()} {errors.photo &&

{errors.photo}

}

Máximo 5MB

Nome * setField("nome", e.target.value)} className={errors.nome ? "border-destructive" : ""} />{errors.nome &&

{errors.nome}

}

Nome Social setField("nome_social", e.target.value)} />

CPF * handleCPFChange(e.target.value)} placeholder="000.000.000-00" maxLength={14} className={errors.cpf ? "border-destructive" : ""} />{errors.cpf &&

{errors.cpf}

}

RG setField("rg", e.target.value)} />

Sexo

Data de Nascimento { const v = e.target.value.replace(/[^0-9\/]*/g, "").slice(0, 10); setField("birth_date", v); }} onBlur={() => { const raw = form.birth_date; const parts = raw.split(/\D+/).filter(Boolean); if (parts.length === 3) { const d = `${parts[0].padStart(2,'0')}/${parts[1].padStart(2,'0')}/${parts[2].padStart(4,'0')}`; setField("birth_date", d); } }} />

setExpanded((s) => ({ ...s, contato: !s.contato }))}> Contato{expanded.contato ? : }

E-mail setField("email", e.target.value)} />{errors.email &&

{errors.email}

}

Telefone setField("telefone", e.target.value)} />{errors.telefone &&

{errors.telefone}

}

setExpanded((s) => ({ ...s, endereco: !s.endereco }))}> Endereço{expanded.endereco ? : }

CEP

{ const v = formatCEP(e.target.value); setField("cep", v); if (v.replace(/\D/g, "").length === 8) fillFromCEP(v); }} placeholder="00000-000" maxLength={9} disabled={isSearchingCEP} className={errors.cep ? "border-destructive" : ""} />{isSearchingCEP && }

{errors.cep &&

{errors.cep}

}

Logradouro setField("logradouro", e.target.value)} />

Número setField("numero", e.target.value)} />

Complemento setField("complemento", e.target.value)} />

Bairro setField("bairro", e.target.value)} />

Cidade setField("cidade", e.target.value)} />

Estado setField("estado", e.target.value)} placeholder="UF" />

setExpanded((s) => ({ ...s, obs: !s.obs }))}> Observações e Anexos{expanded.obs ? : }

Observações

setField("observacoes", e.target.value)} /></div>

<div className="space-y-2">
                  <Label>Adicionar anexos</Label>
                  <div className="border-2 border-dashed rounded-lg p-4">
                    <Label htmlFor="anexos" className="cursor-pointer block w-full rounded-md p-4 bg-primary text-primary-foreground">
                      <div className="flex flex-col items-center justify-center text-center">
                        <Upload className="h-7 w-7 mb-2 text-primary-foreground" />
                        <p className="text-sm text-primary-foreground">Clique para adicionar documentos (PDF, imagens, etc.)</p>
                      </div>
                    </Label>
                    <Input id="anexos" type="file" multiple className="hidden" onChange={addLocalAnexos} />
                  </div>

{form.anexos.length > 0 && (
                    <div className="space-y-2">
                      {form.anexos.map((f, i) => (
                        <div key={`${f.name}-${i}`} className="flex items-center justify-between p-2 border rounded">
                          <span className="text-sm">{f.name}</span>
                          <Button type="button" variant="ghost" size="sm" onClick={() => removeLocalAnexo(i)}>
                            <X className="h-4 w-4" />
                          </Button>
                        </div>
                      ))}
                    </div>
                  )}

{mode === "edit" && serverAnexos.length > 0 && (
                    <div className="space-y-2">
                      <Label>Anexos já enviados</Label>
                      <div className="space-y-2">
                        {serverAnexos.map((ax) => {
                          const id = ax.id ?? ax.anexo_id ?? ax.uuid ?? "";
                          return (
                            <div key={String(id)} className="flex items-center justify-between p-2 border rounded">
                              <span className="text-sm">{ax.nome || ax.filename || `Anexo ${id}`}</span>
                              <Button type="button" variant="ghost" size="sm" onClick={() => handleRemoverAnexoServidor(String(id))}>
                                <Trash2 className="h-4 w-4" />
                              </Button>
                            </div>
                          );
                        })}
                      </div>
                    </div>
                  )}
                </div>

</CardContent>
            </CollapsibleContent>
          </Card>
        </Collapsible>

<div className="flex justify-end gap-4 pt-6 border-t">
          <Button type="button" variant="outline" onClick={() => (inline ? onClose?.() : onOpenChange?.(false))} disabled={isSubmitting}><XCircle className="mr-2 h-4 w-4" /> Cancelar</Button>
          <Button type="submit" disabled={isSubmitting}>{isSubmitting ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <Save className="mr-2 h-4 w-4" />}{isSubmitting ? "Salvando..." : mode === "create" ? "Salvar Paciente" : "Atualizar Paciente"}</Button>
        </div>
      </form>
    </>
  );

if (inline) {
    return (<><div className="space-y-6">{content}</div>{credentials && (<CredentialsDialog open={showCredentialsDialog} onOpenChange={(open) => { setShowCredentialsDialog(open); if (!open) { setCredentials(null); if (inline) onClose?.(); else onOpenChange?.(false); } }} email={credentials.email} password={credentials.password} userName={credentials.userName} userType={credentials.userType} />)}</>);
  }

return (<><Dialog open={open} onOpenChange={onOpenChange}><DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto"><DialogHeader><DialogTitle className="flex items-center gap-2"><User className="h-5 w-5" /> {title}</DialogTitle></DialogHeader>{content}</DialogContent></Dialog>{credentials && (<CredentialsDialog open={showCredentialsDialog} onOpenChange={(open) => { setShowCredentialsDialog(open); if (!open) { setCredentials(null); onOpenChange?.(false); } }} email={credentials.email} password={credentials.password} userName={credentials.userName} userType={credentials.userType} />)}</>);
}