<Page
    navigatingTo="onNavigatingTo"
    xmlns="http://schemas.nativescript.org/tns.xsd">

    <ActionBar>
        <NavigationButton visibility="hidden"></NavigationButton>
        <GridLayout columns="50, *">
            <Label class="action-bar-title" text="DaftarGigi" colSpan="2"/>
            <Label class="fas" text="&#xf0c9;" tap="onDrawerButtonTap"/>
        </GridLayout>
    </ActionBar>

    <StackLayout id="login-form-layout" backgroundColor="#3c495e" orientation="vertical"
    verticalAlignment="center" >
            <Image class="app-logo" src="http://github.com/~/images/logo.png" stretch="aspectFill" />
            <Label class="text-title" text="DAFTARGIGI" textWrap="true"/> 
            <Label class="text-subtitle" text="~ Platform Online untuk Manajemen Klinik Gigi ~" textWrap="true"/> 
            <TextField class="input-textfield" hint="Email" color="orangered" backgroundColor="lightyellow" />
            <TextField class="input-textfield" secure="true" hint="Password" color="orangered" backgroundColor="lightyellow" />
            <Button text="Login" tap="onVerify"></Button>
        
    </StackLayout>

    
</Page>

export function onVerify(args){
  var page = args.object.page;
  var form = getViewById(page, "login-form-layout");
  page.frame.navigate({
    moduleName: 'home/home-page',
    clearHistory: true,
  });

  // but the code below didnt work!
  var parent = Application.getRootView();
  var menuUnlogged = getViewById(parent, "unlogged");
  var menuLogged = getViewById(parent, "logged-in");

  menuUnlogged.visibility = "collapse";
  menuLogged.visibility = "visible"; 
}