<template>
  <div>
    <Title title="Carga Masiva Usuarios" :operador="admin.operador" />

    <SubirCsv
      :admin="admin"
      :manejarRespuesta="manejarRespuesta"
      :updateIsLoading="updateIsLoading"
      :path="path"
    />

    <!-- <TablaUsuariosNuevos :data="data" :usuariosUpdate="usuariosUpdate" /> -->

    <AvisosErrores :avisos="avisos" :errores="errores" />

    <b-loading :is-full-page="true" v-model="isLoading" :can-cancel="false" />
  </div>
</template>

<script>
import AvisosErrores from '@/components/admin/AvisosErrores'
import SubirCsv from '@/components/admin/SubirCsv'
import TablaUsuariosNuevos from '@/components/admin/TablaUsuariosNuevos'
import Title from '@/components/layouts/Title'

export default {
  components: {
    AvisosErrores,
    SubirCsv,
    TablaUsuariosNuevos,
    Title,
  },
  data() {
    return {
      admin: {},
      data: [],
      avisos: [],
      errores: [],
      usuariosUpdate: [],
      isLoading: false,
    }
  },
  methods: {
    manejarRespuesta(data) {
      this.data = data.usuariosNuevos
      this.avisos = data.mensajes
      this.errores = data.errores
      //   this.usuariosUpdate = data.usuariosUpdate
    },
    updateIsLoading(valorBooleano) {
      this.isLoading = valorBooleano
    },
    getLocalhostInfo() {
      const objeto = JSON.parse(localStorage.getItem('usuario'))
      this.admin.idOperador = objeto.operador.id_operador
      this.admin.operador = objeto.operador
      this.admin.tipoUsuario = objeto.operador.tipoUsuario.tipo_usuario
      this.admin.idTipoUsuario = objeto.operador.tipoUsuario.id_tipo_usuario
      this.admin.idInstitucion = objeto.operador.institucion.id_institucion
      this.admin.token = {
        headers: {
          'Content-Type': 'multipart/form-data',
          token: localStorage.getItem('token'),
        },
      }
    },
  },
  created() {
    this.getLocalhostInfo()
    console.log(this.admin)
    this.path = `upload-file/carga-masiva-usuarios?id_institucion=${this.admin.idInstitucion}`
    if (this.admin.idTipoUsuario != 2 && this.admin.idTipoUsuario != 3)
      this.$router.push('/operador/prestamo_devolucion')
  },
}
</script>

<style></style>
