import translation from 'src/i18n'
import { langToLocale } from 'src/utils/languageUtils'

export default (lang) => {
  return `
    <tr>
      <td align="left">
            <a name="${lang}-desktop"></a>
            <table cellpadding="0" cellspacing="0" align="left">
              <tbody>
                  <tr>
                      <td width="100" align="left">
                          <table cellpadding="0" cellspacing="0"
                              width="100%" role="presentation">
                              <tbody>
                                  <tr>
                                      <td align="center"
                                          style="font-size: 0;">
                                          <a target="_blank"><img
                                                  src="https://www.qe.uni-kiel.de/de/downloads/logo-lehrentwicklung"
                                                  alt="LOGO CAU Referat Lehrentwicklung"
                                                  width="150"
                                                  title="LOGO CAU Referat Lehrentwicklung"
                                                  style="margin-top: 40px; margin-left: 20px;"></a>
                                      </td>
                                  </tr>
                              </tbody>
                          </table>
                      </td>
                  </tr>
              </tbody>
          </table>
                                                                      <table cellpadding="0" cellspacing="0" align="left">
              <tbody>
                  <tr>
                      <td width="570" align="left">
                          <table cellpadding="0" cellspacing="0"
                              width="100%" role="presentation">
                              <tbody>
                                  <tr>
                                      <td align="center">
                                          <h1 align="center"
                                              style="color:#9B0A7D; margin-bottom: 0px; margin-top: 50px;">
                                              <strong>${translation[langToLocale(lang)].headerElement.title}</strong>
                                          </h1>
                                      </td>
                                  </tr>
                                  <tr>
                                      <td align="center">
                                          <h2 align="center"
                                              style="color:#000000; margin-top: 0px; margin-bottom: 50px;">
                                              <strong>${translation[langToLocale(lang)].headerElement.subtitle}</strong>
                                          </h2>
                                      </td>
                                  </tr>
                              </tbody>
                          </table>
                      </td>
                  </tr>
              </tbody>
          </table>
                                                                      <table cellpadding="0" cellspacing="0" align="right">
              <tbody>
                  <tr>
                      <td width="140" align="left">
                          <table cellpadding="0" cellspacing="0"
                              width="100%" role="presentation"
                              style="margin-top: 30px; border-spacing: 0px 20px;">
                              <tbody>
                                  <tr>
                                      <td align="center"
                                          style="padding: 1px">
                                                                                                                                      <!--[if !mso]><!-- -->
                                          <span
                                              style="background:#46003A;border-radius:0;border-width:0;"><a
                                                  href="#english-desktop"
                                                  style="background: #46003a; ; color: #ffffff; border-radius: 0px; padding: 10px 20px; mso-border-alt: 10px solid #46003a">EN</a></span>
                                          <!--<![endif]-->
                                                                                                                                      <!--[if !mso]><!-- -->
                                          <span
                                              style="background:#46003A;border-radius:0;border-width:0"><a
                                                  href="#german-desktop"
                                                  style="background:#46003A; color: #ffffff; mso-border-alt:10px solid #46003A;border-radius:0;padding:10px 20px">DE</a></span>
                                          <!--<![endif]-->
                                      </td>
                                  </tr>
                                  <tr>
                                      <td align="center">
                                          <span>
                                              <span
                                              style="border-radius:0;"><a
                                                  href="#${lang}-mobile"
                                                  style="border: 1px solid#46003A; color: #46003A; mso-border-alt:1px solid #46003A;border-radius:0;padding:10px 25px">mobile &#128242</a></span>
                                          </span>
                                      </td>
                                  </tr>
                              </tbody>
                          </table>
                      </td>
                  </tr>
              </tbody>
          </table>
        </td>
    </tr>
  `
}