// _app.js
import { useEffect } from "react";
import { loadWindowVariables } from "../utils/loadWindowVariables";
import Header from "../components/Header";
import Navigation from "../components/Navigation";
import Footer from "../components/Footer";
import "../styles/globals.css";

function MyApp({ Component, pageProps }) {
  useEffect(() => {
    if (typeof window !== "undefined") {
      loadWindowVariables()
        .then(() => {
          // Das Netzteil PST-M "-96V" hat eine Störung oder ist ausgefallen
          console.log("Window variables loaded successfully.");
          console.log("Variablen von CPL in Window Objekt speichern:", {
            deviceName: window.deviceName,
            ip: window.ip,
            mac1: window.mac1,
            mac2: window.mac2,
            subnet: window.subnet,
            gateway: window.gateway,
            datetime: window.datetime,
            kueOnline: window.kueOnline,
            kuePSTmMinus96V: window.kuePSTmMinus96V,
            kueIso: window.kueIso,
            kueAlarm1: window.kueAlarm1,
            kueAlarm2: window.kueAlarm2,
            kueRes: window.kueRes,
            kueCableBreak: window.kueCableBreak,
            kueGroundFault: window.kueGroundFault,
            kueLimit1: window.kueLimit1,
            kueLimit2Low: window.kueLimit2Low,
            kueDelay1: window.kueDelay1,
            kueLoopInterval: window.kueLoopInterval,
            kueID: window.kueID,
            kueVersion: window.kueVersion,
            kueOverflow: window.kueOverflow,
            kueResidence: window.kueResidence,
            tdrAtten: window.tdrAtten,
            tdrPulse: window.tdrPulse,
            tdrSpeed: window.tdrSpeed,
            tdrAmp: window.tdrAmp,
            tdrTrigger: window.tdrTrigger,
            tdrLocation: window.tdrLocation,
            tdrActive: window.tdrActive,
            tdrLast: window.tdrLast,
          });
          localStorage.setItem("variablesLoaded", "true");
        })
        .catch((error) => {
          console.error("Error loading window variables:", error);
        });
    }
  }, []);

  return (
    <div className="bg-gray-100 flex flex-col min-h-screen overflow-hidden">
      <Header />
      <div className="flex flex-grow w-full">
        <Navigation className="w-1/5" />
        <main className="flex-1 p-4">
          <Component {...pageProps} />
        </main>
      </div>
      <Footer />
    </div>
  );
}

export default MyApp;