<template>
<thead>

<tr>

<th v-for="col in colsToHeader" :key="col">{{col}}</th>


</tr>

</thead>

</template>

<script>

const colsSalesConsultant = [
  'Nº','Campanha', "Sup. Class", 'Data', 'itens', 'Catalogo', 'A pagar', 'Lucro', 'Status', 'Tipo',' ',''
];

const colsNoSalesConsultant = [
  'Nº','Campanha', 'Grupo', 'Região', 'Divisão', "Setor", 'Código', "Nome","Sup. Class", 'Data', 'itens', 'Catalogo', 'A pagar', 'Lucro', 'Status', 'Tipo',' ',''
];

export default {
  name: 'orders-list-header',
  data(){
    return {

      colsSalesConsultant,
    colsNoSalesConsultant,
    search: ''
    }
  },
  computed:{

    colsToHeader(){
      if(this.$store.getters.isSalesConsultant){
        return this.colsSalesConsultant;
      }

      return this.colsNoSalesConsultant;
    }

  }
};
</script>

<style scoped lang="scss">
@import '../../../assets/css/main.scss';


.ref-tag {
  font-size: 0.8em;
  color: #5A5A5A;
  letter-spacing: 0.35px;
}
</style>
