import * as _ from "lodash";
import * as classNames from "classnames";
import * as React from "react";
import { CSSTransition } from 'react-transition-group';

import { Link, ILinkProps } from "../Link";

import { getCurrentYear } from "../../utilities/dates";

export enum FooterType {
  Simple = "Simple",
  Detailed = "Detailed",
}

export interface IFooterProps {
  type?: FooterType,
  mount?: boolean;
  help?: ILinkProps;
  policies?: ILinkProps[];
  withHelp?: boolean;
  withPatent?: boolean;
  withCopyright?: boolean;
}

const defaultHelpProps: ILinkProps = {
  text: "Contact Us",
  href: "mailto:support@air.cam",
}

const defaultPoliciesProps: ILinkProps[] = [
  {
    text: "Privacy Policy",
    href: "/resources/privacy.html",
  },
  {
    text: "Terms of Service",
    href: "/resources/tos.html",
  },
];

export const Footer = ({
  type,
  mount = true,
  withHelp = true,
  withPatent = true,
  withCopyright = false,
  help = defaultHelpProps,
  policies = defaultPoliciesProps
}: IFooterProps) => (
  <CSSTransition
    in={mount}
    timeout={400}
    classNames="footer"
    unmountOnExit={true}
    appear={mount}
  >
    <div className={classNames("footer", {
      "footer--with-copyright": withCopyright,
      [`footer--${type}`]: true,
    })}>
      {withHelp && (
        <div className="footer__help">
          <span>Need help?</span>
          <Link {...help} />
        </div>
      )}

      {!_.isEmpty(policies) && (
        <div className="footer__policies">
          {policies[0] && <Link {...policies[0] } />}
          {policies[1] && <Link {...policies[1] } />}
          <div className="footer__policies-help" {...!withHelp && {
            style: {
              display: "inline",
            },
          }}>
            <Link {...help} />
          </div>
        </div>
      )}

      {withPatent && (
        <div className="footer__patent">
           <span>Patent Pending</span>
        </div>
      )}

      {withCopyright && (
        <div className="footer__copyright">
          <span>
            Aircam Copyright © {getCurrentYear()}. All rights are reserved.
          </span>
        </div>
      )}
    </div>
  </CSSTransition>
)