<template>
  <v-row v-if="this.formState.ready">
    <v-col col="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
      <v-alert
        ref="errorbox"
        v-show="formState.errorBoxMessage"
        color="error"
        icon="fa-exclamation-circle "
        transition="scale-transition"
        class="multi-line"
        outlined
        >{{ formState.errorBoxMessage }}</v-alert
      >
    </v-col>
    <WidgetList />
    <!-- <WarehouseTop />
    <POTop />
    <PartTop />
    <PartAssemblyTop />
    <v-container>
      <v-col cols="12" md4>
        <v-card class="elevation-0 transparent">
          <v-card-text class="text-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-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-col>
    </v-container> -->
  </v-row>
</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";

export default {
  beforeCreate() {
    window.$gz.locale
      .fetch(["Inventory"])
      .then(() => (this.formState.ready = true))
      .catch(err => {
        this.formState.ready = true;
        window.$gz.errorHandler.handleFormError(err);
      });
  },
  created() {
    // debugger;
    window.$gz.eventBus.$emit("menu-change", {
      isMain: true,
      icon: "fa-dolly",
      title: window.$gz.locale.get("Inventory"),
      helpUrl: "form-widget"
    });
  },
  components: {
    WidgetList,
    // WarehouseTop,
    // POTop,
    // PartTop,
    // PartAssemblyTop
  },
  data() {
    return {
      formState: {
        ready: false,
        loading: true,
        errorBoxMessage: null,
        appError: null,
        serverError: {}
      }
    };
  }
};
</script>
