import React from 'react';
import { FormDialog, observer } from '../../../components';
import { server } from '../../../commons/server';
import { app } from '../../../core/app';
import Events from '../events';

const schema = {
    title: __('Regimen.add'),
    controls: [{
        property: 'productId',
        type: 'select',
        label: __('Medicine'),
        required: true,
        options: 'medicines',
        size: { md: 12 }
    }, {
        property: 'iniDate',
        type: 'date',
        label: __('Period.iniDate'),
        required: true,
        size: { md: 6 }
    }, {
        property: 'endDate',
        type: 'date',
        label: __('Period.endDate'),
        required: true,
        size: { md: 6 },
        validate: doc => doc.iniDate < doc.endDate,
        validateMessage: __('period.inienddate')
    }, {
        property: 'doseUnit',
        type: 'select',
        label: __('PrescribedMedicine.doseUnit'),
        required: true,
        size: { md: 6 },
        options: {
            from: 1,
            to: 10
        }
    }, {
        property: 'frequency',
        type: 'select',
        required: true,
        label: __('PrescribedMedicine.frequency'),
        size: { md: 6 },
        options: { from: 1, to: 7 }
    }, {
        property: 'comments',
        type: 'text',
        label: __('global.comments')
    }]
};

/**
 * Display modal dialog to add a new medicine to the treatment regimen
 */
class AddPrescription extends React.Component {

    constructor(props) {
        super(props);

        this.confirm = this.confirm.bind(this);
        this.onClose = this.onClose.bind(this);

        this.state = { doc: {}, show: false };
    }

    /**
     * Called when add prescription form should be displayed
     * @param  {[type]} action [description]
     * @return {[type]}        [description]
     */
    handleEvent() {
        this.setState({ show: true });
    }

    /**
     * Add the medicine to the treatment
     * @param  {[type]} doc [description]
     * @return {[type]}     [description]
     */
    confirm() {
        if (!this.props.tbcase || !this.props.tbcase.id) {
            return Promise.reject();
        }

        const doc = this.state.doc;
        doc.caseId = this.props.tbcase.id;

        return server.post('/api/cases/case/treatment/prescription/add', doc).then(res => {
            if (!res.success) {
                return Promise.reject(res.errors);
            }

            app.dispatch('update-treatment');

            this.onClose();
            return res.result;
        });
    }

    onClose() {
        this.setState({ doc: {}, show: false });
    }

    render() {
        const tbcase = this.props.tbcase;

        if (!tbcase || !tbcase.id || !tbcase.treatmentPeriod) {
            return null;
        }

        return React.createElement(FormDialog, {
            schema: schema,
            doc: this.state.doc,
            wrapType: 'modal',
            onConfirm: this.confirm,
            onCancel: this.onClose,
            modalShow: this.state.show });
    }
}

export default observer(AddPrescription, Events.addPrescription);

AddPrescription.propTypes = {
    tbcase: React.PropTypes.object
};