import { useCallback, useEffect, useState } from 'react';
import { useDispatch } from 'react-redux';
import { BiHomeSmile, BiBookOpen } from 'react-icons/bi';
import { IoLogoAndroid } from 'react-icons/io5';
import { FiSettings } from 'react-icons/fi';
import { TbReportAnalytics } from 'react-icons/tb';
import { MdOutlineLogout, MdOutlineLogin } from 'react-icons/md';
import { AiOutlineLogin, AiOutlineTransaction } from 'react-icons/ai';
import { TbAppsFilled } from 'react-icons/tb';
import { Messages } from '../../Components/Notifications/Messages.jsx';
import SideMenu from '../../Components/Menu/SideMenu';
import { getItem, getsubItem } from '../../Components/Menu/SideMenu';
import CenterPage from './CenterPage';
import {
  getCompBranchData,
  changeSelectedBranchId,
} from '../../Features/BrachLogin/BranchLogin.js';
import { getSession, sessionStore } from '../../Services/Others';
import { useAuth } from '../../AuthContext.jsx'; // Assuming you have an AuthContext

const subDirectory = import.meta.env.BASE_URL;

const WholesaleAppPage = () => {
  const AppId = getSession('AppId');
  const CompId = getSession('CompId');
  const BranchId = getSession('BranchId');
  const UserId = getSession('UserId');

  const dispatch = useDispatch();

  const [messageType, setMessageType] = useState(null);
  const [messageData, setMessageData] = useState(null);
  const [CompBranchData, setCompBranchData] = useState();
  const [EmpSettingMenu, setEmpSettingMenu] = useState([]);
  const [EmpBookingMenuItem, setEmpBookingMenuItem] = useState([]);
  const [empinfoMenu, setempinfoMenu] = useState([]);
  const [Empprodmenu, setEmpprodmenu] = useState([]);
  const [Emppurchasemenu, setEmppurchasemenu] = useState([]);
  const [Empsalesmenu, setEmpsalesmenu] = useState([]);
  const [EmpfilterReportMenu, setfilterReportMenu] = useState([]);
  const [EmpfilterTransactionMenu, setfilterTransactionMenu] = useState([]);
  const [AndroidApp, setAndroidApp] = useState([]);
  const [SadminUserSettingMenu, setSadminUserSettingMenu] = useState([]);
  const [SadminfilterTransactionMenu, setSadminfilterTransactionMenu] =
    useState([]);
  const [SAdminUserprodmenu, setSAdminUserprodmenu] = useState([]);
  const [SadminUserinfoMenu, setSadminUserinfoMenu] = useState([]);

  const [SadminUserBookingMenuItem, setSadminUserBookingMenuItem] = useState(
    []
  );

  const [SAdminUserAndroidApp, setSAdminUserAndroidApp] = useState([]);
  const [SadminUserpurchasemenu, setSadminUserpurchasemenu] = useState([]);
  const [SadminUsersalesmenu, setSadminUsersalesmenu] = useState([]);
  const [SAdminUserfilterReportMenu, setSAdminUserfilterReportMenu] = useState(
    []
  );
  // const [SadminUserfilterReportMenu, setSadminUserfilterReportMenu] = useState([]);

  const { UserType, Access, SadminuserAccess } = useAuth();
  const onComplete = useCallback(() => {
    setMessageData(null);
    setMessageType(null);
  }, []);
  useEffect(() => {
    if (SadminuserAccess?.length > 0) {
      SAdminuserAccesFilterFun(SadminuserAccess);
    }
  }, [SadminuserAccess]);
  useEffect(() => {
    if (Access?.length > 0) {
      EmpAccesFilterFun(Access);
    }
  }, [Access]);
  useEffect(() => {
    // sessionStore("AppId", 1)
    // sessionStore("BranchId", 127)
    // sessionStore("AppName", "Bakery")
    // sessionStore("CompId", 77)
    // sessionStore("MobileNo", "9972702376")
    // sessionStore("UserType", "Admin")
    // sessionStore("UserId", 1791)
    // sessionStore("userName", "Karthiga")
    // sessionStorage.setItem('auth',"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9uYW1lIjoiOTk3MjcwMjM3NiIsIlBhc3N3b3JkIjoiWkB6MTgxMiIsImF1ZCI6WyJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTMiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTIiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTUiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTYiLCJodHRwOi8vMTkyLjE2OC4xLjM3OjgwMTQiLCJodHRwOi8vbG9jYWxob3N0OjUzNTU2IiwiaHR0cDovLzE5Mi4xNjguMS4zNzo4MDEzIl0sImV4cCI6MTczNDQ2MjIyMCwiaXNzIjoiaHR0cDovLzE5Mi4xNjguMS4zNzo4MDAxIn0.c6EOfD0TR6oZBtHSq7-Fe4_4_LYXbVaLQ5pfeIqADuk")
    fetchBranchData();
  }, []);

  useEffect(() => {
    fetchBranchData();
  }, [CompId]);
  const SdminASettingmenuItems = [
    getsubItem('Common Master', `${subDirectory}setting/common-master`),
    getsubItem('Customer', `${subDirectory}setting/customer-master`),
  ];

  const SAdminUserBookingMenuItem = [
    // getItem(
    //   'Transaction',
    //   `${subDirectory}app-page/transaction`, <AiOutlineTransaction className="iconsize" />
    // ),
    getItem(
      'Whole Sales',
      `${subDirectory}wholesales`,
      <BiBookOpen className="iconsize" />
    ),
  ];
  const SadminUserinfoitem = [
    getsubItem('Employee', `${subDirectory}setting/employee-master`),
    getsubItem('Shift', `${subDirectory}setting/shift-master`),
    getsubItem('Employee Access', `${subDirectory}setting/employee-access`),
    getsubItem(
      'Employee Screen Rights',
      `${subDirectory}setting/employee-screenrights`
    ),
  ];
  const SadminUserReportMenu = [
    getsubItem('Abstract For Purchase', `${subDirectory}report/sellerabstract`),
    getsubItem('Abstract For Sales', `${subDirectory}report/abstract`),
    getsubItem('Ledger', `${subDirectory}report/ledger`),
  ];

  const SadminUserTransactionMenu = [
    getsubItem('Sales', `${subDirectory}transaction/sales`),
    getsubItem(
      'Payment Received',
      `${subDirectory}transaction/payment-received`
    ),
    getsubItem('Seller Payment', `${subDirectory}transaction/seller-payment`),
  ];

  const SadminAndroidAppMenuItem = [
    getItem(
      'Android App',
      `${subDirectory}android-app`,
      <IoLogoAndroid className="iconsize" />
    ),
  ];

  const SadminUserpurchaseReportMenu = [
    getsubItem('Purchase Report', `${subDirectory}report/purchasereport`),
    getsubItem(
      'Purchase Payment',
      `${subDirectory}report/paymentpurchasereport`
    ),
  ];

  const SadminUsersalesReportMenu = [
    getsubItem('Sales Report', `${subDirectory}report/salesreport`),
    getsubItem('Sales Payment', `${subDirectory}report/paymentsalesreport`),
  ];
  // Employee Access start
  const SettingmenuItems = [
    getsubItem('Common Master', `${subDirectory}setting/common-master`),
    getsubItem('Customer', `${subDirectory}setting/customer-master`),
  ];

  const BookingMenuItem = [
    getItem(
      'Whole Sales',
      `${subDirectory}wholesales`,
      <BiBookOpen className="iconsize" />
    ),
  ];

  const empinfoitem = [
    getsubItem('Employee', `${subDirectory}setting/employee-master`),
    getsubItem('Shift', `${subDirectory}setting/shift-master`),
    getsubItem('Employee Access', `${subDirectory}setting/employee-access`),
    getsubItem(
      'Employee Screen Rights',
      `${subDirectory}setting/employee-screenrights`
    ),
  ];
  const prodMenu = [
    getsubItem('Product', `${subDirectory}setting/wholesale-product-master`),
    getsubItem('Seller', `${subDirectory}setting/supplier-master`),
    getsubItem('Product Entry', `${subDirectory}setting/product-entry`),
    // getsubItem('Extra Charges', `${subDirectory}setting/wholesale-extracharges`),
    getsubItem('Preorder', `${subDirectory}setting/wholesale-preorder`),
  ];

  const purchaseReportMenu = [
    getsubItem('Purchase Report', `${subDirectory}report/purchasereport`),
    getsubItem(
      'Purchase Payment',
      `${subDirectory}report/paymentpurchasereport`
    ),
  ];

  const salesReportMenu = [
    getsubItem('Sales Report', `${subDirectory}report/salesreport`),
    getsubItem('Sales Payment', `${subDirectory}report/paymentsalesreport`),
  ];

  const ReportMenu = [
    getsubItem('Abstract For Purchase', `${subDirectory}report/sellerabstract`),
    getsubItem('Abstract For Sales', `${subDirectory}report/abstract`),
    getsubItem('Ledger', `${subDirectory}report/ledger`),
  ];

  const AndroidAppMenuItem = [
    getItem(
      'Android App',
      `${subDirectory}android-app`,
      <IoLogoAndroid className="iconsize" />
    ),
  ];
  const TransactionMenu = [
    getsubItem('Sales', `${subDirectory}transaction/sales`),
    getsubItem(
      'Payment Received',
      `${subDirectory}transaction/payment-received`
    ),
    getsubItem('Seller Payment', `${subDirectory}transaction/seller-payment`),
  ];
  useEffect(() => {
    const empdata =
      empinfoMenu.length > 0
        ? [
            getsubItem(
              'Employee Info',
              `${subDirectory}employee`,
              null,
              empinfoMenu
            ),
          ]
        : [];
    const prodata =
      Empprodmenu.length > 0
        ? [
            getsubItem(
              'Product Info',
              `${subDirectory}product`,
              null,
              Empprodmenu
            ),
          ]
        : [];

    const indexToSliceFirst = SettingmenuItems?.findIndex(
      (item) => item.label === 'Common Master'
    );

    const indexToSliceSecond = SettingmenuItems?.findIndex(
      (item) => item.label === 'Customer'
    );

    setEmpSettingMenu((prevMenu) => [
      ...prevMenu?.slice(0, indexToSliceFirst),
      ...prodata,
      ...prevMenu?.slice(indexToSliceFirst, indexToSliceSecond),
      ...empdata,
    ]);
  }, [empinfoMenu, Empprodmenu]);
  useEffect(() => {
    const empdata =
      SadminUserinfoMenu.length > 0
        ? [
            getsubItem(
              'Employee Info',
              `${subDirectory}employee`,
              null,
              SadminUserinfoMenu
            ),
          ]
        : [];
    const prodata =
      SAdminUserprodmenu.length > 0
        ? [
            getsubItem(
              'Product Info',
              `${subDirectory}product`,
              null,
              SAdminUserprodmenu
            ),
          ]
        : [];

    const indexToSliceFirst = SettingmenuItems?.findIndex(
      (item) => item.label === 'Common Master'
    );

    const indexToSliceSecond = SettingmenuItems?.findIndex(
      (item) => item.label === 'Customer'
    );

    setSadminUserSettingMenu((prevMenu) => [
      ...prevMenu?.slice(0, indexToSliceFirst),
      ...prodata,
      ...prevMenu?.slice(indexToSliceFirst, indexToSliceSecond),
      ...empdata,
    ]);
  }, [SadminUserinfoMenu, SAdminUserprodmenu]);

  useEffect(() => {
    const purchasedata =
      Emppurchasemenu.length > 0
        ? [
            getsubItem(
              'Purchase Reports',
              `${subDirectory}purchase`,
              null,
              Emppurchasemenu
            ),
          ]
        : [];
    const salesdata =
      Empsalesmenu.length > 0
        ? [
            getsubItem(
              'Sales Reports',
              `${subDirectory}sales`,
              null,
              Empsalesmenu
            ),
          ]
        : [];

    setfilterReportMenu((prevMenu) => {
      const newMenu = new Set([...prevMenu, ...purchasedata, ...salesdata]);
      return Array.from(newMenu);
    });
  }, [Emppurchasemenu, Empsalesmenu]);

  useEffect(() => {
    const purchasedata =
      SadminUserpurchasemenu.length > 0
        ? [
            getsubItem(
              'Purchase Reports',
              `${subDirectory}purchase`,
              null,
              SadminUserpurchasemenu
            ),
          ]
        : [];
    const salesdata =
      SadminUsersalesmenu.length > 0
        ? [
            getsubItem(
              'Sales Reports',
              `${subDirectory}sales`,
              null,
              SadminUsersalesmenu
            ),
          ]
        : [];

    setSAdminUserfilterReportMenu((prevMenu) => {
      const newMenu = new Set([...prevMenu, ...purchasedata, ...salesdata]);
      return Array.from(newMenu);
    });
  }, [SadminUserpurchasemenu, SadminUsersalesmenu]);

  const filterMenuItems = (menu, configList) => {
    return menu?.filter((item) => {
      const config = configList?.find(
        (config) =>
          config.ConfigName === item?.label && config.ReadAccess === 'Y'
      );
      return config;
    });
  };

  const SadminUserfilterMenuItems = (menu, configList) => {
    return menu?.filter((item) => {
      const config = configList?.find(
        (config) => config.MenuName === item?.label && config.ReadAccess === 'Y'
      );
      return config;
    });
  };

  const SAdminuserAccesFilterFun = async (Access) => {
    const menuConfig = [
      { items: SdminASettingmenuItems, setter: setSadminUserSettingMenu },
      {
        items: SAdminUserBookingMenuItem,
        setter: setSadminUserBookingMenuItem,
      },
      { items: SadminUserinfoitem, setter: setSadminUserinfoMenu },
      { items: SadminUserReportMenu, setter: setSAdminUserfilterReportMenu },
      {
        items: SadminUserTransactionMenu,
        setter: setSadminfilterTransactionMenu,
      },
      { items: SadminAndroidAppMenuItem, setter: setSAdminUserAndroidApp },
    ];

    menuConfig.forEach(({ items, setter }) => {
      const filteredMenu = SadminUserfilterMenuItems(items, Access);
      setter(filteredMenu);
    });
    const filterprodMenuItem = SadminUserfilterMenuItems(prodMenu, Access);
    setSAdminUserprodmenu([...filterprodMenuItem]);
    const filterpurchaseMenuItem = SadminUserfilterMenuItems(
      SadminUserpurchaseReportMenu,
      Access
    );
    setSadminUserpurchasemenu([...filterpurchaseMenuItem]);
    const filtersalesMenuItem = SadminUserfilterMenuItems(
      SadminUsersalesReportMenu,
      Access
    );
    setSadminUsersalesmenu([...filtersalesMenuItem]);
  };

  const EmpAccesFilterFun = async (Access) => {
    const menuConfig = [
      { items: SettingmenuItems, setter: setEmpSettingMenu },
      { items: BookingMenuItem, setter: setEmpBookingMenuItem },
      { items: empinfoitem, setter: setempinfoMenu },
      { items: ReportMenu, setter: setfilterReportMenu },
      { items: TransactionMenu, setter: setfilterTransactionMenu },
      { items: AndroidAppMenuItem, setter: setAndroidApp },
    ];

    menuConfig.forEach(({ items, setter }) => {
      const filteredMenu = filterMenuItems(items, Access);
      setter(filteredMenu);
    });
    const filterprodMenuItem = filterMenuItems(prodMenu, Access);
    setEmpprodmenu([...filterprodMenuItem]);
    const filterpurchaseMenuItem = filterMenuItems(purchaseReportMenu, Access);
    setEmppurchasemenu([...filterpurchaseMenuItem]);
    const filtersalesMenuItem = filterMenuItems(salesReportMenu, Access);
    setEmpsalesmenu([...filtersalesMenuItem]);
  };
  // Employee Access END

  const fetchBranchData = async () => {
    if (
      getSession('UserType') === 'Super Admin' ||
      getSession('UserType') === 'Super Admin User'
    ) {
      const response = await dispatch(
        getCompBranchData({ CompId: CompId, AppId: AppId })
      ).unwrap();
      if (response?.data?.statusCode === 1) {
        setCompBranchData(response?.data?.data);
        if (response?.data?.data?.length == 1) {
          await sessionStore('BranchId', response?.data?.data?.[0]?.BrId);
          await dispatch(
            changeSelectedBranchId(response?.data?.data?.[0]?.BrId)
          );
        }
      }
    } else if (
      getSession('UserType') === 'Admin' ||
      getSession('UserType') === 'Admin User'
    ) {
      const response = await dispatch(
        getCompBranchData({ AppId: AppId, UserId: UserId, CompId: CompId })
      ).unwrap();
      if (response?.data?.statusCode === 1) {
        setCompBranchData(response?.data?.data);
        if (response?.data?.data?.length == 1) {
          await sessionStore('BranchId', response?.data?.data?.[0]?.BrId);
          await dispatch(
            changeSelectedBranchId(response?.data?.data?.[0]?.BrId)
          );
        }
      }
    }
  };
  const items = [];
  if (BranchId === null || BranchId === '' || BranchId === undefined) {
    if (getSession('UserType') === 'Super Admin') {
      items.push(
        getItem(
          'Apps',
          `${subDirectory}app-page/redirect-apps`,
          <TbAppsFilled className="iconsize" />
        ),
        getItem(
          'HOME',
          `${subDirectory}app-page/home`,
          <BiHomeSmile className="iconsize" />
        ),
        getItem(
          'Branch Signin',
          `${subDirectory}app-page/branch-login`,
          <MdOutlineLogin />
        ),
        getItem(
          'Back To Branches',
          `${subDirectory}app-page/branch-all`,
          <AiOutlineLogin />
        ),
        getItem(
          'Sign Out',
          `${subDirectory}app-page/logout`,
          <MdOutlineLogout />
        )
      );
    } else if (getSession('UserType') === 'Super Admin User') {
      items.push(
        getItem(
          'Apps',
          `${subDirectory}app-page/redirect-apps`,
          <TbAppsFilled className="iconsize" />
        ),
        // getItem('HOME', `${subDirectory}app-page/home`, <BiHomeSmile className="iconsize" />),
        getItem(
          'Branch Signin',
          `${subDirectory}app-page/branch-login`,
          <MdOutlineLogin />
        ),
        getItem(
          'Sign Out',
          `${subDirectory}app-page/logout`,
          <MdOutlineLogout />
        )
      );
    } else if (
      getSession('UserType') === 'Admin' ||
      getSession('UserType') === 'Admin User'
    ) {
      items.push(
        getItem(
          'Apps',
          `${subDirectory}app-page/redirect-apps`,
          <TbAppsFilled className="iconsize" />
        ),
        getItem(
          'HOME',
          `${subDirectory}app-page/home`,
          <BiHomeSmile className="iconsize" />
        ),
        getItem(
          'Branch Signin',
          `${subDirectory}app-page/branch-login`,
          <MdOutlineLogin />
        ),
        getItem(
          'Sign Out',
          `${subDirectory}app-page/logout`,
          <MdOutlineLogout />
        )
      );
    }
  }
  if (UserType === 'Super Admin' && BranchId) {
    items.push(
      getItem(
        'APPS',
        `${subDirectory}app-page/redirect-apps`,
        <TbAppsFilled className="iconsize" />
      ),
      getItem(
        'HOME',
        `${subDirectory}app-page/home`,
        <BiHomeSmile className="iconsize" />
      ),
      getItem('SETTINGS', `${subDirectory}setting`, <FiSettings />, [
        getsubItem('Config Type', `${subDirectory}setting/config-type`),
        getsubItem('Common Master', `${subDirectory}setting/common-master`),
        getsubItem('Languages', `${subDirectory}setting/languages`),
        getsubItem('Product Info', `${subDirectory}product`, null, [
          getsubItem(
            'Product',
            `${subDirectory}setting/wholesale-product-master`
          ),
          getsubItem('Seller', `${subDirectory}setting/supplier-master`),
          getsubItem('Product Entry', `${subDirectory}setting/product-entry`),
          getsubItem('Preorder', `${subDirectory}setting/wholesale-preorder`),
        ]),
        getsubItem('Customer', `${subDirectory}setting/customer-master`),
        getsubItem('Employee Info', `${subDirectory}employee`, null, [
          getsubItem('Employee', `${subDirectory}setting/employee-master`),
          getsubItem('Shift', `${subDirectory}setting/shift-master`),
          getsubItem(
            'Employee Access',
            `${subDirectory}setting/employee-access`
          ),
          getsubItem(
            'Employee Screen Rights',
            `${subDirectory}setting/employee-screenrights`
          ),
        ]),
      ]),
      getItem(
        'Transaction',
        `${subDirectory}transaction`,
        <AiOutlineTransaction className="iconsize" />,
        [
          getsubItem('Sales', `${subDirectory}transaction/sales`),
          getsubItem(
            'Payment Received',
            `${subDirectory}transaction/payment-received`
          ),
          getsubItem(
            'Seller Payment',
            `${subDirectory}transaction/seller-payment`
          ),
        ]
      ),

      getItem(
        'Whole Sales',
        `${subDirectory}wholesales`,
        <BiBookOpen className="iconsize" />
      ),
      getItem(
        'REPORTS',
        `${subDirectory}reports`,
        <TbReportAnalytics className="iconsize" />,
        [
          getsubItem(
            'Abstract For Purchase',
            `${subDirectory}report/sellerabstract`
          ),
          getsubItem('Abstract For Sales', `${subDirectory}report/abstract`),
          getsubItem('Ledger', `${subDirectory}report/ledger`),
          getsubItem('Purchase Reports', `${subDirectory}purchase`, null, [
            getsubItem(
              'Purchase Report',
              `${subDirectory}report/purchasereport`
            ),
            getsubItem(
              'Purchase Payment',
              `${subDirectory}report/paymentpurchasereport`
            ),
          ]),
          getsubItem('Sales Reports', `${subDirectory}sales`, null, [
            getsubItem('Sales Report', `${subDirectory}report/salesreport`),
            getsubItem(
              'Sales Payment',
              `${subDirectory}report/paymentsalesreport`
            ),
          ]),
        ]
      ),
      getItem(
        'Android App',
        `${subDirectory}android-app`,
        <IoLogoAndroid className="iconsize" />
      ),
      CompBranchData?.length > 1 &&
        getItem(
          'Back to Signin',
          `${subDirectory}app-page/back-to-login`,
          <MdOutlineLogin />
        ),
      getItem(
        'Back To Branches',
        `${subDirectory}app-page/branch-all`,
        <AiOutlineLogin />
      ),
      getItem('Sign Out', `${subDirectory}app-page/logout`, <MdOutlineLogout />)
    );
  } else if (UserType === 'Super Admin User' && BranchId) {
    items.push(
      getItem(
        'APPS',
        `${subDirectory}app-page/redirect-apps`,
        <TbAppsFilled className="iconsize" />
      ),
      getItem(
        'HOME',
        `${subDirectory}app-page/home`,
        <BiHomeSmile className="iconsize" />
      ),
      SadminUserSettingMenu?.length > 0 &&
        getItem(
          'SETTINGS',
          `${subDirectory}setting`,
          <FiSettings />,
          SadminUserSettingMenu
        ),
      SadminfilterTransactionMenu?.length > 0 &&
        getItem(
          'TRANSACTION',
          `${subDirectory}transaction`,
          <AiOutlineTransaction className="iconsize" />,
          SadminfilterTransactionMenu
        ),
      SadminUserBookingMenuItem?.[0],
      SAdminUserfilterReportMenu?.length > 0 &&
        getItem(
          'REPORTS',
          `${subDirectory}reports`,
          <TbReportAnalytics className="iconsize" />,
          SAdminUserfilterReportMenu
        ),
      SAdminUserAndroidApp?.[0],
      getItem('Sign Out', `${subDirectory}app-page/logout`, <MdOutlineLogout />)
    );
  } else if ((UserType === 'Admin' || UserType === 'Admin User') && BranchId) {
    items.push(
      getItem(
        'APPS',
        `${subDirectory}app-page/redirect-apps`,
        <TbAppsFilled className="iconsize" />
      ),
      getItem(
        'HOME',
        `${subDirectory}app-page/home`,
        <BiHomeSmile className="iconsize" />
      ),
      getItem('SETTINGS', `${subDirectory}setting`, <FiSettings />, [
        getsubItem('Common Master', `${subDirectory}setting/common-master`),
        getsubItem('Product Info', `${subDirectory}product`, null, [
          getsubItem(
            'Product',
            `${subDirectory}setting/wholesale-product-master`
          ),
          getsubItem('Seller', `${subDirectory}setting/supplier-master`),
          getsubItem('Product Entry', `${subDirectory}setting/product-entry`),
          getsubItem('Preorder', `${subDirectory}setting/wholesale-preorder`),
        ]),

        getsubItem('Customer', `${subDirectory}setting/customer-master`),
        getsubItem('Employee Info', `${subDirectory}employee`, null, [
          getsubItem('Employee', `${subDirectory}setting/employee-master`),
          getsubItem('Shift', `${subDirectory}setting/shift-master`),
          getsubItem(
            'Employee Access',
            `${subDirectory}setting/employee-access`
          ),
          getsubItem(
            'Employee Screen Rights',
            `${subDirectory}setting/employee-screenrights`
          ),
        ]),
      ]),
      getItem(
        'Transaction',
        `${subDirectory}transaction`,
        <AiOutlineTransaction className="iconsize" />,
        [
          getsubItem('Sales', `${subDirectory}transaction/sales`),
          getsubItem(
            'Payment Received',
            `${subDirectory}transaction/payment-received`
          ),
          getsubItem(
            'Seller Payment',
            `${subDirectory}transaction/seller-payment`
          ),
        ]
      ),
      getItem(
        'Whole Sales',
        `${subDirectory}wholesales`,
        <BiBookOpen className="iconsize" />
      ),
      getItem(
        'REPORTS',
        `${subDirectory}reports`,
        <TbReportAnalytics className="iconsize" />,
        [
          getsubItem(
            'Abstract For Purchase',
            `${subDirectory}report/sellerabstract`
          ),
          getsubItem('Abstract For Sales', `${subDirectory}report/abstract`),
          getsubItem('Ledger', `${subDirectory}report/ledger`),

          getsubItem('Purchase Reports', `${subDirectory}purchase`, null, [
            getsubItem(
              'Purchase Report',
              `${subDirectory}report/purchasereport`
            ),
            getsubItem(
              'Purchase Payment',
              `${subDirectory}report/paymentpurchasereport`
            ),
          ]),
          getsubItem('Sales Reports', `${subDirectory}sales`, null, [
            getsubItem('Sales Report', `${subDirectory}report/salesreport`),
            getsubItem(
              'Sales Payment',
              `${subDirectory}report/paymentsalesreport`
            ),
          ]),
        ]
      ),
      getItem(
        'Android App',
        `${subDirectory}android-app`,
        <IoLogoAndroid className="iconsize" />
      ),
      CompBranchData?.length > 1 &&
        getItem(
          'Back to Signin',
          `${subDirectory}app-page/back-to-login`,
          <MdOutlineLogin />
        ),
      getItem('Sign Out', `${subDirectory}app-page/logout`, <MdOutlineLogout />)
    );
  } else if (UserType === 'Employee' && BranchId) {
    items.push(
      getItem(
        'HOME',
        `${subDirectory}app-page/home`,
        <BiHomeSmile className="iconsize" />
      ),
      EmpSettingMenu?.length > 0 &&
        getItem(
          'SETTINGS',
          `${subDirectory}setting`,
          <FiSettings />,
          EmpSettingMenu
        ),
      EmpfilterTransactionMenu?.length > 0 &&
        getItem(
          'TRANSACTION',
          `${subDirectory}transaction`,
          <AiOutlineTransaction className="iconsize" />,
          EmpfilterTransactionMenu
        ),
      EmpBookingMenuItem?.[0],
      EmpfilterReportMenu?.length > 0 &&
        getItem(
          'REPORTS',
          `${subDirectory}reports`,
          <TbReportAnalytics className="iconsize" />,
          EmpfilterReportMenu
        ),
      AndroidApp?.[0],
      getItem('Sign Out', `${subDirectory}app-page/logout`, <MdOutlineLogout />)
    );
  }

  return (
    <div className="appPage">
      <Messages
        messageType={messageType}
        messageData={messageData}
        onComplete={onComplete}
      />
      <div className="sideNaveParent">
        <div className="paypreLogoDiv"></div>
        <SideMenu items={items} mode={'vertical'} theme={'light'}>
          {items?.map((item) =>
            item?.type === 'group' ? (
              <Menu.Item
                key={item.key}
                aria-expanded={item.ariaExpanded}
                style={item.alignLeft ? { textAlign: 'left' } : null}
              >
                {item?.label}
              </Menu.Item>
            ) : null
          )}
        </SideMenu>
      </div>
      <div className="centerPage">
        <CenterPage />
      </div>
    </div>
  );
};

export default WholesaleAppPage;