HOME

"use strict";
exports.id = 248;
exports.ids = [248];
exports.modules = {

/***/ 1248:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {


// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "Z": () => (/* binding */ cards_CardUser)
});

// EXTERNAL MODULE: external "react/jsx-runtime"
var jsx_runtime_ = __webpack_require__(997);
// EXTERNAL MODULE: external "@mui/material/Box"
var Box_ = __webpack_require__(19);
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
// EXTERNAL MODULE: external "@mui/material/Card"
var Card_ = __webpack_require__(8167);
var Card_default = /*#__PURE__*/__webpack_require__.n(Card_);
// EXTERNAL MODULE: external "@mui/material/Avatar"
var Avatar_ = __webpack_require__(2120);
var Avatar_default = /*#__PURE__*/__webpack_require__.n(Avatar_);
// EXTERNAL MODULE: external "@mui/material/CardMedia"
var CardMedia_ = __webpack_require__(6731);
var CardMedia_default = /*#__PURE__*/__webpack_require__.n(CardMedia_);
// EXTERNAL MODULE: external "@mui/material/Typography"
var Typography_ = __webpack_require__(7163);
var Typography_default = /*#__PURE__*/__webpack_require__.n(Typography_);
// EXTERNAL MODULE: external "@mui/material/CardContent"
var CardContent_ = __webpack_require__(8455);
var CardContent_default = /*#__PURE__*/__webpack_require__.n(CardContent_);
// EXTERNAL MODULE: ./node_modules/next/link.js
var next_link = __webpack_require__(1664);
var link_default = /*#__PURE__*/__webpack_require__.n(next_link);
// EXTERNAL MODULE: external "react"
var external_react_ = __webpack_require__(6689);
// EXTERNAL MODULE: external "@mui/material/Checkbox"
var Checkbox_ = __webpack_require__(8330);
var Checkbox_default = /*#__PURE__*/__webpack_require__.n(Checkbox_);
// EXTERNAL MODULE: external "@mui/material/IconButton"
var IconButton_ = __webpack_require__(7934);
var IconButton_default = /*#__PURE__*/__webpack_require__.n(IconButton_);
// EXTERNAL MODULE: external "@mui/material/styles"
var styles_ = __webpack_require__(8442);
// EXTERNAL MODULE: external "@mui/material/Menu"
var Menu_ = __webpack_require__(8125);
var Menu_default = /*#__PURE__*/__webpack_require__.n(Menu_);
// EXTERNAL MODULE: external "@mui/material/MenuItem"
var MenuItem_ = __webpack_require__(9271);
var MenuItem_default = /*#__PURE__*/__webpack_require__.n(MenuItem_);
// EXTERNAL MODULE: external "@mui/material"
var material_ = __webpack_require__(5692);
// EXTERNAL MODULE: external "mdi-material-ui/BellOutline"
var BellOutline_ = __webpack_require__(2135);
var BellOutline_default = /*#__PURE__*/__webpack_require__.n(BellOutline_);
;// CONCATENATED MODULE: ./src/@core/layouts/components/shared-components/ClientDropdown.tsx
// ** React Imports


// ** MUI Imports








// ** Icons Imports

// ** Styled Menu component
const Menu = (0,styles_.styled)((Menu_default()))(({ theme  })=>({
        "& .MuiMenu-paper": {
            width: 380,
            overflow: "hidden",
            marginTop: theme.spacing(4),
            [theme.breakpoints.down("sm")]: {
                width: "100%"
            }
        },
        "& .MuiMenu-list": {
            padding: 0
        }
    }));
// ** Styled MenuItem component
const MenuItem = (0,styles_.styled)((MenuItem_default()))(({ theme  })=>({
        paddingTop: theme.spacing(3),
        paddingBottom: theme.spacing(3),
        borderBottom: `1px solid ${theme.palette.divider}`
    }));
// ** Styled component for the title in MenuItems
const MenuItemTitle = (0,styles_.styled)((Typography_default()))(({ theme  })=>({
        fontWeight: 600,
        flex: "1 1 100%",
        overflow: "hidden",
        fontSize: "0.875rem",
        whiteSpace: "nowrap",
        textOverflow: "ellipsis",
        marginBottom: theme.spacing(0.75)
    }));
