v-container(fluid, grid-list-lg)
    v-layout(row, wrap)
      v-flex(xs12)
        .admin-header
          img(src='/svg/icon-console.svg', alt='Developer Tools', style='width: 80px;')
          .admin-header-title
            .headline.primary--text Developer Tools
            .subheading.grey--text ¯\_(ツ)_/¯
          v-spacer
          v-card.radius-7
            v-card-text
              .caption Enables extra dev options and removes many safeguards.
              .caption.red--text Do not enable unless you know what you're doing!
              v-switch.mt-1(
                color='primary'
                hide-details
                label='Dev Mode'
              )
        v-card.mt-3.white.grey--text.text--darken-3
          v-tabs(
            v-model='selectedTab'
            color='grey darken-2'
            fixed-tabs
            slider-color='white'
            show-arrows
            dark
            @change='tabChanged'
            )
            v-tab(key='0') Graph API Playground
            v-tab(key='1') Graph API Map
          v-tabs-items(v-model='selectedTab')
            v-tab-item(key='0', :transition='false', :reverse-transition='false')
              #graphiql
            v-tab-item(key='1', :transition='false', :reverse-transition='false')
              #voyager