import { Grid } from "../../../../components/grid/Grid";
import { SPACING } from "../../../../data/spacing";
import { UserPagination } from "../users-pagination/UsersPagination";

export const ProvinceUsers = () => {
  // const navigate = useNavigate();

  // const { provinceUsers } = useSelector((state) => state.provinceSlice);

  // useEffect(() => {
  //   dispatch(LOADING_START());
  //   dispatch(provinceGetUserProfiles()).then((r) => {
  //     dispatch(LOADING_END());
  //   });
  // }, []);

  // const [filteredData, setFilteredData] = useState(provinceUsers);
  // useEffect(() => {
  //   if (rolesSelected.length > 0) {
  //     const newUsers = provinceUsers?.filter((item, i) => {
  //       return item?.profile?.role.includes(...rolesSelected);
  //     });

  //     setFilteredData(newUsers);
  //   } else if (justBaseUsers) {
  //     const newUsers = provinceUsers?.filter((item, i) => {
  //       return item?.profile?.role.length === 0;
  //     });
  //     setFilteredData(newUsers);
  //   } else {
  //     setFilteredData(provinceUsers);
  //   }

  //   const d = filteredData?.map((item, i) => {
  //     return [
  //       i + 1,
  //       item?.profile?.fullname
  //         ? item?.profile?.fullname
  //         : item?.profile?.firstName + " " + item?.profile?.lastName,
  //       <Grid key={i}>
  //         {!(item?.profile?.role.length > 0) && "کاربر پایه"}
  //         {item?.profile?.role?.map((item, i) => {
  //           var name = "";
  //           switch (item) {
  //             case "ProvinceOperator":
  //               name = "اپراتور تخصیص استان";
  //               break;
  //             case "CityOperator":
  //               name = "اپراتور شهرستان";
  //               break;
  //             case "KillHouseVet":
  //               name = "دامپزشک کشتارگاه";
  //               break;
  //             case "VetFarm":
  //               name = "دامپزشک";
  //               break;
  //             case "Poultry":
  //               name = "مرغدار";
  //               break;
  //             case "KillHouse":
  //               name = "کشتارگاه";
  //               break;
  //             case "Vet":
  //               name = "دامپزشک";
  //               break;
  //             case "ProvinceInspector":
  //               name = "بازرس استان";
  //               break;
  //             case "ProvinceFinancial":
  //               name = "اپراتور مالی";
  //               break;
  //             case "Driver":
  //               name = "راننده";
  //               break;
  //             case "Admin":
  //               name = "ادمین";
  //               break;

  //             default:
  //               break;
  //           }
  //           return [<Grid key={i}>{name}</Grid>];
  //         })}
  //       </Grid>,
  //       item?.profile?.mobile,
  //       item?.profile?.baseOrder,
  //       item?.profile?.city,
  //       <Typography key="s" variant="caption">
  //         {item?.profile?.password}
  //       </Typography>,
  //       <Grid key={i}>
  //         <Tooltip key={i} title={"پرونده کاربر"} placement="right-start">
  //           <IconButton
  //             aria-label="delete"
  //             color="primary"
  //             className="avicultureActiveRequestsBtn"
  //             onClick={() => {
  //               navigate(ROUTE_PROVINCE_USER_FILE + item?.profile?.key);
  //             }}
  //           >
  //             <ContactPageIcon />
  //           </IconButton>
  //         </Tooltip>
  //       </Grid>,
  //     ];
  //   });

  //   setDataTable(d);
  // }, [provinceUsers, rolesSelected, filteredData, justBaseUsers]);

  return (
    <Grid
      container
      xs={12}
      alignItems={"start"}
      gap={SPACING.SMALL}
      direction={"column"}
    >
      <Grid width="100%" mt={SPACING.SMALL}>
        {/* <AdvancedTable
            columns={[
              "ردیف",
              "نام کامل",
              "نوع کاربری",
              "شمار تلفن",
              "کد کاربری",
              "شهر",
              "کلمه عبور",
              "پرونده",
            ]}
            data={dataTable}
          /> */}
        <UserPagination />
      </Grid>
    </Grid>
  );
};