const ClientDropdown = ()=>{
    // ** States
    const { 0: anchorEl , 1: setAnchorEl  } = (0,external_react_.useState)(null);
    const handleDropdownOpen = (event)=>{
        setAnchorEl(event.currentTarget);
    };
    const handleDropdownClose = ()=>{
        setAnchorEl(null);
    };
    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)(external_react_.Fragment, {
        children: [
            /*#__PURE__*/ jsx_runtime_.jsx((IconButton_default()), {
                color: "inherit",
                "aria-haspopup": "true",
                onClick: handleDropdownOpen,
                "aria-controls": "customized-menu",
                className: "client-dropdown",
                children: /*#__PURE__*/ jsx_runtime_.jsx((BellOutline_default()), {})
            }),
            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(Menu, {
                anchorEl: anchorEl,
                open: Boolean(anchorEl),
                onClose: handleDropdownClose,
                anchorOrigin: {
                    vertical: "top",
                    horizontal: "right"
                },
                transformOrigin: {
                    vertical: "top",
                    horizontal: "left"
                },
                children: [
                    /*#__PURE__*/ jsx_runtime_.jsx(MenuItem, {
                        disableRipple: true,
                        sx: {
                            background: "rgba(145,85,253,0.5)"
                        },
                        children: /*#__PURE__*/ jsx_runtime_.jsx((Box_default()), {
                            sx: {
                                display: "flex",
                                justifyContent: "space-between",
                                alignItems: "center",
                                width: "100%"
                            },
                            children: /*#__PURE__*/ jsx_runtime_.jsx((Typography_default()), {
                                sx: {
                                    fontWeight: "600"
                                },
                                children: "Filter Clients"
                            })
                        })
                    }),
                    /*#__PURE__*/ jsx_runtime_.jsx(MenuItem, {
                        onClick: handleDropdownClose,
                        children: /*#__PURE__*/ jsx_runtime_.jsx((Box_default()), {
                            sx: {
                                width: "100%",
                                display: "flex"
                            },
                            children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)((Box_default()), {
                                sx: {
                                    mx: 4,
                                    flex: "1 1",
                                    display: "flex",
                                    flexDirection: "column",
                                    textTransform: "uppercase"
                                },
                                children: [
                                    /*#__PURE__*/ jsx_runtime_.jsx(MenuItemTitle, {
                                        children: /*#__PURE__*/ jsx_runtime_.jsx(material_.FormControlLabel, {
                                            label: "All",
                                            control: /*#__PURE__*/ jsx_runtime_.jsx((Checkbox_default()), {
                                                name: "filter_client",
                                                id: "filter_client",
                                                value: "All"
                                            })
                                        })
                                    }),
                                    /*#__PURE__*/ jsx_runtime_.jsx(MenuItemTitle, {
                                        children: /*#__PURE__*/ jsx_runtime_.jsx(material_.FormControlLabel, {
                                            label: "Active",
                                            control: /*#__PURE__*/ jsx_runtime_.jsx((Checkbox_default()), {
                                                name: "filter_client",
                                                id: "filter_client",
                                                value: "Active"
                                            })
                                        })
                                    }),
                                    /*#__PURE__*/ jsx_runtime_.jsx(MenuItemTitle, {
                                        children: /*#__PURE__*/ jsx_runtime_.jsx(material_.FormControlLabel, {
                                            label: "inactive",
                                            control: /*#__PURE__*/ jsx_runtime_.jsx((Checkbox_default()), {
                                                name: "filter_client",
                                                id: "filter_client",
                                                value: "Inactive"
                                            })
                                        })
                                    })
                                ]
                            })
                        })
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const shared_components_ClientDropdown = (ClientDropdown);

;// CONCATENATED MODULE: ./src/views/cards/CardUser.tsx
// ** MUI Imports








// *** ClientDropdown import

const CardUser = ()=>{
    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)((Card_default()), {
        sx: {
            position: "relative"
        },
        children: [
            /*#__PURE__*/ jsx_runtime_.jsx((CardMedia_default()), {
                sx: {
                    height: "7.625rem"
                },
                image: "/images/cards/background-user.png"
            }),
            /*#__PURE__*/ jsx_runtime_.jsx((Avatar_default()), {
                alt: "Robert Meyer",
                src: "/images/avatars/3.png",
                sx: {
                    width: 75,
                    height: 75,
                    left: "5.5rem",
                    top: "5rem",
                    position: "absolute",
                    border: (theme)=>`0.25rem solid ${theme.palette.common.white}`
                }
            }),
            /*#__PURE__*/ (0,jsx_runtime_.jsxs)((CardContent_default()), {
                children: [
                    /*#__PURE__*/ jsx_runtime_.jsx("div", {
                        className: "clients-page",
                        children: /*#__PURE__*/ jsx_runtime_.jsx(shared_components_ClientDropdown, {})
                    }),
                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)((Box_default()), {
                        sx: {
                            mt: 5.75,
                            mb: 8.75,
                            display: "flex",
                            flexWrap: "wrap",
                            alignItems: "center",
                            justifyContent: "center"
                        },
                        children: [
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)((Box_default()), {
                                sx: {
                                    mr: 2,
                                    mb: 1,
                                    display: "flex",
                                    flexDirection: "column"
                                },
                                children: [
                                    /*#__PURE__*/ jsx_runtime_.jsx((Typography_default()), {
                                        variant: "h6",
                                        children: "Robert Meyer"
                                    }),
                                    /*#__PURE__*/ jsx_runtime_.jsx((Typography_default()), {
                                        variant: "caption",
                                        children: "Private"
                                    })
                                ]
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx("div", {
                                className: "view-details",
                                children: /*#__PURE__*/ jsx_runtime_.jsx((link_default()), {
                                    href: "/clientDetail",
                                    children: "View Details"
                                })
                            })
                        ]
                    }),
                    /*#__PURE__*/ jsx_runtime_.jsx((Box_default()), {
                        sx: {
                            gap: 2,
                            display: "flex",
                            flexWrap: "wrap",
                            justifyContent: "space-between",
                            alignItems: "center"
                        },
                        children: /*#__PURE__*/ jsx_runtime_.jsx((Typography_default()), {
                            variant: "subtitle2",
                            sx: {
                                whiteSpace: "nowrap",
                                color: "text.primary"
                            },
                            children: "Next Session :"
                        })
                    }),
                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)((Box_default()), {
                        children: [
                            /*#__PURE__*/ jsx_runtime_.jsx((Typography_default()), {
                                variant: "body1",
                                children: "Thursday, 7 January 2023"
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx((Typography_default()), {
                                variant: "caption",
                                children: "11:11 AM"
                            })
                        ]
                    })
                ]
            })
        ]
    });
};
/* harmony default export */ const cards_CardUser = (CardUser);


/***/ })

};
;