import Component from '@glimmer/component';
import moment from 'moment';
import {action} from '@ember/object';

export default class PublishAtOption extends Component {
    @action
    setDate(selectedDate) {
        const newDate = moment(this.args.publishOptions.scheduledAtUTC);
        const {year, month, date} = moment(selectedDate).toObject();

        newDate.set({year, month, date});

        this.args.publishOptions.setScheduledAt(newDate);
    }

    @action
    setTime(time) {
        if (!time) {
            return;
        }

        if (time.match(/^\d:\d\d$/)) {
            time = `0${time}`;
        }

        if (!time.match(/^\d\d:\d\d$/)) {
            return;
        }

        const [hour, minute] = time.split(':').map(n => parseInt(n, 10));

        if (isNaN(hour) || hour < 0 || hour > 23 || isNaN(minute) || minute < 0 || minute > 59) {
            return;
        }

        // hour/minute will be the site timezone equivalent but we need the hour/minute
        // as it would be in UTC
        const conversionDate = moment();
        conversionDate.set({hour, minute});
        const utcDate = moment.utc(conversionDate);

        const newDate = moment.utc(this.args.publishOptions.scheduledAtUTC);
        newDate.set({hour: utcDate.get('hour'), minute: utcDate.get('minute')});

        this.args.publishOptions.setScheduledAt(newDate);
    }
}