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

export default (lang) => {
  return `
    <tr>
      <td>
          <table cellpadding="0" cellspacing="0">
              <tr>
                  <td>
                      <a name="${lang}-mobile"></a>
                      <table cellpadding="0" cellspacing="0">
                          <tr>
                              <td align="center"
                                  width="450"
                                          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="300"
                                                  title="LOGO CAU Referat Lehrentwicklung"
                                                  ></a>
                              </td>
                              <td width="450">
                                  <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]><a href="#english-mobile" target="_blank" hidden>
                  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" esdevVmlButton href="#english-mobile" style="height:41px; v-text-anchor:middle; width:66px" arcsize="0%" stroke="f" fillcolor="#46003a">
                      <w:anchorlock></w:anchorlock>
                      <center style='color:#ffffff; font-family:arial, "helvetica neue", helvetica, sans-serif; font-size:15px; font-weight:400; line-height:15px; mso-text-raise:1px'>EN</center>
                  </v:roundrect></a>
              <![endif]-->
                                                  <!--[if !mso]><!-- -->
                                                  <span
                                                      style="background:#46003A;border-radius:0;border-width:0;"><a
                                                          href="#english-mobile"
                                                          style="font-size: 50px ;background: #46003a; ; color: #ffffff; border-radius: 0px; padding: 10px 20px; mso-border-alt: 10px solid #46003a">EN</a></span>
                                                  <!--<![endif]-->
                                                  <!--[if mso]><a href="#english-mobile" target="_blank" hidden>
                  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" esdevVmlButton href="#english-mobile" style="height:41px; v-text-anchor:middle; width:66px" arcsize="0%" stroke="f" fillcolor="#46003a">
                      <w:anchorlock></w:anchorlock>
                      <center style='color:#ffffff; font-family:arial, "helvetica neue", helvetica, sans-serif; font-size:15px; font-weight:400; line-height:15px; mso-text-raise:1px'>DE</center>
                  </v:roundrect></a>
              <![endif]-->
                                                  <!--[if !mso]><!-- -->
                                                  <span
                                                      style="background:#46003A;border-radius:0;border-width:0"><a
                                                          href="#german-mobile"
                                                          style="font-size: 50px; 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}-desktop"
                                                          style="font-size: 30px; border: 1px solid#46003A; color: #46003A; mso-border-alt:1px solid #46003A;border-radius:0;padding:10px 25px">Desktop &#128187</a></span>
                                                  </span>
                                              </td>
                                          </tr>
                                      </tbody>
                                  </table>
                              </td>
                          </tr>
                      </table>
                  </td>
              </tr>
              <tr>
                  <td>
                      <h1 align="center"
                          style="color:#9B0A7D; margin-bottom: 0px; margin-top: 50px; text-align: center; font-size: 70px;">
                          <strong>${translation[langToLocale(lang)].headerElement.title}</strong>
                      </h1>
                  </td>
              </tr>
              <tr>
                  <td align="center" width="900">
                      <h2 align="center"
                          style="color:#000000; margin-top: 0px; margin-bottom: 50px; font-size: 50px;">
                          <strong>${translation[langToLocale(lang)].headerElement.subtitle}</strong>
                      </h2>
                  </td>
              </tr>

          </table>
      </td>
  </tr>
    `
}