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_ALLOCATE_CAR_REQUESTS,
  ROUTE_SLAUGHTER_ALLOCATION_REQUESTS,
  ROUTE_SLAUGHTER_ENTER_BAR_INFO,
  // ROUTE_SLAUGHTER_FACTORS,
  ROUTE_SLAUGHTER_FINANCIAL_TRANSACTIONS,
  ROUTE_SLAUGHTER_INVENTORY,
  ROUTE_SLAUGHTER_NEW_REQUESTS,
  ROUTE_SLAUGHTER_PAYING_FEES_REQUESTS,
  ROUTE_SLAUGHTER_PAY_FACTORS_REQUESTS,
  ROUTE_SLAUGHTER_PENDING_REQUESTS,
  ROUTE_SLAUGHTER_WALLET,
  ROUTE_SLAUGHTERـEXPORT,
  ROUTE_SLAUGHTERـFREE_BUY,
} from "../../../../routes/routes";
import LinkItem from "../../../../components/link-item/LinkItem";
import {
  MdCreateNewFolder,
  MdImportExport,
  MdLocalShipping,
  MdOutlinePendingActions,
} from "react-icons/md";
import { FaExchangeAlt, FaSellcast, FaTruckLoading } from "react-icons/fa";
import ErrorIcon from "@mui/icons-material/Error";
import { MdOutlineWallet } from "react-icons/md";
import { LineWithText } from "../../../../components/line-with-text/LineWithText";
import { Typography } from "@mui/material";
import { VscFolderActive } from "react-icons/vsc";

