import React from 'react';
import { Collapse } from 'react-bootstrap';
import { FormDialog } from '../../../components';
import controlWrapper from './crud-control-wrapper';

class CrudForm extends React.Component {

    constructor(props) {
        super(props);
        this.save = this.save.bind(this);
    }

    componentWillMount() {
        this.setState({ visible: this.props.controller.isFormOpen() });
    }

    eventHandler(evt, data) {
        if (evt !== 'open-form' && evt !== 'close-form') {
            return;
        }

        const onnew = this.props.openOnNew;

        // ignore events if not on new forms
        if (!onnew || onnew && data && data.id) {
            return;
        }

        this.setState({ visible: evt === 'open-form' });
    }

    save(doc) {
        return () => {
            const controller = this.props.controller;
            delete doc.id;
            controller.frm.doc = doc;
            return this.props.controller.saveAndClose();
        };
    }

    render() {
        if (!this.state.visible) {
            return null;
        }

        const controller = this.props.controller;
        const schema = controller.getFormSchema();
        const resources = controller.frm.resources;

        // include the ID in the form
        const doc = Object.assign({}, controller.frm.doc, { id: controller.frm.id });

        const frm = React.createElement(FormDialog, { schema: schema,
            modalShow: true,
            doc: doc,
            onConfirm: this.save(doc),
            wrapType: this.props.wrapType,
            onCancel: controller.closeForm,
            className: this.props.className,
            resources: resources
        });

        const animate = this.props.animate && this.props.wrapType !== 'modal';

        return animate ? React.createElement(
            Collapse,
            { 'in': true, transitionAppear: true },
            frm
        ) : frm;
    }
}

CrudForm.propTypes = {
    schema: React.PropTypes.object,
    controller: React.PropTypes.object.isRequired,
    openOnNew: React.PropTypes.bool,
    openOnEdit: React.PropTypes.bool,
    wrapType: React.PropTypes.oneOf(['modal', 'card', 'none']),
    className: React.PropTypes.string,
    animate: React.PropTypes.bool,
    remotePath: React.PropTypes.any
};

CrudForm.defaultProps = {
    wrapType: 'card',
    animate: true
};

export default controlWrapper(CrudForm);