doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content= pageDescription || siteDescription)

    title= pageTitle ? `${pageTitle} | ${site.name}` : site.name

    style(type="text/css").
      html, body {
        padding: 0;
        margin: 0;
        background-color: #ffffff;
        color: #1a1a1a;
      }

      section {
        padding: 20px 0;
        background-color: #ffffff;
        color: #1a1a1a;
      }

      section.section-muted {
        background-color: #f8f8f8;
        color: #2a2a2a;
      }

      .common-title {
        max-width: 640px;
        margin: 0 auto 8px auto;
        font-size: 1.5em;
      }

      .common-greeting {
        max-width: 640px;
        margin: 0 auto 20px auto;
        font-size: 1.1em;
      }

      .common-slogan {
        max-width: 640px;
        margin: 0 auto;
        font-size: 1.1em;
        font-style: italic;
      }

      .content-message {
        max-width: 640px;
        margin: 0 auto;
        background: white;
        color: black;
        font-size: 14px;
      }

      .content-signature {
        max-width: 640px;
        margin: 0 auto;
        background: white;
        color: black;
        font-size: 14px;
      }

      .common-footer {
        max-width: 640px;
        margin: 0 auto;
        font-size: 10px;
      }

      .channel-icon {
        border-radius: 8px;
      }

      .action-button {
        padding: 6px 20px;
        margin: 24px 0;
        border: none;
        border-radius: 20px;
        outline: none;
        background-color: #1093de;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
      }

  body

    include ../library

    section.section-muted
      include ../../common/html/header

    section
      .common-greeting
        div Dear #{recipient.displayName || recipient.username},

      block message-body
        .content-message
          block content
      
      .content-signature
        p Thank you for your continued support!
        p The #{site.name} team.

    section.section-muted
      include ../../common/html/footer