<template>
  <v-layout column wrap class="my-5" align-center>
    <v-flex xs12>
      <v-container grid-list-xl>
        <v-layout row wrap align-top>
          <WidgetList/>
          <WarehouseTop/>
          <POTop/>
          <PartTop/>
          <PartAssemblyTop/>
          <v-flex xs12 md4>
            <v-card class="elevation-0 transparent">
              <v-card-text class="text-xs-center">
                <v-icon x-large color="accent">fa-lightbulb</v-icon>
              </v-card-text>
              <v-card-title primary-title class="layout justify-center">
                <div class="headline text-xs-center">Material Design</div>
              </v-card-title>
              <v-card-text>
                Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt ornare.
                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                Nullam in aliquet odio. Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
              </v-card-text>
            </v-card>
          </v-flex>
        </v-layout>
      </v-container>
    </v-flex>
  </v-layout>
  <!-- <v-layout align-center justify-center row fill-height>
        <WidgetTop/>
        <PartTop/>
        <PartAssemblyTop/>
        <WarehouseTop/>
        <POTop/>
  </v-layout>-->
</template>

<script>
/*  Xeslint-disable */
import WidgetList from "../components/inventorywidgetlist";
import WarehouseTop from "../components/inventorywarehousetop";
import POTop from "../components/inventorypotop";
import PartTop from "../components/inventoryparttop";
import PartAssemblyTop from "../components/inventorypartassemblytop";
/*
HMMM?? - Maybe top level category is "part" and inventory is a sub item like the rest since they all revolve around parts but are not all inventory
*/

// - PART REQUESTS OVERVIEW ETC....
//   - PART ASSEMBLIES
//   - PART CATEGORIES
//   - PART WAREHOUSES
// - PARTS
// - Part inventory
// - Part inventory adjustments

//import store from "../store";
import lt from "../api/locale";
//import _ from "../utils/libs/lodash.js";
export default {
  components: {
    WidgetList,
    WarehouseTop,
    POTop,
    PartTop,
    PartAssemblyTop
  },
  data() {
    return {};
  },
  beforeRouteEnter(to, from, next) {
    //Cache all required lt keys
    var ltKeysRequired = ["Inventory"].concat(WidgetList.ltKeysRequired);
    lt.fetch(ltKeysRequired).then(() => {
      next();
    });
  },
  mounted() {},
  methods: {
    lt: function(key) {
      return lt.get(key);
    }
  }
};
</script>

<style>
</style>