export const SlaughterRequestsOperations = ({ hasPermission }) => {
  const { pathname } = useLocation();

  return (
    <Grid
      container
      gap={SPACING.SMALL}
      p={SPACING.SMALL}
      direction={{ xs: "column", md: "row" }}
      justifyContent="center"
      style={{ placeContent: "baseline" }}
    >
      {hasPermission && (
        <>
          <Grid container direction="column" style={{ width: "100%" }}>
            <Grid>
              <LineWithText text="درخواست ها" />
            </Grid>
            <Grid container gap={SPACING.SMALL} justifyContent="center">
              <NavLink
                to={ROUTE_SLAUGHTER_NEW_REQUESTS}
                active={
                  pathname === ROUTE_SLAUGHTER_NEW_REQUESTS ? "true" : null
                }
              >
                <LinkItem
                  icon={<MdCreateNewFolder size={30} color="#244CCC" />}
                  title="ثبت درخواست"
                  description="مدیریت و ثبت درخواست های کشتار"
                />
              </NavLink>
              <NavLink
                to={ROUTE_SLAUGHTERـFREE_BUY}
                active={pathname === ROUTE_SLAUGHTERـFREE_BUY ? "true" : null}
              >
                <LinkItem
                  icon={<MdCreateNewFolder size={30} color="#244CCC" />}
                  title="خرید مستقیم"
                />
              </NavLink>
              <NavLink
                to={ROUTE_SLAUGHTERـEXPORT}
                active={pathname === ROUTE_SLAUGHTERـEXPORT ? "true" : null}
              >
                <LinkItem
                  icon={<MdImportExport size={30} color="#244CCC" />}
                  title="صادرات"
                />
              </NavLink>
              <NavLink
                to={ROUTE_SLAUGHTER_PENDING_REQUESTS}
                active={
                  pathname === ROUTE_SLAUGHTER_PENDING_REQUESTS ? "true" : null
                }
              >
                <LinkItem
                  icon={<MdOutlinePendingActions size={30} color="#244CCC" />}
                  title={
                    <Grid container direction="column">
                      <Typography variant="caption">
                        سفارش های دریافت شده
                      </Typography>
                      <Typography variant="caption">
                        (در انتظار تایید)
                      </Typography>
                    </Grid>
                  }
                  description="مشاهد درخواست های در انتظار تایید اتحادیه"
                />
              </NavLink>
              <NavLink
                to={ROUTE_SLAUGHTER_ALLOCATION_REQUESTS}
                active={
                  pathname === ROUTE_SLAUGHTER_ALLOCATION_REQUESTS
                    ? "true"
                    : null
                }
              >
                <LinkItem
                  icon={<VscFolderActive size={30} color="#244CCC" />}
                  title="تخصیصات"
                  description="مشاهده و تخصیص درخواست ها"
                />
              </NavLink>
            </Grid>
          </Grid>
          <Grid container direction="column" style={{ width: "100%" }}>
            <Grid>
              <LineWithText text="بار ها" />
            </Grid>
            <Grid container justifyContent="center" gap={SPACING.SMALL}>
              <NavLink
                to={ROUTE_SLAUGHTER_ALLOCATE_CAR_REQUESTS}
                active={
                  pathname === ROUTE_SLAUGHTER_ALLOCATE_CAR_REQUESTS
                    ? "true"
                    : null
                }
              >
                <LinkItem
                  icon={<MdLocalShipping size={30} color="#244CCC" />}
                  title="تخصیص خودرو"
                  description="اختصاص خودرو به درخواست"
                />
              </NavLink>
              <NavLink
                to={ROUTE_SLAUGHTER_ENTER_BAR_INFO}
                active={
                  pathname === ROUTE_SLAUGHTER_ENTER_BAR_INFO ? "true" : null
                }
              >
                <LinkItem
                  icon={<FaTruckLoading size={30} color="#244CCC" />}
                  title="وارد کردن اطلاعات بار"
                  description="درخواست های در انتظار عملیات وارد کردن اطلاعات بارهای دریافتی"
                />
              </NavLink>
              <NavLink
                to={ROUTE_SLAUGHTER_INVENTORY}
                active={pathname === ROUTE_SLAUGHTER_INVENTORY ? "true" : null}
              >
                <LinkItem
                  icon={<FaSellcast size={30} color="#244CCC" />}
                  title="انبار و توزیع"
                  description="درخواست های در انتظار عملیات وارد کردن اطلاعات بارهای دریافتی"
                />
              </NavLink>
            </Grid>
          </Grid>
        </>
      )}

      {!hasPermission && (
        <Grid
          container
          justifyContent="center"
          alignItems="center"
          xs={12}
          gap={1}
        >
          <ErrorIcon color="primary" />
          <Typography color="secondary" variant="body1">
            بدلیل عدم پرداخت تعرفه ، امکان استفاده از خدمات سامانه را ندارید!
          </Typography>
        </Grid>
      )}
      <Grid container direction="column" style={{ width: "100%" }}>
        <Grid>
          <LineWithText text="مالی" />
        </Grid>
        <Grid container justifyContent="center" gap={SPACING.SMALL}>
          <NavLink
            to={ROUTE_SLAUGHTER_PAYING_FEES_REQUESTS}
            active={
              pathname === ROUTE_SLAUGHTER_PAYING_FEES_REQUESTS ? "true" : null
            }
          >
            <LinkItem
              icon={<FaTruckLoading size={30} color="#244CCC" />}
              title="مدیریت تعرفه ها"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_WALLET}
            active={pathname === ROUTE_SLAUGHTER_WALLET ? "true" : null}
          >
            <LinkItem
              icon={<MdOutlineWallet size={30} color="#244CCC" />}
              title="کیف پول"
            />
          </NavLink>
          {/* <NavLink
            to={ROUTE_SLAUGHTER_FACTORS}
            active={pathname === ROUTE_SLAUGHTER_FACTORS ? "true" : null}
          >
            <LinkItem
              icon={
                <FaArchive
                  className="svg-icon-color"
                  color="#244CCC"
                  size={30}
                />
              }
              title="فاکتور های اولیه"
              description=" مدیریت مشاهده فاکتور اولیه"
            />
          </NavLink> */}
          <NavLink
            to={ROUTE_SLAUGHTER_FINANCIAL_TRANSACTIONS}
            active={
              pathname === ROUTE_SLAUGHTER_FINANCIAL_TRANSACTIONS
                ? "true"
                : null
            }
          >
            <LinkItem
              icon={
                <FaExchangeAlt
                  size={30}
                  style={{ color: "#4285F4" }}
                  color="#244CCC"
                />
              }
              title="مدیریت تراکنش ها"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_PAY_FACTORS_REQUESTS}
            active={
              pathname === ROUTE_SLAUGHTER_PAY_FACTORS_REQUESTS ? "true" : null
            }
          >
            <LinkItem
              icon={<FaTruckLoading size={30} color="#244CCC" />}
              title="مدیریت فاکتورها"
              description="درخواست های در پرداخت"
            />
          </NavLink>

          {/* <NavLink
            to={ROUTE_SLAUGHTER_ACTIVE_REQUESTS}
            active={
              pathname === ROUTE_SLAUGHTER_ACTIVE_REQUESTS ? "true" : null
            }
          >
            <LinkItem
              icon={<VscFolderActive size={30} color="#244CCC" />}
              title="درخواست های فعال"
              description="مشاهده درخواست های در جریان"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_REJECTED_REQUESTS}
            active={
              pathname === ROUTE_SLAUGHTER_REJECTED_REQUESTS ? "true" : null
            }
          >
            <LinkItem
              icon={
                <RiFolderWarningLine
                  className="svg-icon-color"
                  color="#244CCC"
                  size={30}
                />
              }
              title="درخواست های رد شده"
              description="مشاهده درخواست هایی که به دلایل مختلف توسط اتحادیه رد شده است"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_ARCHIVED_REQUESTS}
            active={
              pathname === ROUTE_SLAUGHTER_ARCHIVED_REQUESTS ? "true" : null
            }
          >
            <LinkItem
              icon={
                <FaArchive
                  className="svg-icon-color"
                  color="#244CCC"
                  size={30}
                />
              }
              title="بایگانی"
              description="درخواست های پایان یافته"
            />
          </NavLink>
          <NavLink
            to={ROUTE_SLAUGHTER_FINAL_FACTORS}
            active={pathname === ROUTE_SLAUGHTER_FINAL_FACTORS ? "true" : null}
          >
            <LinkItem
              icon={
                <FaArchive
                  className="svg-icon-color"
                  color="#244CCC"
                  size={30}
                />
              }
              title="فاکتور های نهایی"
              description=" مدیریت مشاهده فاکتور نهایی"
            />
          </NavLink> */}
        </Grid>
      </Grid>
    </Grid>
  );
};
