const html = require('choo/html');
const assets = require('../../common/assets');

module.exports = function(state) {
  return html`<div class="footer">
    <div class="legal-links">
      <a href="https://www.mozilla.org" role="presentation"><img class="mozilla-logo" src="${assets.get(
        'mozilla-logo.svg'
      )}" alt="mozilla"/></a>
      <a href="https://www.mozilla.org/about/legal">${state.translate(
        'footerLinkLegal'
      )}</a>
      <a href="https://testpilot.firefox.com/about">${state.translate(
        'footerLinkAbout'
      )}</a>
      <a href="/legal">${state.translate('footerLinkPrivacy')}</a>
      <a href="/legal">${state.translate('footerLinkTerms')}</a>
      <a href="https://www.mozilla.org/privacy/websites/#cookies">${state.translate(
        'footerLinkCookies'
      )}</a>
      <a href="https://www.mozilla.org/about/legal/report-infringement/">${state.translate(
        'reportIPInfringement'
      )}</a>
    </div>
    <div class="social-links">
      <a href="https://github.com/mozilla/send" role="presentation"><img class="github" src="${assets.get(
        'github-icon.svg'
      )}" alt="github"/></a>
      <a href="https://twitter.com/FxTestPilot" role="presentation"><img class="twitter" src="${assets.get(
        'twitter-icon.svg'
      )}" alt="twitter"/></a>
    </div>
  </div>`;
};