import { Grid } from "../../../../components/grid/Grid";
import { SPACING } from "../../../../data/spacing";
import { NavLink } from "../../../../components/nav-link/NavLink";
import { useLocation } from "react-router-dom";
import {
  // ROUTE_SLAUGHTER_HOUSE_VET_COMPLAINTS,
  ROUTE_SLAUGHTER_HOUSE_VET_ENTER_BAR_INFO,
  ROUTE_SLAUGHTER_HOUSE_VET_FREE_BUY_ROUTE,
  // ROUTE_SLAUGHTER_HOUSE_VET_ACTIVE_REQUESTS,
  // ROUTE_SLAUGHTER_HOUSE_VET_ARCHIVED_REQUESTS,
  ROUTE_SLAUGHTER_HOUSE_VET_NEW_REQUESTS,
  // ROUTE_SLAUGHTER_HOUSE_VET_REJECTED_REQUESTS,
} from "../../../../routes/routes";
import LinkItem from "../../../../components/link-item/LinkItem";
import { VscFolderActive, VscNewFolder } from "react-icons/vsc";

export const SlaughterHouseVetOperations = () => {
  const { pathname } = useLocation();

  return (
    <Grid
      container
      gap={SPACING.SMALL}
      p={SPACING.SMALL}
      direction={{ xs: "column", md: "row" }}
      justifyContent="center"
      style={{ placeContent: "baseline" }}
    >
      <Grid container direction="column" style={{ width: "100%" }}>
        <Grid container gap={SPACING.SMALL} justifyContent="center">
          <NavLink
            to={ROUTE_SLAUGHTER_HOUSE_VET_FREE_BUY_ROUTE}
            active={
              pathname === ROUTE_SLAUGHTER_HOUSE_VET_FREE_BUY_ROUTE
                ? "true"
                : null
            }
          >
            <LinkItem
              icon={<VscFolderActive size={30} color="#244CCC" />}
              title="بارهای خارج استان"
              description="درخواست های در انتظار عملیات وارد کردن اطلاعات بارهای دریافتی"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_HOUSE_VET_NEW_REQUESTS}
            active={
              pathname === ROUTE_SLAUGHTER_HOUSE_VET_NEW_REQUESTS
                ? "true"
                : null
            }
          >
            <LinkItem
              icon={<VscNewFolder size={30} color="#244CCC" />}
              title="بارهای جدید"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_HOUSE_VET_ENTER_BAR_INFO}
            active={
              pathname === ROUTE_SLAUGHTER_HOUSE_VET_ENTER_BAR_INFO
                ? "true"
                : null
            }
          >
            <LinkItem
              icon={<VscNewFolder size={30} color="#244CCC" />}
              title="وارد کردن اطلاعات بار"
            />
          </NavLink>

          {/* <NavLink
        to={ROUTE_SLAUGHTER_HOUSE_VET_COMPLAINTS}
        active={
          pathname === ROUTE_SLAUGHTER_HOUSE_VET_COMPLAINTS ? "true" : null
        }
      >
        <LinkItem
          icon={<VscNewFolder size={30} color="#244CCC" />}
          title="افت نامتعارف"
        />
      </NavLink> */}
          {/* <NavLink
        to={ROUTE_SLAUGHTER_HOUSE_VET_ACTIVE_REQUESTS}
        active={
          pathname === ROUTE_SLAUGHTER_HOUSE_VET_ACTIVE_REQUESTS ? "true" : null
        }
      >
        <Button variant="text" color="inherit">
          درخواست فعال
        </Button>
      </NavLink> */}
          {/* <NavLink
        to={ROUTE_SLAUGHTER_HOUSE_VET_REJECTED_REQUESTS}
        active={
          pathname === ROUTE_SLAUGHTER_HOUSE_VET_REJECTED_REQUESTS
            ? "true"
            : null
        }
      >
        <Button variant="text" color="inherit">
          سفارشات رد شده
        </Button>
      </NavLink>
      <NavLink
        to={ROUTE_SLAUGHTER_HOUSE_VET_ARCHIVED_REQUESTS}
        active={
          pathname === ROUTE_SLAUGHTER_HOUSE_VET_ARCHIVED_REQUESTS
            ? "true"
            : null
        }
      >
        <Button variant="text" color="inherit">
          سفارشات بایگانی شده
        </Button>
      </NavLink> */}
        </Grid>
      </Grid>
    </Grid>
  );
};
