Rasadyar_FrontEnd/src/features/dashboard/components/dashboard-yesterday-killing-report/YesterdayKillingReport.js

import { Box, Typography } from "@mui/material";
import { SPACING } from "../../../../data/spacing";

export const YesterdayKillingReport = ({ boxStats }) => (
  <Box
    sx={{
      flex: "1 1 20%",

      minWidth: {
        md: "500px",
      },
      maxWidth: {
        md: "25%",
      },
      borderRadius: 2,
      border: "1px solid",
      borderColor: "divider",
      p: SPACING.SMALL,
      boxSizing: "border-box",
      display: "flex",
      flexDirection: "column",
      gap: 2,
      height: "700px",
    }}
  >
    <Typography textAlign="start" variant="h6" color="primary.main">
      گزارش کشتار دیروز مرغ گوشتی استان
    </Typography>

    <Box
      sx={{
        display: "flex",
        flexDirection: "column",
        gap: 1,
        overflowY: "auto",
        flex: 1,
      }}
    >
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">حجم درخواست کشتار مرغدار:</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.quantityYesterday?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">وزن درخواست کشتار مرغدار:</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.totalWeightYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">حجم خرید های مستقیم :</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.killRequestQuantityYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">وزن خرید های مستقیم :</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.killRequestWeightYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">
          حجم خرید های خارج از استان (زنده) :
        </Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.quantityKillHouseFreeBarLiveYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">
          وزن خرید های خارج از استان (زنده) :
        </Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.WeightKillHouseFreeBarLiveYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">
          وزن خرید های خارج از استان (لاشه) :
        </Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.WeightKillHouseFreeBarCarcassYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">
          حجم کل تخصیصات (خرید مستقیم/ مرغدار ):
        </Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.provinceKillRequestQuantityYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">
          وزن کل تخصیصات (خرید مستقیم/ مرغدار ):
        </Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.provinceKillRequestWeightCarcassYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">حجم فروش به خارج استان:</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.poultryOutProvinceQuantityYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">وزن فروش به خارج استان:</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.poultryOutProvinceWeightYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">حجم بارها:</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.KillHouseRequestQuantityYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">وزن بارها:</Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.KillHouseRequestWeightYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: 48,
          px: 2,
          borderRadius: 1,
          backgroundColor: "rgba(86, 156, 221, 0.1)",
        }}
      >
        <Typography color="primary.main">
          لاشه تولیدی با احتساب 25درصد افت کشتار :
        </Typography>
        <Typography color="primary.main" fontWeight="bold">
          {boxStats?.killingYesterday?.totalLossWeightYesterday?.toLocaleString() ||
            0}
        </Typography>
      </Box>
    </Box>
  </Box>
);