import { Box } from "@mui/material";
import { usePermission } from "../../../hooks/usePermission";
import { useSubmodulo } from "../../../hooks/useSubmodulo";
import { AccesoRestringido } from "../../common/AccesoRestringido";
import { ActividadesConfig } from "./ActividadesConfig";
import { BasicosConfig } from "./BasicosConfig";
import { CertificadoConfig } from "./CertificadoConfig";
import { FacturacionElectronicaConfig } from "./FacturacionElectronicaConfig";
import { TimbradoConfig } from "./TimbradoConfig";
import { MarangatuConfigSection } from "../../marangatu/MarangatuConfigSection";

export const EmpresaConfigTab = () => {
  const { can } = usePermission("ADMINISTRACION");
  const canRead = can("ADM_EMP_EMPRESA_VER");
  const { hasAccess: tieneMarangatu } = useSubmodulo("ADM_BOT_MARANGATU");

  if (!canRead) {
    return (
      <AccesoRestringido mensaje="No tienes permisos para ver la configuración de empresa." />
    );
  }

  return (
    <Box
      sx={{
        display: "flex",
        flexDirection: "column",
        gap: 3,
        maxWidth: 800,
        mx: "auto",
      }}
    >
      <BasicosConfig />
      <FacturacionElectronicaConfig />
      <TimbradoConfig />
      <CertificadoConfig />
      <ActividadesConfig />
      {tieneMarangatu && <MarangatuConfigSection />}
    </Box>
  );
};