import React from 'react';
import CrudView from '../../packages/crud/crud-view';
import CRUD from '../../../commons/crud';

const crud = new CRUD('countrystructure');

// definition of the form fields to edit substances
const editorDef = {
    controls: [{
        property: 'name',
        required: true,
        type: 'string',
        max: 100,
        label: __('form.name'),
        size: { sm: 6 }
    }, {
        property: 'level',
        required: true,
        type: 'select',
        label: __('form.level'),
        options: { from: 1, to: 5 },
        size: { sm: 3 }
    }],
    title: doc => doc && doc.id ? __('admin.auorg.edt') : __('admin.auorg.new')
};

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

    cellRender(item) {
        return React.createElement(
            'div',
            null,
            React.createElement(
                'div',
                { className: 'pull-right' },
                __('form.level') + ' ' + item.level
            ),
            item.name
        );
    }

    render() {
        return React.createElement(CrudView, { crud: crud,
            title: __('admin.auorg'),
            onCellRender: this.cellRender,
            editorSchema: editorDef,
            cellSize: { md: 12 },
            perm: 'ADMINUNIT_ED' });
    }
}

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