import { Grid } from "../../../../components/grid/Grid";
import { SPACING } from "../../../../data/spacing";
import { NavLink } from "../../../../components/nav-link/NavLink";

import LinkItem from "../../../../components/link-item/LinkItem";
import { VscCompassDot } from "react-icons/vsc";
import { IoIosArrowDropupCircle } from "react-icons/io";
import {
  ROUTE_ADMINX_DIFFRENCE_KILLER_SLAUGHTER,
  ROUTE_ADMINX_INCREASE_HATCHING,
  ROUTE_CITY_DIFFRENCE_KILLER_SLAUGHTER,
  ROUTE_CITY_INCREASE_HATCHING,
  ROUTE_PROVINCE_DIFFRENCE_KILLER_SLAUGHTER,
  ROUTE_PROVINCE_INCREASE_HATCHING,
  ROUTE_SUPER_ADMIN_DIFFRENCE_KILLER_SLAUGHTER,
  ROUTE_SUPER_ADMIN_INCREASE_HATCHING,
} from "../../../../routes/routes";
import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl";

export const CityManageDiffrenceKillerOperation = () => {
  return (
    <Grid
      container
      gap={SPACING.SMALL}
      p={SPACING.SMALL}
      direction={{ xs: "row", md: "row" }}
      justifyContent="center"
    >
      <NavLink
        to={
          getRoleFromUrl() === "AdminX"
            ? ROUTE_ADMINX_DIFFRENCE_KILLER_SLAUGHTER
            : getRoleFromUrl() === "SuperAdmin"
            ? ROUTE_SUPER_ADMIN_DIFFRENCE_KILLER_SLAUGHTER
            : getRoleFromUrl() === "ProvinceOperator"
            ? ROUTE_PROVINCE_DIFFRENCE_KILLER_SLAUGHTER
            : getRoleFromUrl() === "CityOperator"
            ? ROUTE_CITY_DIFFRENCE_KILLER_SLAUGHTER
            : ""
        }
      >
        <LinkItem
          icon={<VscCompassDot size={30} color="#244CCC" />}
          title="اختلاف کشتار در کشتارگاه"
        />
      </NavLink>
      <NavLink
        to={
          getRoleFromUrl() === "AdminX"
            ? ROUTE_ADMINX_INCREASE_HATCHING
            : getRoleFromUrl() === "SuperAdmin"
            ? ROUTE_SUPER_ADMIN_INCREASE_HATCHING
            : getRoleFromUrl() === "ProvinceOperator"
            ? ROUTE_PROVINCE_INCREASE_HATCHING
            : getRoleFromUrl() === "CityOperator"
            ? ROUTE_CITY_INCREASE_HATCHING
            : ""
        }
      >
        <LinkItem
          icon={<IoIosArrowDropupCircle size={30} color="#244CCC" />}
          title="افزایش حجم جوجه ریزی"
        />
      </NavLink>
    </Grid>
  );
};
