<template>
  <base-layout>

    <template slot="header">
      Grady
    </template>

    <template slot="sidebar-content">
      <v-list dense>
        <v-list-tile v-for="(item, i) in generalNavItems" :key="i" :to="item.route">
          <v-list-tile-action>
            <v-icon>{{ item.icon }}</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>
              {{ item.name }}
            </v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
      </v-list>
      <v-divider></v-divider>
      <slot name="above-subscriptions"></slot>
      <subscription-list :sidebar="true"/>
      <slot name="below-subscriptions"></slot>
    </template>
    <template slot="toolbar-right"><slot name="toolbar-right"></slot></template>
  </base-layout>
</template>

<script>
import BaseLayout from '@/components/BaseLayout'
import SubscriptionList from '@/components/subscriptions/SubscriptionList'

export default {
  components: {
    SubscriptionList,
    BaseLayout},
  name: 'tutor-reviewer-base-layout',
  data () {
    return {
      generalNavItems: [
        {
          name: 'Overview',
          icon: 'home',
          route: '/home'
        },
        {
          name: 'Feedback',
          icon: 'feedback',
          route: '/feedback'
        }
      ]
    }
  }
}
</script>

<style scoped>
</style>