import React from 'react';
import FrontPage from '../front-page';
import { server } from '../../commons/server';
import { WaitIcon } from '../../components';
import SessionUtils from '../session-utils';

import General from './general';
import Cases from './cases';
// import Inventory from './inventory';


const views = [{
    title: __('general'),
    path: '/general',
    view: General,
    default: true
}, {
    title: __('cases'),
    path: '/cases',
    view: Cases
}
/*
{
    title: __('meds.inventory'),
    path: '/inventory',
    view: Inventory
}
*/
];

export default class Unit extends React.Component {

    constructor(props) {
        super(props);
        this.state = {};
    }

    componentWillMount() {
        const id = this.props.route.queryParam('id');
        this.fetchData(id);
    }

    componentWillReceiveProps(nextProps) {
        // check if page must be updated
        const id = nextProps.route.queryParam('id');
        const oldId = this.state.data ? this.state.data.id : null;
        if (id !== oldId) {
            this.fetchData(id);
        }
    }

    fetchData(id) {
        const self = this;

        // get data of the unit
        server.get('/api/tbl/unit/' + id).then(res => self.setState({ data: res }));
    }

    render() {
        const unit = this.state.data;

        if (!unit) {
            return React.createElement(WaitIcon, null);
        }

        return React.createElement(FrontPage, {
            title: unit.name,
            subtitle: SessionUtils.adminUnitLink(unit.address.adminUnit, true, true),
            type: unit.type === 'TBUNIT' ? 'tbunit' : 'lab',
            views: views,
            route: this.props.route,
            viewProps: { scope: 'UNIT', scopeId: unit.id }
        });
    }
}

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