import React, { useContext, useEffect } from "react";
import { Grid } from "../../../../components/grid/Grid";
import { SPACING } from "../../../../data/spacing";
import { Button, TextField, Tooltip, Typography } from "@mui/material";
import { useDispatch, useSelector } from "react-redux";
import { provinceCasesGetTableDetails } from "../../services/province-cases-get-table-details";
import { AppContext } from "../../../../contexts/AppContext";
import { DatePicker } from "@mui/x-date-pickers";
import moment from "moment";
import axios from "axios";
import { RiFileExcel2Fill } from "react-icons/ri";
import { ExcelLink } from "../../../../components/excel-link/ExcelLink";
import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl";

export const ProvinceKillbroadcastInDetail = () => {
  const dispatch = useDispatch();
  const [, , selectedDate1, setSelectedDate1, selectedDate2, setSelectedDate2] =
    useContext(AppContext);
  const { casesTableDetails } = useSelector((item) => item.provinceSlice);
  const [openNotif] = useContext(AppContext);
  const userKey = useSelector((state) => state.userSlice.userProfile.key);

  useEffect(() => {
    const currentDate = moment(new Date()).format("YYYY-MM-DD");
    setSelectedDate1(currentDate);
    setSelectedDate2(currentDate);
  }, []);

  useEffect(() => {
    dispatch(
      provinceCasesGetTableDetails({
        selectedDate1: selectedDate1,
        selectedDate2: selectedDate2,
      })
    );
  }, [selectedDate1, selectedDate2]);

  return (
    <Grid
      container
      p={SPACING.TINY}
      xs={12}
      justifyContent="center"
      alignItems="center"
    >
      <Typography m={2} variant="body1">
        گزارش کلی فارم های فعال مرغ گوشتی دارای مانده در سالن بیشتر از 10 درصد و
        بازه سنی 55 تا 90 روزه
      </Typography>
      {(getRoleFromUrl() === "ProvinceOperator" ||
        getRoleFromUrl() === "SuperAdmin") && (
        <Tooltip title="خروجی اکسل گزارش جامع">
          <Button
            color="success"
            onClick={() => {
              openNotif({
                vertical: "top",
                horizontal: "center",
                msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.",
                severity: "success",
              });
              const link = `${axios.defaults.baseURL}poultry_hatching_between_50age_70age_excel`;
              window.location.href = link;
            }}
          >
            <RiFileExcel2Fill size={32} />
          </Button>
        </Tooltip>
      )}
      <div>
        <table className="table-styles">
          <thead>
            <tr className="green-header">
              <th>تعداد فارم</th>
              <th>مجموع جوجه ریزی کل</th>
              <th>تعداد فارم بایگانی</th>
              <th>مجموع جوجه ریزی بایگانی</th>
              <th>تعداد فارم فعال</th>
              <th>مجموع جوجه ریزی فعال</th>
              <th>مجموع قطعه کشتار شده</th>
              <th>مجموع وزن کشتار شده</th>
              <th>جمع کل مانده در سالن </th>
              <th>مانده در سالن از 90 درصد جوجه ریزی</th>
              <th>کمترین سن</th>
              <th>بیشترین سن</th>
              <th>مجموع وزن تعهد دولتی</th>
              <th>مجموع قطعه کشتار دولتی</th>
              <th>مجموع وزن کشتار دولتی</th>
              <th>مجموع قطعه کشتار آزاد</th>
              <th>مجموع وزن کشتار آزاد</th>
              <th>مجموع تعداد کشتار خارج از استان</th>
              <th>مجموع وزن کشتار خارج از استان</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.poultry?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.hatchingQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.lenArchiveHatching?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.archiveHatchingQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.lenActiveHatching?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.activeHatchingQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.hatchingKilledQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.hatchingKilledWeight?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.hatchingLeftOver?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.hatchingLeftOverNintyPercent?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.minAge?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.maxAge?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.totalCommitment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.governmentalQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.governmentalWeight?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.freeQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.freeWeight?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.outProvinceKilledQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.age55Age90?.outProvinceKilledWeight?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid container gap={SPACING.SMALL} xs={12} mt={4} alignItems="center">
        <Grid>
          <DatePicker
            label="از تاریخ"
            id="date"
            renderInput={(params) => (
              <TextField size="small" style={{ width: "160px" }} {...params} />
            )}
            value={selectedDate1}
            onChange={(e) => {
              setSelectedDate1(moment(e).format("YYYY-MM-DD"));
            }}
          />
        </Grid>
        <Grid>
          <DatePicker
            label="تا تاریخ"
            id="date"
            renderInput={(params) => (
              <TextField size="small" style={{ width: "160px" }} {...params} />
            )}
            value={selectedDate2}
            onChange={(e) => {
              setSelectedDate2(moment(e).format("YYYY-MM-DD"));
            }}
          />
        </Grid>
        <Grid>
          <Tooltip title="خروجی اکسل گزارش جامع">
            <Button
              color="warning"
              onClick={() => {
                openNotif({
                  vertical: "top",
                  horizontal: "center",
                  msg: "فایل اکسل در حال دانلود می باشد، این علمیات ممکن است زمان بر باشد لطفا صبر کنید.",
                  severity: "success",
                });
                const link = `${
                  axios.defaults.baseURL
                }detail_of_killing_excel/?date1=${selectedDate1}&date2=${selectedDate2}&key=${userKey}&role=${getRoleFromUrl()}`;
                window.location.href = link;
              }}
            >
              <RiFileExcel2Fill size={32} />
            </Button>
          </Tooltip>
        </Grid>
      </Grid>

      <Typography m={2} variant="body1">
        گزارش بارهای ایجاد شده در فرآیند کشتار مرغ گوشتی
      </Typography>

      <Grid container alignItems="center" justifyContent="center" xs={12} m={1}>
        <Typography variant="body2" color="primary">
          اطلاعات کلی بارها
        </Typography>
      </Grid>
      <div>
        <table className="table-styles">
          <thead>
            <tr>
              <th className="green-cell">
                {" "}
                <ExcelLink
                  text={"درخواست مرغداران"}
                  role
                  token
                  link={`poultry_kill_request_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />{" "}
              </th>
              <th className="green-cell">
                <ExcelLink
                  text={"مجموع حجم درخواست مرغداران"}
                  role
                  token
                  link={`poultry_kill_request_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />{" "}
              </th>
              <th className="green-cell">
                <ExcelLink
                  text={"مجموع وزن قطعه درخواست مرغداران"}
                  role
                  token
                  link={`poultry_kill_request_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="green-cell">
                <ExcelLink
                  text={"کمترین سن کشتار"}
                  role
                  token
                  link={`poultry_kill_request_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="green-cell">
                <ExcelLink
                  text={"بیشترین سن کشتار"}
                  role
                  token
                  link={`poultry_kill_request_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="green-cell">
                <ExcelLink
                  text={"میانگین سنی کشتار"}
                  role
                  token
                  link={`poultry_kill_request_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"تعداد بارهای ایجاد شده"}
                  link={`bar_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"مجموع حجم بارها"}
                  link={`bar_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"مجموع وزن بارهای ایجاد شده"}
                  link={`bar_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"میانگین وزن"}
                  link={`bar_excel/?start=${selectedDate1}&end=${selectedDate2}`}
                />
              </th>
              <th className="light-green-cell">
                <ExcelLink
                  fColor="rgb(99, 97, 97)"
                  text={"تعداد بارهای دارای کد قرنطینه"}
                  link={`number_of_times_with_quarantine_code_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-green-cell">
                <ExcelLink
                  fColor="rgb(99, 97, 97)"
                  text={" مجموع قطعه بارهای دارای کد قرنطینه"}
                  link={`number_of_times_with_quarantine_code_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-blue-cell">
                <ExcelLink
                  text={"تعداد بار احراز شده از قرنطینه"}
                  link={`the_burden_of_quarantine_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-blue-cell">
                <ExcelLink
                  text={"مجموع حجم احراز شده از قرنطینه"}
                  link={`the_burden_of_quarantine_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-yellow-cell">
                <ExcelLink
                  text={"تعداد بارهای فاقد کد قرنطینه"}
                  link={`bar_without_quarantine_code_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-yellow-cell">
                <ExcelLink
                  text={"مجموع قطعه بارهای فاقد کد قرنطینه"}
                  link={`bar_without_quarantine_code_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-yellow-cell">
                <ExcelLink
                  text={"تعداد بارهایی که در قرنطینه و رصدیار اختلاف دارند"}
                  link={`bar_without_quarantine_code_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.poultryRequest?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.poultryRequestQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.poultryRequestWeight?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.minAge?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.maxAge?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.avgAge?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.lenKillRequest?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.killRequestQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.killRequestWeight?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.avgWeight}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.lenKillRequestHasCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.quantityOfKillRequestHasCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.lenKillRequestHasQuarantine?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.quantityOfKillRequestHasQuarantine?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.lenKillRequestHasNotCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.quantityOfKillRequestHasNotCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequest?.differenceBar?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid container alignItems="center" justifyContent="center" xs={12} m={1}>
        <Typography variant="body2" color="primary">
          تفکیک بارهای دولتی، آزاد و خارج از استان
        </Typography>
      </Grid>

      <div style={{ overflowX: "auto" }}>
        <table className="table-styles">
          <thead>
            <tr>
              <th className="blue-cell">
                <ExcelLink
                  text={"تعداد بار دولتی"}
                  link={`government_burden_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"مجموع قطعه بارهای دولتی"}
                  link={`government_burden_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"مجموع وزن بارهای دولتی"}
                  link={`government_burden_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                {" "}
                <ExcelLink
                  text={"بارهای دولتی دارای کد قرنطینه احراز شده"}
                  link={`government_burden_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="blue-cell">
                <ExcelLink
                  text={"حجم دولتی احراز شده از قرنطینه"}
                  link={`goverment_bar_state_with_a_certified_quarantine_code_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-green-cell">
                <ExcelLink
                  text={" تعداد بارهای آزاد"}
                  link={`free_loads_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-green-cell">
                <ExcelLink
                  text={" مجموع قطعه بارهای بارهای آزاد"}
                  link={`free_loads_excel/?date1=${selectedDate1}&date2=${selectedDate2}`}
                />
              </th>
              <th className="light-blue-cell">مجموع وزن بارهای آزاد</th>
              <th className="light-blue-cell">
                بارهای آزاد احراز شده از قرنطینه
              </th>
              <th className="light-blue-cell">
                مجموع حجم بارهای آزاد احراز شده از قرنطینه
              </th>
              <th className="light-blue-cell">
                کل بارهای آزاد دارای کد قرنطینه
              </th>
              <th className="sky-blue-cell">تعداد بارهای خارج از استان</th>
              <th className="sky-blue-cell">مجموع قطعه بارهای خارج از استان</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.lenGovernment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.quantityGovernment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.weightGovernment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.lenGovernmentQuarantineQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.realQuantityBarGovernmentQuarantineQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.lenFree?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.quantityFree?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.weightFree?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.lenFreeQuarantineQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.realQuantityBarFreeQuarantineQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.lenFreeHasCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.lenOutKillRequest?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.freeAndGovernmentKillRequest?.quantityOutKillRequest?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid container alignItems="center" justifyContent="center" xs={12} m={1}>
        <Typography variant="body2" color="primary">
          اطلاعات بارهای تخلیه شده و تکمیل شده توسط کشتارگاه
        </Typography>
      </Grid>

      <div>
        <table className="table-styles">
          <thead>
            <tr>
              <th className="sky-blue-cell">تعداد بارهای ورودی به کشتارگاه</th>
              <th className="sky-blue-cell">
                مجموعه قطعه بارهای ورودی به کشتارگاه
              </th>
              <th className="sky-blue-cell">وزن بارهای ورودی به کشتارگاه</th>
              <th className="sky-blue-cell">میانگین وزن</th>
              <th className="brown-cell">وزن لاشه مرغ بعد از کسر 25% افت</th>
              <th className="light-blue-cell">تعداد بار تخلیه شده دامپزشک</th>
              <th className="light-blue-cell">مجموع حجم تخلیه شده دامپزشک</th>
              <th className="light-blue-cell">مجموع وزن تخلیه شده دامپزشک</th>
              <th className="blue-cell">تعداد بارهای تکمیل شده کشتارگاه</th>
              <th className="blue-cell">مجموع حجم نهایی در کشتارگاه</th>
              <th className="blue-cell">مجموع وزن نهایی در کشتارگاه</th>
              <th className="blue-cell">بارهای تخلیه شده فاقد کد قرنطینه</th>
              <th className="blue-cell">
                قطعه بارهای تخلیه شده فاقد کد قرنطینه
              </th>
              <th className="blue-cell">
                وزن بارهای تخلیه شده فاقد کد قرنطینه
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.lenCompleteWithKillHouseAndVet?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.quantityWithKillHouseAndVet?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.weightWithKillHouseAndVet?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.avgWeight}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.less25?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.lenCompleteWithVet?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.quantityCompleteWithVet?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.weightCompleteWithVet?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.lenCompleteWithKillHouse?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.quantityFinalKillHouse?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.weightFinalKillHouse?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.lenKillReqsHasNotCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.quantityKillReqsHasNotCode?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.completeKillRequest?.weightKillReqsHasNotCode?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid container alignItems="center" justifyContent="center" xs={12} m={1}>
        <Typography variant="body2" color="primary">
          اطلاعات بارهای تخلیه نشده و تخلیه نشده توسط کشتارگاه
        </Typography>
      </Grid>

      <div>
        <table className="table-styles">
          <thead>
            <tr>
              <th className="red-cell">تعداد بار تخلیه نشده</th>
              <th className="red-cell">مجموع بارهای تخلیه نشده</th>
              <th className="red-cell">وزن بارهای تخلیه نشده</th>
              <th className="light-green-cell">
                بارهای تخلیه شده و عدم تکمیل توسط کشتارگاه
              </th>
              <th className="light-green-cell">
                قطعه بارهای تخلیه شده و عدم تکمیل توسط کشتارگاه
              </th>
              <th className="light-green-cell">
                وزن بارهای تخلیه شده و عدم تکمیل توسط کشتارگاه
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell">
                {casesTableDetails?.killRequestHasNotAssigment?.lenKillReqsNotAssigment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequestHasNotAssigment?.quantityKillReqsNotAssigment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequestHasNotAssigment?.weightKillReqsNotAssigment?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequestHasNotAssigment?.lenKillRequestHasNotComplete?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequestHasNotAssigment?.quantityKillRequestHasNotComplete?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.killRequestHasNotAssigment?.weightKillRequestHasNotComplete?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid container alignItems="center" justifyContent="center" xs={12} m={1}>
        <Typography variant="body2" color="primary">
          حجم نهایی کم شده از سالن مرغدار (ملاک کشتار)
        </Typography>
      </Grid>

      <div className="table-container">
        <table className="table-styles">
          <thead>
            <tr>
              <th className="blue-cell">ملاک قطعه کشتار شده</th>
              <th className="blue-cell">ملاک وزن کشتار شده</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell">
                {casesTableDetails?.finalQuantityAndWeight?.finalQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell">
                {casesTableDetails?.finalQuantityAndWeight?.finalWeight?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid xs={12} mt={2}>
        <Typography variant="body2" color="primary">
          توزیع از کشتارگاه به مباشر و صنف
        </Typography>
      </Grid>

      <Grid container justifyContent="space-between" xs={12} mt={1}>
        <Typography variant="body2">
          تعداد خریداران:{" "}
          {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.buyers?.toLocaleString()}
        </Typography>
        <Typography variant="body2">
          تعداد مباشر تخصیص داده شده:{" "}
          {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.numberOfSteward?.toLocaleString()}
        </Typography>
        <Typography variant="body2">
          تعداد صنف تخصیص داده شده:{" "}
          {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.numberOfGuild?.toLocaleString()}
        </Typography>
      </Grid>

      <div className="table-container">
        <table className="table-styles" style={{ width: "100%" }}>
          <thead>
            <tr>
              <th className="strong-blue-cell" colSpan={2}>
                ورودی از سردخانه
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                خرید خارج از استان
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                بارهای روزانه
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                جمع کل انبار
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                توزیع شده
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                توزیع/تحویل شده
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                مانده انبار
              </th>
            </tr>
            <tr>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.incomingQuantityOfColdHouse?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.incomingWeightOfColdHouse?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalNumberOfFreeCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalFreeWeightOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalNumberOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalWeightOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.finalTotalNumberOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.finalTotalWeightOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAllocatedQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAllocatedWeight?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedWeight?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalRemainQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.killHouseWareHouseTotalReportDailyBroadCast?.totalRemainWeight?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>

      <Grid xs={12} mt={2}>
        <Typography variant="body2" color="primary">
          توزیع از مباشر به صنف
        </Typography>
      </Grid>

      <Grid container justifyContent="space-between" xs={12} mt={1}>
        <Typography variant="body2">
          تعداد خریداران:{" "}
          {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.buyers?.toLocaleString()}
        </Typography>
        <Typography variant="body2">
          تعداد صنف تخصیص داده شده:{" "}
          {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.numberOfGuild?.toLocaleString()}
        </Typography>
      </Grid>

      <div className="table-container">
        <table className="table-styles" style={{ width: "100%" }}>
          <thead>
            <tr>
              <th className="strong-blue-cell" colSpan={2}>
                ورودی از سردخانه
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                خرید خارج از استان
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                بارهای روزانه
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                جمع کل انبار
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                توزیع شده
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                توزیع/تحویل شده
              </th>
              <th className="strong-blue-cell" colSpan={2}>
                مانده انبار
              </th>
            </tr>
            <tr>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
              <th className="centered-cell yellow-cell">تعداد</th>
              <th className="centered-cell yellow-cell">وزن</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.incomingQuantityOfColdHouse?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.incomingWeightOfColdHouse?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalNumberOfFreeCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalFreeWeightOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalNumberOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalWeightOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.finalTotalNumberOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.finalTotalWeightOfCarcasses?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAllocatedQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAllocatedWeight?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalAcceptedAllocatedWeight?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalRemainQuantity?.toLocaleString()}
              </td>
              <td className="centered-cell detail-cell">
                {casesTableDetails?.stewardWareHouseTotalReportDailyBroadCast?.totalRemainWeight?.toLocaleString()}
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </Grid>
  );
};
