import { Grid } from "../../../../components/grid/Grid";
import { SimpleTable } from "../../../../components/simple-table/SimpleTable";
import { PropTypes } from "prop-types";
import { TimelineOppositeContent } from "@mui/lab";
import { format } from "date-fns-jalali";

export const ProvinceAllocationInformationContent = ({ item, i }) => {
  let columns = [];
  let data = [];
  let state;
  state =
    item.provinceKillRequestState === "pending"
      ? "در انتظار تایید کشتارگاه"
      : state;
  state = item.provinceKillRequestState === "accepted" ? "تایید شده" : state;
  state = item.provinceKillRequestState === "rejected" ? "رد شده" : state;
  if (item.provinceKillRequestMessage) {
    columns = [
      "نام کشتارگاه",
      "مالک کشتارگاه",
      "تعداد تخصیص داده شده",
      "تاریخ تخصیص",
      "نحوه خرید",
      "وضعیت درخواست",
      "دلیل رد",
    ];
    data = [
      item.killHouseName,
      item.killHouseUserName,
      item.mainQuantity + " قطعه",
      format(new Date(item.date), "yyyy/MM/dd"),
      item.paymentType,
      state,
      item.provinceKillRequestMessage,
    ];
  } else {
    columns = [
      "نام کشتارگاه",
      "مالک کشتارگاه",
      "تعداد تخصیص داده شده",
      "تاریخ تخصیص",
      "وضعیت درخواست",
    ];
    data = [
      item.killHouseName,
      item.killHouseUserName,
      item.mainQuantity + " قطعه",
      format(new Date(item.date), "yyyy/MM/dd"),
      state,
    ];
  }

  return (
    <Grid>
      <Grid container direction="column" flexWrap="nowrap" flex="1">
        <Grid container>
          <Grid>
            <TimelineOppositeContent variant="body1" fontWeight="bold">
              تخصیصات استان به کشتارگاه
            </TimelineOppositeContent>
          </Grid>
        </Grid>
        <Grid>
          <Grid key={"ProvinceAllocationInformation" + i}>
            <Grid>
              <SimpleTable
                // name={`اطلاعات تخصیص شماره ${i + 1}`}
                columns={columns}
                data={[data]}
              />
            </Grid>
          </Grid>
        </Grid>
      </Grid>
    </Grid>
  );
};

ProvinceAllocationInformationContent.propTypes = {
  item: PropTypes.object,
  i: PropTypes.any,
};