<template>
  <div class="plaene fill-height">
    <v-toolbar
      color="primary lighten-4"
      dense
    >
      <v-tabs
        v-model="aktuellerPlan"
      >
        <v-tab
          v-for="plan in plaene"
          :key="plan"
        >
          {{ plan }}
        </v-tab>
      </v-tabs>

    </v-toolbar>

      <v-tabs-items v-model="aktuellerPlan" class="fill-height grey lighten-3">
        <v-tab-item
          key="0"
          fluid
        >
          y
        </v-tab-item>
        <v-tab-item
          key="1"
          fluid
        >
          z
        </v-tab-item>
        <v-tab-item
          key="2"
          fluid
        >
          z
        </v-tab-item>
        <v-tab-item
          key="3"
          fluid
        >
          <PlanPausen
            ref="pp"
            paUrl="/stundenplan/proxy.php?file=G009"
          />
        </v-tab-item>
      </v-tabs-items>
  </div>
</template>

<script>
import PlanPausen from '@/components/PlanPausen'

export default {
  name: 'Home',

  data: () => ({
    plaene: [
      'Lehrkräfte',
      'Klassen',
      'Räume',
      'Pausen',
    ],
    aktuellerPlan: 0,
  }),

  components: {
    PlanPausen,
  },

  methods: {
    async reload () {
      
      this.$refs.pp.reload()

    },
  },
}
</script>
