import * as React from 'react';

import hotspotStyles from './hotspotInfo.module.scss';
import { getNCBIlink } from 'cbioportal-frontend-commons';

export type HotspotInfoProps = {
    isHotspot: boolean;
    is3dHotspot: boolean;
    count?: number;
    customInfo?: JSX.Element;
};

export function title(
    isHotspot: boolean,
    is3dHotspot: boolean,
    count?: number,
    customInfo?: JSX.Element
) {
    const recurrentHotspot = isHotspot ? <b>Recurrent Hotspot</b> : null;
    const maybeAnd = isHotspot && is3dHotspot ? <span>and</span> : null;
    const clusteredHotspot = is3dHotspot ? <b>3D Clustered Hotspot</b> : null;

    let countInfo: JSX.Element | null = null;

    if (count) {
        const sample = count > 1 ? 'samples' : 'sample';
        countInfo = (
            <span>
                <b>{count}</b> {sample} with
            </span>
        );
    }

    return (
        <span>
            {countInfo} {recurrentHotspot} {maybeAnd} {clusteredHotspot}{' '}
            {customInfo}
        </span>
    );
}

export function publication(isHotspot: boolean, is3dHotspot: boolean) {
    const recurrentHotspot = isHotspot
        ? 'a recurrent hotspot (statistically significant)'
        : '';
    const maybeAnd = isHotspot && is3dHotspot ? 'and' : '';
    const clusteredHotspot = is3dHotspot ? 'a 3D clustered hotspot' : '';

    const recurrentPublication = isHotspot ? (
        <a href={getNCBIlink(`/pubmed/26619011`)} target="_blank">
            Chang et al., Nat Biotechnol, 2016
        </a>
    ) : (
        ''
    );

    const clusteredPublication = is3dHotspot ? (
        <a
            href="http://genomemedicine.biomedcentral.com/articles/10.1186/s13073-016-0393-x"
            target="_blank"
        >
            Gao et al., Genome Medicine, 2017
        </a>
    ) : (
        ''
    );

    return (
        <span>
            This mutated amino acid was identified as {recurrentHotspot}{' '}
            {maybeAnd} {clusteredHotspot} in a population-scale cohort of tumor
            samples of various cancer types using methodology based in part on{' '}
            {recurrentPublication} {maybeAnd} {clusteredPublication}.
        </span>
    );
}

export function link(isHotspot: boolean, is3dHotspot: boolean) {
    const recurrentLink = isHotspot ? (
        <a href="https://www.cancerhotspots.org/" target="_blank">
            https://cancerhotspots.org/
        </a>
    ) : (
        ''
    );

    const maybeAnd = isHotspot && is3dHotspot ? 'and' : '';

    const clusteredLink = is3dHotspot ? (
        <a href="https://www.3dhotspots.org/" target="_blank">
            https://3dhotspots.org/
        </a>
    ) : (
        ''
    );

    return (
        <span>
            Explore all mutations at {recurrentLink} {maybeAnd} {clusteredLink}.
        </span>
    );
}

export const HotspotInfo: React.FunctionComponent<HotspotInfoProps> = props => {
    const { isHotspot, is3dHotspot, count, customInfo } = props;

    return (
        <span className={hotspotStyles['hotspot-info']}>
            {title(isHotspot, is3dHotspot, count, customInfo)}
            <br />
            {publication(isHotspot, is3dHotspot)}
            <br />
            <br />
            {link(isHotspot, is3dHotspot)}
        </span>
    );
};