import React from 'react';
import { Grid, Row, Col } from 'react-bootstrap';
import CasesSideView from '../packages/cases/cases-side-view';
import { RouteView } from '../../components/router';

import CasesUnit from './cases-unit';

const views = [{
    title: __('cases.open'),
    icon: 'clone',
    path: '/active',
    default: true,
    view: CasesUnit,
    sideView: true
}];

/**
 * Display the cases tab content of the unit page
 */
export default class Cases extends React.Component {

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

    selTag(tagId) {
        return () => this.setState({ selectedTag: tagId });
    }

    viewProps(view) {
        switch (view.path) {
            case '/active':
                return { cases: this.state.cases };
            case '/search':
                return { unitId: this.props.route.queryParam('id') };
            default:
                return { tag: this.state.selectedTag };
        }
    }

    render() {
        const unitId = this.props.route.queryParam('id');

        const routes = CasesSideView.createRoutes(views);
        const sideViews = views.filter(v => v.sideView);

        return React.createElement(
            Grid,
            { fluid: true },
            React.createElement(
                Row,
                { className: 'mtop' },
                React.createElement(
                    Col,
                    { sm: 3 },
                    React.createElement(CasesSideView, { route: this.props.route,
                        scope: 'UNIT',
                        views: sideViews,
                        scopeId: unitId })
                ),
                React.createElement(
                    Col,
                    { sm: 9 },
                    React.createElement(RouteView, { routes: routes, viewProps: { scope: 'UNIT', scopeId: unitId } })
                )
            )
        );
    }

}

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