get programs by machine

app/Components/InformacionEquipos/ProgramSelector.tsx

@@ -2,6 +2,7 @@
 import { envConfig } from "@/app/lib/config";
 import axios from "axios";
 import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
 
 interface Equipos {
   id_equipo: number;
@@ -18,20 +19,23 @@ interface Programa {
   programa: string;
 }
 
-export default function ProgramSelector() {
+export default function ProgramSelector({
+  ubicacion,
+  id,
+}: {
+  ubicacion?: string | null;
+  id?: number | null;
+}) {
   const [equipoSeleccionado, setEquipoSeleccionado] = useState<number | "">("");
-  const [equipos, setEquipos] = useState<Equipos[]>([]);
   const [programas, setProgramas] = useState<Programa[]>([]);
   const [checkboxes, setCheckboxes] = useState<Record<number, boolean>>({});
 
   useEffect(() => {
     const fetchData = async () => {
-      const [equiposRes, programasRes] = await Promise.all([
-        axios.get(`${envConfig.apiUrl}/equipo`),
+      const [programasRes] = await Promise.all([
         axios.get(`${envConfig.apiUrl}/programa`),
       ]);
 
-      setEquipos(equiposRes.data);
       setProgramas(programasRes.data);
 
       const initialCheckboxes: Record<number, boolean> = {};
@@ -66,9 +70,45 @@ export default function ProgramSelector() {
     console.log("Programas seleccionados:", programasSeleccionados);
   };
 
+  useEffect(() => {
+    if (!programas.length) return;
+
+    const buildCheckboxes = async () => {
+      const baseCheckboxes: Record<number, boolean> = {};
+      programas.forEach((p) => {
+        baseCheckboxes[p.id_programa] = false;
+      });
+
+      if (ubicacion) {
+        try {
+          const res = await axios.get(
+            `${envConfig.apiUrl}/programa-equipo/${ubicacion}`,
+          );
+
+          res.data.forEach((item: any) => {
+            baseCheckboxes[item.id_programa] = true;
+          });
+        } catch (error: any) {
+          if (axios.isAxiosError(error)) {
+            if (error.response?.status === 404) {
+              toast.error("Equipo sin programas");
+            } else {
+              toast.error("Error al cargar programas del equipo");
+            }
+          } else {
+            toast.error("Error inesperado");
+          }
+        }
+      }
+
+      setCheckboxes(baseCheckboxes);
+    };
+
+    buildCheckboxes();
+  }, [programas, ubicacion]);
+
   return (
     <form className="form-container" onSubmit={handleSubmit}>
-
       <div className="checkbox-grid">
         {programas.map((prog) => (
           <label key={prog.id_programa}>