import {
  saveSchedulePrograms,
  submitSchedule
} from '@/api/calendar'

export default {
  props: {
    detail: {
      type: Object,
      default: null
    },
    editable: {
      type: [Boolean, String],
      default: false
    }
  },
  data () {
    return {
      scheduleOptions: null
    }
  },
  computed: {
    isEmpty () {
      return this.scheduleOptions?.programs?.length === 0
    },
    programs () {
      return this.scheduleOptions?.programs ?? []
    },
    ratio () {
      return this.scheduleOptions?.resolutionRatio
    }
  },
  created () {
    this.scheduleOptions = {
      ...this.detail,
      editable: this.editable,
      programs: this._transformPrograms(this.detail.programs || [])
    }
    this.init()
  },
  methods: {
    _transformProgram (program) {
      return program
    },
    save (programs) {
      return saveSchedulePrograms(this.scheduleOptions, programs)
    },
    submit () {
      submitSchedule(this.scheduleOptions, this.programs).then(() => {
        this.$emit('submit')
      })
    }
  }
}