import WrapperManualTrigger from "@/components/ocme/WrapperCard";
import LabelLog from "./LabelLog";
import Lots from "./Lots";
import OcpLogs from "./OcpLogs";
import PrinterStatus from "./PrinterStatus";
import { useSettingStore } from "@/lib/store/useSettings";

export default function OCPPage() {
    const { settings } = useSettingStore();

    const server = settings.filter((n) => n.plantToken === "usday1");
    return (
        <div className="h-dvh w-full overflow-hidden">
            <div className="flex flex-wrap gap-2">
                <div className="flex flex-col w-4/5 h-dvh">
                    <div className="">
                        <Lots />
                    </div>

                    <div className="flex flex-row">
                        <div className="w-1/2">
                            <LabelLog />
                        </div>
                        <div className="w-1/2">
                            <OcpLogs />
                        </div>
                    </div>
                </div>
                <div className="w-1/6 flex flex-col">
                    {server && (
                        <div>
                            <WrapperManualTrigger />
                        </div>
                    )}
                    <div>
                        <PrinterStatus />
                    </div>
                </div>
            </div>
        </div>
    );
}
