import ngModule from '../module';
import Section from 'salix/components/section';

export default class Controller extends Section {
    constructor($element, $) {
        super($element, $);
        this.$checkAll = false;

        this.smartTableOptions = {
            activeButtons: {
                search: true,
            },
            columns: [{
                field: 'problems',
                searchable: false
            },
            {
                field: 'originETD',
                searchable: false
            },
            {
                field: 'destETD',
                searchable: false
            },
            {
                field: 'state',
                searchable: false
            },
            {
                field: 'tfState',
                searchable: false
            },
            {
                field: 'ipt',
                autocomplete: {
                    url: 'ItemPackingTypes',
                    showField: 'description',
                    valueField: 'code'
                }
            },
            {
                field: 'tfIpt',
                autocomplete: {
                    url: 'ItemPackingTypes',
                    showField: 'description',
                    valueField: 'code'
                }
            },
            ]
        };
        this.setDefaultFilter();
    }

    setDefaultFilter() {
        const today = new Date();

        this.filterParams = {
            originDated: today,
            futureDated: today,
            linesMax: '9999',
            litersMax: '9999',
            warehouseFk: 1
        };
    }

    compareDate(date) {
        let today = new Date();
        today.setHours(0, 0, 0, 0);
        let timeTicket = new Date(date);
        timeTicket.setHours(0, 0, 0, 0);

        let comparation = today - timeTicket;

        if (comparation == 0)
            return 'warning';
        if (comparation < 0)
            return 'success';
    }

    get checked() {
        const tickets = this.$.model.data || [];
        const checkedLines = [];
        for (let ticket of tickets) {
            if (ticket.checked)
                checkedLines.push(ticket);
        }

        return checkedLines;
    }

    stateColor(state) {
        if (state === 'OK')
            return 'success';
        else if (state === 'Libre')
            return 'notice';
    }

    dateRange(value) {
        const minHour = new Date(value);
        minHour.setHours(0, 0, 0, 0);
        const maxHour = new Date(value);
        maxHour.setHours(23, 59, 59, 59);

        return [minHour, maxHour];
    }

    get confirmationMessage() {
        if (!this.$.model) return 0;

        return this.$t(`Move confirmation`, {
            checked: this.checked.length
        });
    }

    moveTicketsFuture() {
        let params = { tickets: this.checked };
        return this.$http.post('Tickets/merge', params)
            .then(() => {
                this.$.model.refresh();
                this.vnApp.showSuccess(this.$t('Success'));
            });
    }

    exprBuilder(param, value) {
        switch (param) {
            case 'id':
                return { 'id': value };
            case 'ticketFuture':
                return { 'ticketFuture': value };
            case 'litersMax':
                return { 'liters': value };
            case 'linesMax':
                return { 'lines': value };
            case 'ipt':
                return { 'ipt': value };
            case 'tfIpt':
                return { 'tfIpt': value };
        }
    }
}

Controller.$inject = ['$element', '$scope'];

ngModule.vnComponent('vnTicketFuture', {
    template: require('./index.html'),
    controller: Controller
});