import React from 'react';
import { Row, Col } from 'react-bootstrap';
import { Card, Profile } from '../../components/index';
import { app } from '../../core/app';
import { router } from '../../components/router';

export default class IndexDashboard extends React.Component {

    render() {
        const session = app.getState().session;

        const aulist = Object.keys(session.adminUnit).map(k => session.adminUnit[k].name);

        return React.createElement(
            'div',
            null,
            React.createElement(
                'h1',
                null,
                'Dashboard'
            ),
            React.createElement(
                Card,
                null,
                React.createElement(
                    'div',
                    null,
                    React.createElement(Profile, { title: session.unitName,
                        subtitle: aulist.join(', '),
                        size: 'small',
                        type: 'tbunit'
                    }),
                    React.createElement(
                        Row,
                        null,
                        React.createElement(
                            Col,
                            { md: 6 },
                            React.createElement(
                                Card,
                                { title: 'Cases', className: 'card-indicator collapse-card mtop-2x',
                                    onClick: () => router.goto('/sys/home/unit/cases?id=' + session.unitId) },
                                React.createElement(
                                    Row,
                                    null,
                                    React.createElement(
                                        Col,
                                        { xs: 6 },
                                        React.createElement(
                                            'div',
                                            { className: 'ind-value text-primary' },
                                            121
                                        ),
                                        React.createElement(
                                            'div',
                                            { className: 'ind-label' },
                                            'Presumptives'
                                        )
                                    ),
                                    React.createElement(
                                        Col,
                                        { xs: 6 },
                                        React.createElement(
                                            'div',
                                            { className: 'ind-value text-primary' },
                                            78
                                        ),
                                        React.createElement(
                                            'div',
                                            { className: 'ind-label' },
                                            'Cases on treatment'
                                        )
                                    )
                                )
                            )
                        ),
                        React.createElement(
                            Col,
                            { md: 6 },
                            React.createElement(
                                Card,
                                { title: 'Inventory', className: 'card-indicator collapse-card mtop-2x',
                                    onClick: () => router.goto('/sys/home/unit/cases') },
                                React.createElement(
                                    Row,
                                    null,
                                    React.createElement(
                                        Col,
                                        { xs: 6 },
                                        React.createElement(
                                            'div',
                                            { className: 'ind-value text-danger' },
                                            '28 days'
                                        ),
                                        React.createElement(
                                            'div',
                                            { className: 'ind-label' },
                                            'Estimated stock-out'
                                        )
                                    ),
                                    React.createElement(
                                        Col,
                                        { xs: 6 },
                                        React.createElement(
                                            'div',
                                            { className: 'ind-value text-primary' },
                                            '84 days'
                                        ),
                                        React.createElement(
                                            'div',
                                            { className: 'ind-label' },
                                            'First batch to expire'
                                        )
                                    )
                                )
                            )
                        )
                    )
                )
            )
        );
    }
}