import React from 'react';

import './profile.less';

export default class Profile extends React.Component {

    /**
     * Get the icon to display accoring to the type
     * @return {string} name of the icon in the font awesome library
     */
    getIconType() {
        switch (this.props.type) {
            case 'place':
                return 'map-marker';
            case 'male':
                return 'male';
            case 'female':
                return 'female';
            case 'tbunit':
                return 'hospital-o';
            case 'lab':
                return 'building';
            case 'ws':
                return 'globe';
            case 'medicine':
                return 'ticket';
            case 'product':
                return 'product-hunt';
            case 'user':
                return 'user';
            default:
                return 'exclamation-triangle';
        }
    }

    render() {
        let icon, imgClass;

        if (this.props.type) {
            imgClass = 'prof-' + this.props.type;
            icon = this.getIconType();
        } else {
            icon = this.props.fa;
            imgClass = this.props.imgClass;
        }

        icon = 'fa fa-' + icon + ' profile-front';
        imgClass = 'profile-image ' + (imgClass ? imgClass : 'profile-img-default');

        const profileClass = 'profile profile-' + (this.props.size || 'medium');

        return React.createElement(
            'div',
            { className: profileClass, style: this.props.style },
            (this.props.type || this.props.fa) && React.createElement(
                'div',
                { className: imgClass },
                React.createElement('i', { className: icon })
            ),
            this.props.title && React.createElement(
                'div',
                { className: 'profile-title' },
                this.props.title
            ),
            this.props.subtitle && React.createElement(
                'div',
                { className: 'profile-subtitle' },
                this.props.subtitle
            ),
            this.props.bottomline && React.createElement('hr', null)
        );
    }
}

Profile.propTypes = {
    fa: React.PropTypes.string,
    title: React.PropTypes.string,
    subtitle: React.PropTypes.any,
    size: React.PropTypes.string,
    imgClass: React.PropTypes.string,
    bottomline: React.PropTypes.bool,
    type: React.PropTypes.oneOf(['male', 'female', 'tbunit', 'lab', 'ws', 'product', 'medicine', 'user', 'place']),
    style: React.PropTypes.object
};