import { TableBody, TableCell, TableRow } from "@mui/material";
import { Grid } from "../../../../components/grid/Grid";

export const ProvinceManageUsersRowFinancialOperator = ({ row, item }) => {
  const { details } = item;

  return (
    <TableBody>
      {/* {row.userRoles.map((userRolesRow) => ( */}
      <TableRow key={details.name}>
        <TableCell align="center">{details.address.province.name}</TableCell>
        <TableCell align="center">{details.address.city.name}</TableCell>
        <TableCell align="center">{details.address.address}</TableCell>
        <TableCell align="center">{details.identityDocuments}</TableCell>
        <TableCell align="center">
          {details.userBankInfo && details.userBankInfo.bankName ? (
            <Grid container direction="column">
              <Grid>نام بانک: {details.userBankInfo.bankName}</Grid>
              <Grid>شماره کارت: {details.userBankInfo.card}</Grid>
              <Grid>شماره حساب: {details.userBankInfo.account}</Grid>
              <Grid>شبا: {details.userBankInfo.shaba}</Grid>
            </Grid>
          ) : (
            "-"
          )}
        </TableCell>
      </TableRow>
      {/* ))} */}
    </TableBody>
  );
};
