import React from 'react';
import { Card, Fa } from '../../components';
import SessionUtils from '../session-utils';

import moment from 'moment';

export default class OtherCases extends React.Component {

    renderOtherCase(data, index) {
        if (this.props.tbcase.id === data.id) {
            return null;
        }

        return React.createElement(
            'a',
            { key: index, href: SessionUtils.caseHash(data.id), className: 'other-cases' },
            React.createElement(
                'div',
                { className: 'content' },
                React.createElement(
                    'div',
                    null,
                    SessionUtils.classifDisplay(data.classification.id, data.diagnosisType.id)
                ),
                React.createElement(
                    'div',
                    { className: 'text-muted text-small' },
                    __('TbCase.registrationDate') + ': ',
                    moment(data.registrationDate).format('L')
                ),
                React.createElement(
                    'div',
                    null,
                    SessionUtils.caseStateDisplay(data.state)
                )
            )
        );
    }

    render() {
        const tbcase = this.props.tbcase;

        // don't have other cases
        if (tbcase.allCases.length <= 1) {
            return React.createElement(
                Card,
                { title: __('cases.details.others') },
                React.createElement(
                    'div',
                    { className: 'message-muted' },
                    React.createElement(Fa, { icon: 'book' }),
                    React.createElement(
                        'div',
                        null,
                        __('cases.details.othercases.noresult')
                    )
                )
            );
        }

        return React.createElement(
            Card,
            { title: __('cases.details.others') },
            tbcase.allCases.map((item, i) => this.renderOtherCase(item, i))
        );
    }
}

OtherCases.propTypes = {
    tbcase: React.PropTypes.object
};