<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body
    style="
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
      margin: 0;
      padding: 0;
    "
  >
    <div
      style="
        max-width: 37.5em;
        margin: 20px auto;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        overflow: hidden;
      "
    >
      <div style="padding: 20px">
        <h1
          style="
            font-size: 32px;
            font-weight: bold;
            text-align: center;
            margin: 0;
          "
        >
          Hi {{ context.name | default:'Apple' }},
        </h1>
        <h2
          style="
            font-size: 26px;
            font-weight: bold;
            text-align: center;
            margin: 0;
          "
        >
          We noticed a recent login to your {{ context.company | default:'Apple'}} account.
        </h2>
        <p style="font-size: 16px; line-height: 24px; margin: 16px 0">
          <b>Time:</b> {{ context.date }} at {{ context.time | default:'August 1, 2002 at 6:30 AM' }}
        </p>
        <p style="font-size: 16px; line-height: 24px; margin: 16px 0">
          <b>Device:</b> {{ context.device | default:'Chrome on Mac OS X' }}
        </p>
        <p style="font-size: 16px; line-height: 24px; margin: 16px 0">
          <b>Location:</b> {{ context.location | default:'Upland, California,United States' }}
        </p>
        <p style="font-size: 16px; line-height: 24px; margin: 16px 0">
          If this was you, there's nothing else you need to do.
        </p>
        <p style="font-size: 16px; line-height: 24px; margin: 16px 0">
          If this wasn't you or if you have additional questions, please see our
          support page.
        </p>
        <div style="text-align: center">
          <a
            href="{{ context.link | default:'' }}"
            style="
              background-color: #e00707;
              border-radius: 3px;
              color: #fff;
              font-weight: bold;
              border: 1px solid rgba(0, 0, 0, 0.1);
              cursor: pointer;
              padding: 12px 30px;
              line-height: 100%;
              text-decoration: none;
              display: inline-block;
              max-width: 100%;
            "
            >Learn More</a
          >
        </div>
      </div>
    </div>
  </body>
</html>
