import Head from 'next/head';
import { Box, Stack, Typography, Container, Unstable_Grid2 as Grid,
Tab,
Tabs,
SvgIcon,
Breadcrumbs,
Link,
Tooltip,
IconButton} from '@mui/material';
import { Layout as DashboardLayout } from 'src/layouts/dashboard/layout';
import { useRouter } from 'next/router';
import { DevicesRPC } from 'src/sections/devices/cwmp/devices-rpc';
import EnvelopeIcon from '@heroicons/react/24/outline/EnvelopeIcon';
import MagnifyingGlassIcon from '@heroicons/react/24/solid/MagnifyingGlassIcon';
import WifiIcon from '@heroicons/react/24/solid/WifiIcon';
import ServerStackIcon from '@heroicons/react/24/outline/ServerStackIcon';
import SignalIcon from '@heroicons/react/24/solid/SignalIcon';
import DevicePhoneMobile from '@heroicons/react/24/solid/DevicePhoneMobileIcon';
import WrenchScrewDriverIcon from '@heroicons/react/24/outline/WrenchScrewdriverIcon';
import CommandLineIcon from '@heroicons/react/24/outline/CommandLineIcon';
import { DevicesWiFi } from 'src/sections/devices/cwmp/devices-wifi';
import ArrowTrendingUpIcon from '@heroicons/react/24/outline/ArrowTrendingUpIcon';
import DocumentTextIcon from '@heroicons/react/24/outline/DocumentTextIcon';
import MapPinIcon from '@heroicons/react/24/outline/MapPinIcon';
const Page = () => {
const router = useRouter()
const deviceID = router.query.id[0]
const section = router.query.id[1]
const sectionHandler = () => {
switch(section){
case "msg":
return
/* case "wifi":
return */
default:
router.replace(`/devices/cwmp/${deviceID}/msg`)
}
}
return(
<>
Oktopus | Controller
{[
Devices
,
{deviceID}
]}
}
iconPosition={"end"}
label="Wi-Fi"
value={"wifi"}
style={{opacity:"0.5", cursor:"default"}}/>
}
iconPosition={"end"}
label="Site Survey"
value={"site-survey"}
style={{opacity:"0.5", cursor:"default"}}/>
}
iconPosition={"end"}
label="Connected Devices"
style={{opacity:"0.5", cursor:"default"}}
value={"connected-devices"}
/>
}
iconPosition={"end"}
label="Diagnostic"
value={"diagnostic"}
style={{opacity:"0.5", cursor:"default"}}/>
}
iconPosition={"end"}
label="Ports"
style={{opacity:"0.5", cursor:"default"}}
value={"ports"} />
}
iconPosition={"end"}
label="Historic"
value={"historic"}
style={{opacity:"0.5", cursor:"default"}}/>
}
iconPosition={"end"}
label="Actions"
style={{opacity:"0.5", cursor:"default"}}
value={"actions"} />
}
iconPosition={"end"}
label="Logs"
style={{opacity:"0.5", cursor:"default"}}
value={"logs"} />
}
iconPosition={"end"}
label="Location"
style={{opacity:"0.5", cursor:"default"}}
value={"location"} />
{router.push(`/devices/cwmp/${deviceID}/msg`)}}
icon={}
iconPosition={"end"}
label="Messages" />
{
sectionHandler()
}
);
};
Page.getLayout = (page) => (
{page}
);
export default Page;