import React from 'react';
import { Grid, Row, Col } from 'react-bootstrap';
import { Profile, Fluidbar } from '../../components/index';
import { app } from '../../core/app';
import SessionUtils from '../session-utils';

import './patient-panel.less';

export default class PatientPanel extends React.Component {

    stateClass() {
        switch (this.props.tbcase.state) {
            case 'NOT_ONTREATMENT':
                return 'cs-NOT_ONTREATMENT';
            case 'ONTREATMENT':
                return 'cs-ONTREATMENT';
            default:
                return 'cs-CLOSED';
        }
    }

    render() {
        const tbcase = this.props.tbcase;
        const patient = this.props.tbcase.patient;
        if (!patient) {
            return null;
        }

        const type = patient.gender === 'MALE' ? 'male' : 'female';

        const lists = app.getState().app.lists;

        const claName = lists['CaseClassification' + tbcase.classification][tbcase.diagnosisType];

        const stateName = lists.CaseState[tbcase.state];
        const validationName = tbcase.validated ? __('TbCase.validated') : __('TbCase.waitingValidation');
        const ownerUnit = tbcase.ownerUnit;

        const subtitle = React.createElement(
            'div',
            { className: 'case-subtitle' },
            React.createElement(
                'div',
                null,
                claName
            ),
            React.createElement(
                'div',
                null,
                tbcase.caseCode
            ),
            React.createElement(
                'div',
                { className: 'case-unit' },
                React.createElement(
                    'div',
                    null,
                    SessionUtils.unitDisplay(ownerUnit, '/cases')
                )
            )
        );

        const patientName = SessionUtils.nameDisplay(patient.name);
        const diagnosisType = SessionUtils.diagnosisTypeDisplay(tbcase.diagnosisType);

        return React.createElement(
            Fluidbar,
            null,
            React.createElement(
                Grid,
                null,
                React.createElement(
                    Row,
                    null,
                    React.createElement(
                        'div',
                        { className: 'margin-2x' },
                        React.createElement(
                            Col,
                            { md: 12 },
                            React.createElement(Profile, { title: patientName,
                                subtitle: subtitle,
                                type: type,
                                size: 'large'
                            })
                        )
                    )
                ),
                React.createElement(
                    Row,
                    null,
                    React.createElement(
                        Col,
                        { xs: 6, sm: 3, smOffset: 3, md: 2, mdOffset: 1 },
                        React.createElement(
                            'div',
                            { className: 'state-box dt-' + tbcase.diagnosisType },
                            diagnosisType
                        )
                    ),
                    React.createElement(
                        Col,
                        { xs: 6, sm: 3, md: 2 },
                        React.createElement(
                            'div',
                            { className: 'state-box ' + this.stateClass() },
                            stateName
                        )
                    ),
                    React.createElement(
                        Col,
                        { xs: 6, sm: 3, md: 2 },
                        React.createElement(
                            'div',
                            { className: 'state-box ' + (tbcase.validated ? 'vs-validated' : 'vs-notvalidated') },
                            validationName
                        )
                    )
                )
            )
        );
    }
}

PatientPanel.propTypes = {
    tbcase: React.PropTypes.object,
    recordNumber: React.PropTypes.string,
    content: React.PropTypes.node
};