var smartNavbarComponent = {
  template: `
  <span>
  <v-navigation-drawer v-model="drawer" fixed app>
    <v-list>
      <v-list-group no-action group="l1home">
        <v-list-tile slot="activator">
          <v-list-tile-content>
            <v-list-tile-title>
              L1 Home
            </v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>

        <v-list-tile>
          <v-list-tile-action>
            <v-icon>restaurant</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>
              Sub of Home
            </v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>

        <v-list-group no-action sub-group group="l2home" >
          <v-list-tile slot="activator">
            <v-list-tile-content>
              <v-list-tile-title>
                L2 Home
              </v-list-tile-title>
            </v-list-tile-content>
          </v-list-tile>
          <v-list-tile>
            <v-list-tile-action>
              <v-icon>restaurant</v-icon>
            </v-list-tile-action>
            <v-list-tile-content>
              <v-list-tile-title>
                Sub of L2 Home
              </v-list-tile-title>
            </v-list-tile-content>
          </v-list-tile>

          <v-list-group no-action sub-group  group="l2home.l3home" >
            <v-list-tile slot="activator">
              <v-list-tile-content>
                <v-list-tile-title>
                  L3 Home
                </v-list-tile-title>
              </v-list-tile-content>
            </v-list-tile>
            <v-list-tile>
              <v-list-tile-action>
                <v-icon>restaurant</v-icon>
              </v-list-tile-action>
              <v-list-tile-content>
                <v-list-tile-title>
                  Sub of L3 Home
                </v-list-tile-title>
              </v-list-tile-content>
            </v-list-tile>
          </v-list-group>

        </v-list-group>
        
      </v-list-group>
      
      <v-list-group no-action >
        <v-list-tile slot="activator">
          <v-list-tile-content>
            <v-list-tile-title>
              L1 School
            </v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>

        <v-list-tile>
          <v-list-tile-content>
            <v-list-tile-title>
              Sub of School
            </v-list-tile-title>
          </v-list-tile-content>
          <v-list-tile-action>
            <v-icon>school</v-icon>
          </v-list-tile-action>          
        </v-list-tile>
      </v-list-group>
      

        
    </v-list>
  </v-navigation-drawer>
  <v-toolbar color="indigo" dark fixed app>
    <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
    <v-toolbar-title>Application</v-toolbar-title>
  </v-toolbar>
  </span>
  `,
  data: function() {
    return {
      drawer: true
    };
  },
  methods: {}
};

export { smartNavbarComponent };
