<template>
<main class="container">
  <h2 class="text-center mb-5 font-weight-light">En préparation</h2>
  <b-alert variant="danger" show>En développement</b-alert>
  <NavigationLoader :isLoading="$apollo.queries.previsions.loading" />
  <transition name="fade">
    <div class="alert alert-danger" v-if="error">{{ error }}</div>
    <div v-if="previsions">
      {{ previsions }}
    </div>
  </transition>
</main>
</template>

<script>
import {PREVISIONS} from '@/graphql/queries'

export default {
  data() {
    return {
      breadcrumb: [
        {
          text: 'Accueil',
          to: '/'
        },
        {
          text: 'Prévisions',
          active: true
        }
      ],
      display: 'forecastsByNames',
      error: null
    }
  },
  apollo: {
    previsions : {
      query: PREVISIONS,
      update (data) {
        return {
          // now: data.now,
          // sigQty: data.parameter.sigQty,
          // certifs_dossiers: data.wwFile.certifs_dossiers
          data
        }
      },
      error (err) {this.error = err.message}
    }
  },
  mounted () {
    // Mise à jour du fil d'ariane au chargement
    $nuxt.$emit('changeRoute',this.breadcrumb)
  }
}
</script>