<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"
          :institucionCarreraPadre="institucionCarrera"
          @institucion-carrera-seleccionada="
            (nuevaInstitucionCarrera) =>
              (institucionCarrera = nuevaInstitucionCarrera)
          "
        />

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

        <BotonCrear
          :disabled="
            !institucionCarrera.id_institucion_carrera || !programa.id_programa
          "
          :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 {
      institucionCarrera: {},
      programa: {},
    }
  },
  methods: {
    crearCarreraPrograma() {
      const data = {
        id_institucion_carrera: this.institucionCarrera.id_institucion_carrera,
        id_programa: this.programa.id_programa,
      }

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