|  |  | 
 |  |  |                 backgroundSize: 'cover', | 
 |  |  |             }} | 
 |  |  |         > | 
 |  |  |             <video | 
 |  |  |             {/* <video | 
 |  |  |                 autoPlay | 
 |  |  |                 loop | 
 |  |  |                 muted | 
 |  |  | 
 |  |  |                 {LOGIN_BACKGROUND === 'media' && ( | 
 |  |  |                     <source src="/login_bg.mp4" type="video/mp4" /> | 
 |  |  |                 )} | 
 |  |  |             </video> | 
 |  |  |             </video> */} | 
 |  |  |  | 
 |  |  |             <Card sx={{ | 
 |  |  |                 width: 400, | 
 |  |  | 
 |  |  |                     </AppBar> | 
 |  |  |                 </div> | 
 |  |  |  | 
 |  |  |                 <Tabs | 
 |  |  |                     value={tab} | 
 |  |  |                     onChange={(event, value) => { | 
 |  |  |                         setTab(value); | 
 |  |  |                     }} | 
 |  |  |                     indicatorColor="primary" | 
 |  |  |                     textColor="primary" | 
 |  |  |                     variant="fullWidth" | 
 |  |  |                 > | 
 |  |  |                     <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} /> | 
 |  |  |                     <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} /> | 
 |  |  |                 </Tabs> | 
 |  |  |                 {systemInfo.mode === 'ONLINE' ? ( | 
 |  |  |                     <> | 
 |  |  |                         <Tabs | 
 |  |  |                             value={tab} | 
 |  |  |                             onChange={(event, value) => { | 
 |  |  |                                 setTab(value); | 
 |  |  |                             }} | 
 |  |  |                             indicatorColor="primary" | 
 |  |  |                             textColor="primary" | 
 |  |  |                             variant="fullWidth" | 
 |  |  |                         > | 
 |  |  |                             <Tab label={translate('page.login.tab.login')} sx={{ fontSize: '.8em' }} /> | 
 |  |  |                             <Tab label={translate('page.login.tab.register')} sx={{ fontSize: '.8em' }} /> | 
 |  |  |                         </Tabs> | 
 |  |  |  | 
 |  |  |                 {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />} | 
 |  |  |                 {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />} | 
 |  |  |                         {tab === 0 && <Login systemInfo={systemInfo} tenantList={tenantList} />} | 
 |  |  |                         {tab === 1 && <Register systemInfo={systemInfo} tenantList={tenantList} />} | 
 |  |  |                     </> | 
 |  |  |                 ) : ( | 
 |  |  |                     <Login systemInfo={systemInfo} tenantList={tenantList} /> | 
 |  |  |                 )} | 
 |  |  |  | 
 |  |  |                 <Box mb={1} sx={{ textAlign: 'center' }}> | 
 |  |  |                 {/* <Box mb={1} sx={{ textAlign: 'center' }}> | 
 |  |  |                     <Typography variant="caption" align="center">{translate("page.login.footer")}</Typography> | 
 |  |  |                 </Box> | 
 |  |  |                 </Box> */} | 
 |  |  |             </Card> | 
 |  |  |         </Box > | 
 |  |  |     ); |