{
  "name": "Unassigned Tickets Digest Email Template",
  "mjml": "<mjml>\n<mj-head>\n    <mj-style>\n        .ticketsTable table {\n            border-collapse: collapse;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .ticketsTable table, .ticketsTable th, .ticketsTable td {\n            border: 1px solid black;\n        }\n        \n        .ticketsTable th, .ticketsTable td {\n            padding: 10px;\n            text-align: left;\n        }\n        \n        .ticketsTable th {\n            text-transform: capitalize;\n            text-align: center;\n        }\n    </mj-style>\n</mj-head>\n<mj-body>\n    <mj-section padding-top=\"0\" padding-bottom=\"0px\">\n        <mj-column>\n            <mj-image width=\"50px\" src=\"{{ Branding.Logo.Url }}\" alt=\"Logo\"></mj-image>\n        </mj-column>\n    </mj-section>\n    \n    <mj-section padding=\"0\">\n        <mj-column padding=\"0\">\n            <mj-divider width=\"80%\" padding-top=\"0\" padding-bottom=\"0\" border-width=\"2px\" border-color=\"{{ Branding.Theme.Primary }}\"></mj-divider>\n        </mj-column>\n    </mj-section>\n    \n    <mj-section padding-top=\"20px\" padding-bottom=\"20px\">\n        <mj-column>\n            <mj-text font-size=\"18px\" align=\"center\">\n                <b>Unassigned open tickets digest</b>\n            </mj-text> \n            <mj-text font-size=\"14px\" line-height=\"28px\">\n                Hi,\n                <br>\n                There are {{ totalCount }} unassigned and open tickets.\n                <br>\n                Below are the top {{ resultsCount }} unassigned and open tickets, ordered by oldest:\n            </mj-text>\n        </mj-column>\n    </mj-section>\n    \n    <mj-raw>\n        <div class=\"ticketsTable\" style=\"padding: 0 20px 0 20px;\">\n            {{ htmlTableString | Replace: '&lt;', '<' | Replace: '&quot;', '\"' | Replace: '&gt;', '>' }}\n        </div>\n    </mj-raw>\n</mj-body>\n</mjml>",
  "html": "\n    <!doctype html>\n    <html xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n      <head>\n        <title>\n          \n        </title>\n        <!--[if !mso]><!-- -->\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n        <!--<![endif]-->\n        <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        <style type=\"text/css\">\n          #outlook a { padding:0; }\n          body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }\n          table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }\n          img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }\n          p { display:block;margin:13px 0; }\n        </style>\n        <!--[if mso]>\n        <xml>\n        <o:OfficeDocumentSettings>\n          <o:AllowPNG/>\n          <o:PixelsPerInch>96</o:PixelsPerInch>\n        </o:OfficeDocumentSettings>\n        </xml>\n        <![endif]-->\n        <!--[if lte mso 11]>\n        <style type=\"text/css\">\n          .mj-outlook-group-fix { width:100% !important; }\n        </style>\n        <![endif]-->\n        \n      <!--[if !mso]><!-->\n        <link href=\"https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700\" rel=\"stylesheet\" type=\"text/css\">\n        <style type=\"text/css\">\n          @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);\n        </style>\n      <!--<![endif]-->\n\n    \n        \n    <style type=\"text/css\">\n      @media only screen and (min-width:480px) {\n        .mj-column-per-100 { width:100% !important; max-width: 100%; }\n      }\n    </style>\n    \n  \n        <style type=\"text/css\">\n        \n        \n\n    @media only screen and (max-width:480px) {\n      table.mj-full-width-mobile { width: 100% !important; }\n      td.mj-full-width-mobile { width: auto !important; }\n    }\n  \n        </style>\n        <style type=\"text/css\">.ticketsTable table {\n            border-collapse: collapse;\n            margin-left: auto;\n            margin-right: auto;\n        }\n        \n        .ticketsTable table, .ticketsTable th, .ticketsTable td {\n            border: 1px solid black;\n        }\n        \n        .ticketsTable th, .ticketsTable td {\n            padding: 10px;\n            text-align: left;\n        }\n        \n        .ticketsTable th {\n            text-transform: capitalize;\n            text-align: center;\n        }</style>\n        \n      </head>\n      <body>\n        \n        \n      <div\n         style=\"\"\n      >\n        \n      \n      <!--[if mso | IE]>\n      <table\n         align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" style=\"width:600px;\" width=\"600\"\n      >\n        <tr>\n          <td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\n      <![endif]-->\n    \n      \n      <div  style=\"margin:0px auto;max-width:600px;\">\n        \n        <table\n           align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n        >\n          <tbody>\n            <tr>\n              <td\n                 style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;\"\n              >\n                <!--[if mso | IE]>\n                  <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n                \n        <tr>\n      \n            <td\n               class=\"\" style=\"vertical-align:top;width:600px;\"\n            >\n          <![endif]-->\n            \n      <div\n         class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n      >\n        \n      <table\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n      >\n        \n            <tr>\n              <td\n                 align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\"\n              >\n                \n      <table\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"border-collapse:collapse;border-spacing:0px;\"\n      >\n        <tbody>\n          <tr>\n            <td  style=\"width:50px;\">\n              \n      <img\n         alt=\"Logo\" height=\"auto\" src=\"{{ Branding.Logo.Url }}\" style=\"border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;\" width=\"50\"\n      />\n    \n            </td>\n          </tr>\n        </tbody>\n      </table>\n    \n              </td>\n            </tr>\n          \n      </table>\n    \n      </div>\n    \n          <!--[if mso | IE]>\n            </td>\n          \n        </tr>\n      \n                  </table>\n                <![endif]-->\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        \n      </div>\n    \n      \n      <!--[if mso | IE]>\n          </td>\n        </tr>\n      </table>\n      \n      <table\n         align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" style=\"width:600px;\" width=\"600\"\n      >\n        <tr>\n          <td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\n      <![endif]-->\n    \n      \n      <div  style=\"margin:0px auto;max-width:600px;\">\n        \n        <table\n           align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n        >\n          <tbody>\n            <tr>\n              <td\n                 style=\"direction:ltr;font-size:0px;padding:0;text-align:center;\"\n              >\n                <!--[if mso | IE]>\n                  <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n                \n        <tr>\n      \n            <td\n               class=\"\" style=\"vertical-align:top;width:600px;\"\n            >\n          <![endif]-->\n            \n      <div\n         class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n      >\n        \n      <table\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\"\n      >\n        <tbody>\n          <tr>\n            <td  style=\"vertical-align:top;padding:0;\">\n              \n      <table\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"\" width=\"100%\"\n      >\n        \n            <tr>\n              <td\n                 style=\"font-size:0px;padding:10px 25px;padding-top:0;padding-bottom:0;word-break:break-word;\"\n              >\n                \n      <p\n         style=\"border-top:solid 2px {{ Branding.Theme.Primary }};font-size:1px;margin:0px auto;width:80%;\"\n      >\n      </p>\n      \n      <!--[if mso | IE]>\n        <table\n           align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-top:solid 2px {{ Branding.Theme.Primary }};font-size:1px;margin:0px auto;width:430px;\" role=\"presentation\" width=\"430px\"\n        >\n          <tr>\n            <td style=\"height:0;line-height:0;\">\n              &nbsp;\n            </td>\n          </tr>\n        </table>\n      <![endif]-->\n    \n    \n              </td>\n            </tr>\n          \n      </table>\n    \n            </td>\n          </tr>\n        </tbody>\n      </table>\n    \n      </div>\n    \n          <!--[if mso | IE]>\n            </td>\n          \n        </tr>\n      \n                  </table>\n                <![endif]-->\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        \n      </div>\n    \n      \n      <!--[if mso | IE]>\n          </td>\n        </tr>\n      </table>\n      \n      <table\n         align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"\" style=\"width:600px;\" width=\"600\"\n      >\n        <tr>\n          <td style=\"line-height:0px;font-size:0px;mso-line-height-rule:exactly;\">\n      <![endif]-->\n    \n      \n      <div  style=\"margin:0px auto;max-width:600px;\">\n        \n        <table\n           align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"width:100%;\"\n        >\n          <tbody>\n            <tr>\n              <td\n                 style=\"direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:20px;text-align:center;\"\n              >\n                <!--[if mso | IE]>\n                  <table role=\"presentation\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n                \n        <tr>\n      \n            <td\n               class=\"\" style=\"vertical-align:top;width:600px;\"\n            >\n          <![endif]-->\n            \n      <div\n         class=\"mj-column-per-100 mj-outlook-group-fix\" style=\"font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;\"\n      >\n        \n      <table\n         border=\"0\" cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" style=\"vertical-align:top;\" width=\"100%\"\n      >\n        \n            <tr>\n              <td\n                 align=\"center\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\"\n              >\n                \n      <div\n         style=\"font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;line-height:1;text-align:center;color:#000000;\"\n      ><b>Unassigned open tickets digest</b></div>\n    \n              </td>\n            </tr>\n          \n            <tr>\n              <td\n                 align=\"left\" style=\"font-size:0px;padding:10px 25px;word-break:break-word;\"\n              >\n                \n      <div\n         style=\"font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:14px;line-height:28px;text-align:left;color:#000000;\"\n      >Hi,\n                <br>\n                There are {{ totalCount }} unassigned and open tickets.\n                <br>\n                Below are the top {{ resultsCount }} unassigned and open tickets, ordered by oldest:</div>\n    \n              </td>\n            </tr>\n          \n      </table>\n    \n      </div>\n    \n          <!--[if mso | IE]>\n            </td>\n          \n        </tr>\n      \n                  </table>\n                <![endif]-->\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        \n      </div>\n    \n      \n      <!--[if mso | IE]>\n          </td>\n        </tr>\n      </table>\n      <![endif]-->\n    \n    <div class=\"ticketsTable\" style=\"padding: 0 20px 0 20px;\">\n            {{ htmlTableString | Replace: '&lt;', '<' | Replace: '&quot;', '\"' | Replace: '&gt;', '>' }}\n        </div>\n      </div>\n    \n      </body>\n    </html>\n  ",
  "variables": [
    {
      "name": "totalCount",
      "description": "Total number of tickets that meet search criteria.",
      "type": "number",
      "sample": "50"
    },
    {
      "name": "resultsCount",
      "description": "Number of tickets returned from search.",
      "type": "number",
      "sample": "20"
    },
    {
      "name": "htmlTableString",
      "description": "HTML table in string form.",
      "type": "string",
      "sample": "<table><tr><th>col1</th><th>col2</th></tr></table>"
    }
  ]
}