/* eslint-disable */
function Header({ active, onNav, session, onSignOut, partner, deals }) {
  var displayName = (partner && partner.full_name) || (session && session.user && session.user.email) || '';
  var activeCount = deals ? deals.filter(function(d){ return d.stage === 'Active'; }).length : 0;

  return (
    <header className="ccg-header">
      <a className="ccg-header__brand" href="#" onClick={function(e){ e.preventDefault(); onNav('home'); }}>
        <img src="assets/CCG_LOGO.png" alt="Carpenter Consulting Group, LLC" />
      </a>
      <nav className="ccg-nav">
        <a href="#contact"
          className={'ccg-nav__link' + (active === 'contact' ? ' is-active' : '')}
          onClick={function(e){ e.preventDefault(); onNav('contact'); }}>
          Contact
        </a>
        {session ? (
          <>
            <span className="ccg-nav__userinfo">
              Logged in as {displayName} with {activeCount} Active {activeCount === 1 ? 'Project' : 'Projects'}
            </span>
            <a href="#signout" className="ccg-nav__link"
              onClick={function(e){ e.preventDefault(); onSignOut && onSignOut(); }}>
              Sign Out
            </a>
          </>
        ) : (
          <a href="#login"
            className={'ccg-nav__link' + (active === 'login' ? ' is-active' : '')}
            onClick={function(e){ e.preventDefault(); onNav('login'); }}>
            Partner Login
          </a>
        )}
      </nav>
    </header>
  );
}
window.Header = Header;