import React from 'react';
import CrudView from '../../packages/crud/crud-view';
import CRUD from '../../../commons/crud';
import { app } from '../../../core/app';
import Profile from '../../../components/profile';

const crud = new CRUD('regimen');

const tfschema = {
    controls: [
        {
            property: 'medicineId',
            required: true,
            type: 'select',
            label: __('Medicine'),
            options: 'medicines',
            size: { md: 3 }
        },
        {
            property: 'defaultDoseUnit',
            required: true,
            type: 'select',
            options: { from: 1, to: 10 },
            label: __('Regimen.doseunit'),
            size: { sm: 2 }
        },
        {
            property: 'defaultFrequency',
            required: true,
            type: 'select',
            label: __('Regimen.frequency'),
            options: [
                { id: 1, name: '1/7' },
                { id: 2, name: '2/7' },
                { id: 3, name: '3/7' },
                { id: 4, name: '4/7' },
                { id: 5, name: '5/7' },
                { id: 6, name: '6/7' },
                { id: 7, name: '7/7' }
            ],
            size: { sm: 2 }
        },
        {
            property: 'iniDay',
            required: true,
            type: 'number',
            label: __('Regimen.iniday'),
            size: { sm: 3 }
        },
        {
            property: 'days',
            required: true,
            type: 'number',
            label: __('Regimen.days'),
            size: { sm: 2 }
        }
    ]
};

// definition of the form fields to edit medicine regimens
const editorDef = {
    defaultProperties: {
        medicines: [{}]
    },
    controls: [
        {
            property: 'name',
            required: true,
            type: 'string',
            max: 200,
            label: __('form.name'),
            size: { sm: 6 }
        },
        {
            property: 'classification',
            required: true,
            type: 'select',
            options: app.getState().app.lists.CaseClassification,
            label: __('CaseClassification'),
            size: { sm: 4 }
        },
        {
            property: 'customId',
            type: 'string',
            max: 50,
            label: __('form.customId'),
            size: { sm: 6 }
        },
        {
            property: 'active',
            type: 'yesNo',
            required: true,
            label: __('EntityState.ACTIVE'),
            defaultValue: true,
            size: { sm: 4 }
        },
        {
            property: 'medicines',
            type: 'tableForm',
            fschema: tfschema,
            min: 1,
            size: { sm: 12 }
        }
    ],
    title: doc => doc && doc.id ? __('admin.regimens.edt') : __('admin.regimens.new')
};

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

    constructor(props) {
        super(props);

        this.state = { doc: {} };
    }

    cellRender(item) {
        return <Profile fa="file-text-o" title={item.name} size="small" />;
    }

    render() {
        // get information about the route of this page
        const data = this.props.route.data;

        return (
            <CrudView crud={crud}
                title={data.title}
                onCellRender={this.cellRender}
                editorSchema={editorDef}
                perm={data.perm} />
        );
    }
}

Regimens.propTypes = {
    route: React.PropTypes.object
};