<template>
  <div class="ids">
    <v-app-bar
      app
      color="indigo"
      dark
    >
      <v-img
        alt="Logo"
        class="shrink mr-2"
        contain
        src="@/assets/logo.svg"
        transition="scale-transition"
        width="40"
      />

      <v-spacer></v-spacer>

      <v-tabs>
        <v-tab
          v-for="link in links"
          :key="link"
        >
          {{ link }}
        </v-tab>
      </v-tabs>

    </v-app-bar>

    <v-main>
      <v-container fluid>
        <v-row dense>

          <v-col
            cols="8"
          >
            <v-sheet
              min-height="70vh"
              rounded="lg"
              elevation="2"
            >
              <Vertretungsplan
                vpUrl="/stundenplan/proxy.php?file=G014"
                :startDatum="startDatum"
              />
            </v-sheet>
          </v-col>

          <v-col
            cols="4"
          >
            <v-sheet
              rounded="lg"
              min-height="268"
              elevation="2"
            >
              <Newsreader
                :feedUrls="['/stundenplan/proxy.php?file=rsslul', '/stundenplan/proxy.php?file=rsssul']"
              />
            </v-sheet>
<!--
            <v-sheet
              rounded="lg"
              min-height="268"
              elevation="2"
            >

            </v-sheet> -->
          </v-col>
        </v-row>
      </v-container>
    </v-main>
  </div>
</template>

<script>
import Newsreader from '@/components/Newsreader'
import Vertretungsplan from '@/components/Vertretungsplan'

export default {
  name: 'InfodisplayLehrer',

  data: () => ({
    links: [
      'Vertretungsplan',
      'Stundenpläne'
    ],
    startDatum: new Date()
  }),

  props: {
    msg: String
  },

  components: {
    Newsreader,
    Vertretungsplan
  },

  created: function () {
    if (this.startDatum.getDay() === 6) {
      // Samstag => Montag
      this.startDatum.setDate(this.startDatum.getDate() + 2)
    } else if (this.startDatum.getDay() === 0) {
      // Sonntag => Montag
      this.startDatum.setDate(this.startDatum.getDate() + 1)
    }
  }
}
</script>