import './scss/parlamentar.scss'
import Vue from 'vue'
import { FormSelectPlugin } from 'bootstrap-vue'
import axios from 'axios'

// TODO: refatorar para aproveitar cache e LastModified no frontend oficial
// Configuração global para todas as requisições GET do axios
axios.defaults.headers.get['Cache-Control'] = 'no-cache, no-store, must-revalidate'
axios.defaults.headers.get['Pragma'] = 'no-cache' // Suporte para navegadores mais antigos
axios.defaults.headers.get['Expires'] = '0' // Expira imediatamente

axios.defaults.xsrfCookieName = 'csrftoken'
axios.defaults.xsrfHeaderName = 'X-CSRFToken'

Vue.use(FormSelectPlugin)

const v = new Vue({ // eslint-disable-line
  delimiters: ['[[', ']]'],
  el: '#app2',
  data () {
    return {
      nome_pesquisa: '',
      is_pesquisa: false,
      legislatura_selecionada: '',
      legislaturas: [],
      parlamentares: [],
      visible_parlamentares: [],
      size_parlamentares: 0,
      filter_ativo: true,
      filter_titular: ''
    }
  },

  watch: {
    nome_pesquisa: function (val) {
      this.debouncepesquisaParlamentar()
    }
  },

  created () {
    this.debouncepesquisaParlamentar = _.debounce(this.pesquisaParlamentar, 500)
  },

  methods: {
    getParlamentares (event) {
      if (this.legislatura_selecionada || this.legislatura_selecionada.toString() === '0') {
        axios.get('/api/parlamentares/legislatura/' + this.legislatura_selecionada + '/parlamentares/?get_all=true')
          .then(response => {
            this.parlamentares = response.data
            this.visible_parlamentares = this.parlamentares
            this.size_parlamentares = this.visible_parlamentares.length
            this.checkTitularAtivo()
          })
          .catch(error => {
            console.error('Ocorreu um erro ao obter os dados de parlamentares:' + error)
          })
      }
    },

    pesquisaParlamentar (event) {
      axios.get('/api/parlamentares/parlamentar/search_parlamentares/', {
        params: { nome_parlamentar: this.nome_pesquisa }
      })
        .then(response => {
          this.parlamentares = response.data
          this.visible_parlamentares = this.parlamentares
          this.size_parlamentares = this.visible_parlamentares.length
        })
        .catch(error => {
          console.error('Erro ao procurar parlamentar:' + error)
        })
    },

    checkTitularAtivo (event) {
      this.visible_parlamentares = this.parlamentares
      if (this.filter_ativo) {
        this.visible_parlamentares = this.visible_parlamentares.filter((v) => v.ativo)
      }
      if (this.filter_titular) {
        this.visible_parlamentares = this.visible_parlamentares.filter((v) => v.titular === 'Sim')
      }
      this.size_parlamentares = this.visible_parlamentares.length
    },

    pesquisaChange (event) {
      this.is_pesquisa = !this.is_pesquisa
      this.filter_ativo = true
      if (this.is_pesquisa) {
        this.parlamentares = []
      } else {
        this.getParlamentares()
      }
    }
  },

  mounted () {
    axios.get('/api/parlamentares/legislatura/?get_all=true')
      .then(response => {
        this.legislaturas = response.data

        var currentYear = new Date().getFullYear()

        var reducer = (acc, legislatura) => {
          var anoInicio = new Date(legislatura.data_inicio + ' 00:00').getFullYear()
          var anoFim = new Date(legislatura.data_fim + ' 00:00').getFullYear()
          if (currentYear >= anoInicio && currentYear <= anoFim) {
            acc = legislatura.id
          }
          return acc
        }

        this.legislatura_selecionada = this.legislaturas.reduce(reducer, '')
      })
      .then(response => {
        this.getParlamentares()
      })
      .catch(err => {
        console.error('Ocorreu um erro ao obter os dados de legislação: ' + err)
      })
  }
})