import React from 'react';
import { Card, RemoteForm, FormDialog } from '../../components/index';
import { Button, ButtonToolbar } from 'react-bootstrap';
import { server } from '../../commons/server';
import Crud from '../../commons/crud';

export default class ShowMessage extends React.Component {

    constructor(props) {
        super(props);
        this.click = this.click.bind(this);
        this.click2 = this.click2.bind(this);
        this.click3 = this.click3.bind(this);
        this.click4 = this.click4.bind(this);
        this.state = {};
    }

    click() {
        // using a path
        this.setState({ remotePath1: '/api/test/form' });
    }

    click2() {
        // using a function that will return a prosise with form data
        this.setState({
            remotePath1: () => server.get('/api/test/form')
        });
    }

    click3() {
        // using a function that will return a prosise with form data
        this.setState({
            remotePath2: () => server.get('/api/test/form/readonly/9f74407c-4c66-11e6-89fa-594b936a82f9')
        });
    }

    click4() {
        const crud = new Crud('prevtreat');
        this.setState({ remotePath1: () => crud.init({ includeForm: true, edit: true }) });
    }

    render() {
        const remotePath1 = this.state.remotePath1;
        const remotePath2 = this.state.remotePath2;

        return React.createElement(
            'div',
            null,
            React.createElement(
                Card,
                { title: 'Server forms example' },
                React.createElement(
                    ButtonToolbar,
                    null,
                    React.createElement(
                        Button,
                        { bsStyle: 'primary', onClick: this.click },
                        'Get it'
                    ),
                    React.createElement(
                        Button,
                        { bsStyle: 'primary', onClick: this.click2 },
                        'Get it 2'
                    ),
                    React.createElement(
                        Button,
                        { bsStyle: 'primary', onClick: this.click3 },
                        'Get it readonly'
                    ),
                    React.createElement(
                        Button,
                        { bsStyle: 'default', onClick: this.click4 },
                        'Prev TB treatment'
                    )
                ),
                remotePath1 && React.createElement(FormDialog, {
                    remotePath: remotePath1 })
            ),
            remotePath2 && React.createElement(
                Card,
                { title: 'ReadOnly' },
                React.createElement(RemoteForm, {
                    remotePath: remotePath2,
                    readOnly: true })
            )
        );
    }
}

ShowMessage.propTypes = {};