import Ember from 'ember';

const {Component, computed} = Ember;

export default Component.extend({
    tagName: 'section',
    classNames: ['splitbtn', 'js-publish-splitbutton'],
    classNameBindings: ['isNew:unsaved'],

    isNew: null,
    isPublished: null,
    willPublish: null,
    postOrPage: null,
    submitting: false,

    // Tracks whether we're going to change the state of the post on save
    isDangerous: computed('isPublished', 'willPublish', function () {
        return this.get('isPublished') !== this.get('willPublish');
    }),

    publishText: computed('isPublished', 'postOrPage', function () {
        return this.get('isPublished') ? `Update ${this.get('postOrPage')}` : 'Publish Now';
    }),

    draftText: computed('isPublished', function () {
        return this.get('isPublished') ? 'Unpublish' : 'Save Draft';
    }),

    deleteText: computed('postOrPage', function () {
        return `Delete ${this.get('postOrPage')}`;
    }),

    saveText: computed('willPublish', 'publishText', 'draftText', function () {
        return this.get('willPublish') ? this.get('publishText') : this.get('draftText');
    }),

    actions: {
        save() {
            this.sendAction('save');
        },

        setSaveType(saveType) {
            this.sendAction('setSaveType', saveType);
        },

        delete() {
            this.sendAction('delete');
        }
    }
});