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

export const DailykillingReport = ({ boxStats }) => (
  <Box
    sx={{
      flex: "1 1 30%",
      minWidth: {
        md: "620px",
      },
      maxWidth: {
        md: "32%",
      },

      borderRadius: 2,
      border: "1px solid",
      borderColor: "divider",
      p: SPACING.SMALL,
      boxSizing: "border-box",
      display: "flex",
      flexDirection: "column",
      gap: 2,
      height: "600px",
    }}
  >
    <Typography
      textAlign="start"
      variant="h6"
      sx={{ fontSize: { xs: "1rem", lg: "1rem" } }}
      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: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          حجم درخواست کشتار مرغدار:
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.quantity?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن درخواست کشتار مرغدار:
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.totalWeight?.toLocaleString() || 0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          حجم خرید های مستقیم :
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.killRequestQuantity?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن خرید های مستقیم :
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.killRequestWeight?.toLocaleString() || 0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          حجم خرید های خارج از استان (زنده) :
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.quantityKillHouseFreeBarLive?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن خرید های خارج از استان (زنده) :
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.WeightKillHouseFreeBarLive?.toLocaleString() || 0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن خرید های خارج از استان (لاشه) :
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.WeightKillHouseFreeBarCarcass?.toLocaleString() ||
            0}
        </Typography>
      </Box>

      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          حجم کل تخصیصات (خرید مستقیم/ مرغدار ):
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.provinceKillRequestQuantity?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن کل تخصیصات (خرید مستقیم/ مرغدار ):
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.provinceKillRequestWeightCarcass?.toLocaleString() ||
            0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          حجم فروش به خارج استان:
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.poultryOutProvinceQuantity?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن فروش به خارج استان:
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.poultryOutProvinceWeight?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          حجم بارها:
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.KillHouseRequestQuantity?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
          }}
        >
          وزن بارها:
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.KillHouseRequestWeight?.toLocaleString() || 0}
        </Typography>
      </Box>
      <Box
        sx={{
          display: "flex",
          justifyContent: "space-between",
          alignItems: "center",
          height: { xs: "inherit", md: 48 },
          px: 2,
          py: 1,
          borderRadius: 1,
          backgroundColor: "rgba(147, 112, 219, 0.1)",
        }}
      >
        <Typography
          color="primary.main"
          sx={{
            fontSize: { xs: "0.875rem", lg: "1rem" },
            textAlign: "left",
            // maxWidth: "70%",
          }}
        >
          لاشه تولیدی امروز با احتساب 25درصد افت کشتار :
        </Typography>
        <Typography
          color="primary.main"
          fontWeight="bold"
          sx={{
            fontSize: { xs: "0.825rem", sm: "1rem" },
          }}
        >
          {boxStats?.killing?.totalLossWeight?.toLocaleString() || 0}
        </Typography>
      </Box>
    </Box>
  </Box>
);
