/* Site footer. Props: lang, navigate */
(function () {
  const Icon = window.Icon;

  const Footer = ({ lang, navigate }) => {
    const t = (v) => window.tr(lang, v);
    const S = window.SITE.ui;
    const P = window.SITE.partners;
    const C = window.SITE.contact.company;

    const navItems = [
      ['system', S.nav.system], ['products', S.nav.products],
      ['projects', S.nav.projects], ['contact', S.nav.contact],
    ];

    return React.createElement('footer', { className: 'site-footer' },
      React.createElement('div', { className: 'container' },
        React.createElement('div', { className: 'footer-top' },
          React.createElement('div', { className: 'footer-brand' },
            React.createElement('div', { className: 'brand', onClick: () => navigate('home'), role: 'button', style: { cursor: 'pointer' } },
              React.createElement('div', { className: 'brand__bar' }),
              React.createElement('div', { className: 'brand__wm' },
                React.createElement('span', { className: 'brand__name' }, 'EINSTEIN®'),
                React.createElement('span', { className: 'brand__sub' }, 'Fugentechnik')
              )
            ),
            React.createElement('p', { className: 'footer-tag' }, t(S.footer.tagline)),
            React.createElement('p', { className: 'footer-tag mono', style: { fontSize: 12, marginTop: 16, color: 'rgba(255,255,255,.55)' } },
              C.name, React.createElement('br'),
              C.addr.join(' · ')
            )
          ),
          React.createElement('div', { className: 'footer-col' },
            React.createElement('h4', null, lang === 'de' ? 'Navigation' : 'Navigation'),
            React.createElement('ul', null,
              navItems.map(([key, label]) => React.createElement('li', { key },
                React.createElement('a', { onClick: () => navigate(key), role: 'button' }, t(label))))
            )
          ),
          React.createElement('div', { className: 'footer-col' },
            React.createElement('h4', null, t(S.footer.partnersTitle)),
            React.createElement('ul', null,
              React.createElement('li', null,
                React.createElement('a', { onClick: () => navigate('contact'), role: 'button' }, t(S.cta.partner)))
            )
          )
        ),
        React.createElement('div', { className: 'footer-bottom' },
          React.createElement('div', { className: 'footer-bottom__legal' },
            React.createElement('a', { role: 'button' }, t(S.footer.imprint)),
            React.createElement('a', { role: 'button' }, t(S.footer.privacy)),
            React.createElement('a', { onClick: () => navigate('moderator'), role: 'button' }, t(S.cta.moderator))
          ),
          React.createElement('span', { className: 'footer-bottom__copy' },
            '© ' + new Date().getFullYear() + ' ' + C.name + '. ' + t(S.footer.rights))
        )
      )
    );
  };

  window.Footer = Footer;
})();