<template>
  <section class="mb-6">
    <h3 class="is-size-4 mb-3">Asociar un software con una carrera</h3>

    <div class="box">
      <div class="columns is-align-items-flex-end pl-0 pb-4">
        <SelectCarrera
          :idInstitucion="idInstitucion"
          :idInstitucionCarreraPadre="idInstitucionCarrera"
          @institucion-carrera-seleccionada="
            (nuevaInstitucionCarrera) =>
              (idInstitucionCarrera = nuevaInstitucionCarrera)
          "
        />

        <SelectPrograma
          :idProgramaPadre="idPrograma"
          @programa-seleccionado="
            (nuevoPrograma) => (idPrograma = nuevoPrograma)
          "
        />

        <BotonCrear
          :disabled="!idInstitucionCarrera || !idPrograma"
          :crear="warning"
        />
      </div>
    </div>
  </section>
</template>

<script>
import axios from 'axios'
import BotonCrear from '@/components/botones/BotonCrear'
import SelectCarrera from '@/components/selects/SelectCarrera'
import SelectPrograma from '@/components/selects/SelectPrograma'

export default {
  components: { BotonCrear, SelectCarrera, SelectPrograma },
  props: {
    obtenerCarrerasProgramas: {
      type: Function,
      required: true,
      default: () => {},
    },
    updateIsLoading: { type: Function, required: true },
    idInstitucion: { type: Number, required: true, default: 0 },
  },
  data() {
    return {
      idInstitucionCarrera: 0,
      idPrograma: 0,
    }
  },
  methods: {
    crearCarreraPrograma() {
      const data = {
        id_institucion_carrera: this.idInstitucionCarrera,
        id_programa: this.idPrograma,
      }

      this.updateIsLoading(true)
      axios
        .post(
          `${process.env.api}/carrera-programa`,
          data,
          this.$getToken.token()
        )
        .then((res) => {
          this.idInstitucionCarrera = 0
          this.idPrograma = 0
          this.obtenerCarrerasProgramas()
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirMensaje(this.$buefy, res.data.message)
        })
        .catch((err) => {
          this.updateIsLoading(false)
          this.$alertsGenericos.imprimirError(
            this.$buefy,
            this.$router,
            err.response.data
          )
        })
    },
    warning() {
      if (this.idInstitucionCarrera && this.idPrograma)
        this.$alertsGenericos.imprimirWarning(
          this.$buefy,
          '¿Estas segur@ de querer asignar este software a esta carrera?',
          this.crearCarreraPrograma
        )
    },
  },
}
</script>
