import {
  Button,
  Divider,
  InputAdornment,
  TextField,
  Typography,
} from "@mui/material";
import { Box } from "@mui/system";
import { Grid } from "../components/grid/Grid";
import { SPACING } from "../data/spacing";
import SearchIcon from "@mui/icons-material/Search";
import StockMarketStickyOperations from "../features/chickenStockMarket/components/stock-market-sticky-operations/StockMarketStickyOperations";
// import { StockMarketAvicultureRequests } from "../features/chickenStockMarket/components/stock-market-aviculture-requests-list/StockMarketAvicultureRequests";
// import { StockMarketSlaughterRequests } from "../features/chickenStockMarket/components/stock-market-slaughter-requests-list/StockMarketSlaughterRequests";

const ChickenStockMarket = () => {
  return (
    <Box display={"flex"} justifyContent="center">
      <Grid
        container
        direction="column"
        my={SPACING.MEDIUM}
        xs={12}
        sm={12}
        md={10}
        lg={10}
        p={SPACING.TINY}
      >
        <Grid p={SPACING.TINY} display="flex" justifyContent="space-between">
          <Typography display="flex">پنل فروش مرغ گوشتی</Typography>
          <Button variant="outlined">ثبت کشار جدید</Button>
        </Grid>
        <Grid display="flex" justifyContent="space-between">
          <TextField
            id="outlined-basic"
            label="جستجو"
            variant="outlined"
            InputProps={{
              startAdornment: (
                <InputAdornment position="start">
                  <SearchIcon />
                </InputAdornment>
              ),
            }}
          />
          <Typography color="secondary" display="flex">
            تاریخ: ۱۴۰۱.۰۶.۰۲
          </Typography>
        </Grid>
        <Divider sx={{ marginTop: "10px" }} />
        <Grid justifyContent="space-between" display="flex" mt={SPACING.SMALL}>
          <Typography color="secondary" display="flex">
            درخواست کشتار مرغدار
          </Typography>
          <Typography variant="body2" color="primary" display="flex">
            قیمت میانگین : ۴۰۳.۰۰۰ ریال
          </Typography>
        </Grid>
        <Grid>{/* <StockMarketAvicultureRequests /> */}</Grid>
        <Grid justifyContent="space-between" display="flex" mt={SPACING.MEDIUM}>
          <Typography color="secondary" display="flex">
            درخواست کشتار مرغدار
          </Typography>
          <Typography variant="body2" color="primary" display="flex">
            قیمت میانگین : ۴۰۳.۰۰۰ ریال
          </Typography>
        </Grid>
        <Grid>{/* <StockMarketSlaughterRequests /> */}</Grid>
        {/* bottom Menu */}
      </Grid>
      <StockMarketStickyOperations />
    </Box>
  );
};

export default ChickenStockMarket;
