<template>
  <div id="app" class="w-100vw h-100vh p-r" style="font-family: 'SF Pro Display">
    <!-- <ic-dropdown></ic-dropdown> -->
    <!-- <ic-tabs></ic-tabs> -->
    <!-- <ic-tabs-card></ic-tabs-card> -->
    <!-- <ic-tabs-payment></ic-tabs-payment> -->
    <!-- <ic-sign :PrivacyAndTermsData="PrivacyAndTermsData"
      :inputType="inputType"
      :siteData="siteData"></ic-sign> -->
    <!-- Header Navigation -->
    <ic-header :site="getSite" :menus="getMenus" :color="getColor"></ic-header> 
    <!-- Sign-in/Sign-up -->
    <ic-sign :site="getSite.en"></ic-sign> 
    <ic-loader v-if="loader" :site="getSite.en"></ic-loader>
    <!-- {{getSite.en}} -->

    <!-- <div v-if="dataReady">
      {{ this.toolsAPI }}
    </div>

    <ic-tabs>
      <div class=""
          slot="Board">
          <div>
              My name is Board
          </div>
      </div>
      <div class=""
          slot="Subscribe">
          <div>
              My name is Subscribe
          </div>
      </div>
      <div class=""
          slot="Payment">
          <div>
            My name is Payment
          </div>
      </div>
      <div class=""
          slot="Card">
          <div>
             <ic-tabs-card></ic-tabs-card>
          </div>
      </div>
    </ic-tabs> -->
  </div>
</template>

<script>
// store
import {mapStateVModel} from 'map-state-vmodel';
// Mixins
import header from './mixins/HeaderC_Mixins';
// Css
import './css/fontello/css/fontello.css';
import './App.css';
// Model
import * as ModelsIdist from '@/models/Idist'

export default {
  name: "App",
  data () {
    return {
      siteID: 2,
      toolsAPI: [],
      dataReady: false
    }
  },
  methods: {
    async loadTools () {
      const { data } = await ModelsIdist.ToolM.getId(3);
      // const { data } = await ModelsIdist.ToolM.getParams({id: 3});
      // const { data } = await ModelsIdist.ToolM.getAll();
      
      this.toolsAPI = data
      // console.log(data)
      this.dataReady = true
    }
  },
  computed: {
    ...mapStateVModel('ic_loader', ['loader']),
  },
  created() {
    // navigator.onLine
    this.loadTools();
  },
  mixins: [header],
};
</script>
