import React from 'react';
import { FormDialog } from '../../components/index';

const fschema = {
    controls: [
        {
            property: 'date',
            required: true,
            type: 'date',
            label: __('cases.details.date'),
            defaultValue: new Date()
        },
        {
            property: 'outcome',
            required: true,
            type: 'listBox',
            label: __('form.action'),
            options: [
                { id: 'CURED', name: 'Cured' },
                { id: 'TREAT_COMPLETED', name: 'Treatment completed' },
                { id: 'DIED', name: 'Died' },
                { id: 'LOST_FOLLOWUP', name: 'Lost follow-up' },
                { id: 'TREAT_INTERRUPTED', name: 'Treatment interrupted' },
                { id: 'OTHER', name: 'Other' }
            ],
            vertical: true,
            textAlign: 'left'
        },
        {
            type: 'group',
            visible: value => value.outcome === 'OTHER',
            controls: [
                {
                    property: 'otherOutcome',
                    type: 'string',
                    label: __('CaseState.OTHER')
                }
            ]
        }
    ],
    title: __('cases.close')
};

/**
 * The page controller of the public module
 */
export default class FormModalExample extends React.Component {

    constructor(props) {
        super(props);

        this.state = { doc: {} };
        this.doSomething = this.doSomething.bind(this);
    }

    doSomething() {
        alert('Do Something');

        if (this.props.onClose) {
            this.props.onClose();
        }
    }

    render() {
        return (
            <FormDialog
                schema={fschema}
                doc={this.state.doc}
                onConfirm={this.doSomething}
                onCancel={this.props.onClose}
                confirmCaption={__('cases.close')}
                wrapType={'modal'}
                modalShow={this.props.show}/>
        );
    }
}

FormModalExample.propTypes = {
    show: React.PropTypes.bool,
    onClose: React.PropTypes.func
};