- const button_style = 'white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:100%;font-size: 15px;font-family:Helvetica,Arial,sans-serif;text-decoration:none;line-height: 32px;color:#fff'
- const container_style = "margin : 0;padding : 0;background : #fff;text-align : left;font-size  : 15px;line-height: 1.4;font-family: 'Helvetica Neue', helvetica, 'Segoe UI', arial, sans-serif;font-weight: 400;"

doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    meta(http-equiv='X-UA-Compatible' content='IE=edge')
    meta(name='viewport' content='width=device-width, initial-scale=1.0')
    title Worklenz Daily Digest
  body
    style.
      td {
        font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
        background: #fff;
        margin: 0;
        padding: 0;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
      }
    div(style=container_style)
      div(style='padding:15px 25px')
        table(style='width: 100%;max-width: 40em;')
          tbody
            tr
              td
                table(width='100%')
                  tbody
                    tr
                      td
                        img(width='50' height='50' src='https://worklenz.s3.amazonaws.com/assets/icon-96x96.png')
                    tr
                      td(style='height:0.625em')
                table(width='100%')
                  tbody
                    tr
                      td
                        h3(style='margin:0;line-height:1.2;font-size:1.3em')
                          | #{greeting},
                    tr
                      td
                        table
                          tbody
                            tr
                              td
                                h3(style='display: flex;margin-top: 0px;margin-bottom: 0;font-size: 1.1em;padding-bottom: 6px;border-bottom: 1px solid #d8d8d8;color: #2b2b2b;font-weight: 500;')
                                  //- img(src='https://worklenz.s3.amazonaws.com/assets/clock.png' style='width: 16px;height: 16px;margin-right: 10px;margin-top: 4px;')
                                  | #{summary}
                            tr
                              td
                                h5(style='font-size:1em;margin-top: 12px;margin-bottom:0')
                                  div(style='color:rgba(0, 0, 0, 0.45);font-size:12px')
                                    img(src='https://worklenz.s3.amazonaws.com/assets/team-icon.png' style='width: 12px;height:12px;')
                                    | #{team}
                                b
                                  a(style='color:inherit;text-decoration:none;color:#1890ff;color:inherit!important;text-decoration:none!important' target='_blank')=project_name
                                table(width='100%')
                                  tbody
                                    tr
                                      td(style='vertical-align:top;width:100%')
                                        span(style='color:#6d6e6f')=comment
                    tr
                      td(style='padding-top:20px')
                        table
                          tbody
                            tr
                              td(bgcolor='#3cb371' style='display:block;height:32px;padding:0 20px;text-align:center;background-color:#1890ff;border-radius:4px;color:#fff')
                                a(style=button_style href=task_url target='_blank')
                                  span(style='color:#fff') Reply to this
            tr
              td
                table(width='100%')
                  tbody
                    tr
                      td(style='padding-bottom: 6px;padding-top: 10px;')
                        hr(style='margin:0;border-left:0;border-right:0;border-top:0;border-bottom:1px solid #d8d8d8')
                    tr
                      td(style='padding-top:10px;padding-bottom:10px')
                        p(style='color:#000;margin:0 0 19px;font-size:12px;line-height:15px;color:#6d6d6d;margin-bottom:0')
                          | This email sending to you because you have enabled email notifications. 
                          a(style='color:inherit;text-decoration:underline;color:#1890ff;color:#6d6d6d' href=settings_url target='_blank') Stop sending it to me.