Меняем стандартные шаблоны email оповещений Icinga2 на симпатичные и адаптивные.

Скрипт отправки оповещения о состоянии сервиса /etc/icinga2/scripts/mail-service-notification.sh:
```html

#!/bin/sh
template=`cat <<TEMPLATE

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<!--[if !mso]><!-->
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<!--<![endif]-->
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<title></title>
<style type='text/css'>
* {
    -webkit-font-smoothing: antialiased;
}
body {
    Margin: 0;
    padding: 0;
    min-width: 100%;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    mso-line-height-rule: exactly;
}
table {
    border-spacing: 0;
    color: #333333;
    font-family: Arial, sans-serif;
}
img {
    border: 0;
}
.wrapper {
    width: 100%;
    table-layout: fixed;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.webkit {
    max-width: 800px;
}
.outer {
    Margin: 0 auto;
    width: 100%;
    max-width: 800px;
}
.full-width-image img {
    width: 100%;
    max-width: 800px;
    height: auto;
}
.inner {
    padding: 10px;
}
p {
    Margin: 0;
    padding-bottom: 10px;
}
.h1 {
    font-size: 21px;
    font-weight: bold;
    Margin-top: 15px;
    Margin-bottom: 5px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.h2 {
    font-size: 18px;
    font-weight: bold;
    Margin-top: 10px;
    Margin-bottom: 5px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.one-column .contents {
    text-align: left;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.one-column p {
    font-size: 14px;
    Margin-bottom: 10px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.two-column {
    text-align: left;
    font-size: 0;
}
.two-column .column {
    width: 100%;
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
}
.contents {
    width: 100%;
}
.two-column .contents {
    font-size: 14px;
    text-align: left;
}
.two-column img {
    width: 100%;
    max-width: 280px;
    height: auto;
}
.two-column .text {
    padding-top: 10px;
}
.three-column {
    text-align: center;
    font-size: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
.three-column .column {
    width: 100%;
    max-width: 200px;
    display: inline-block;
    vertical-align: top;
}
.three-column .contents {
    font-size: 14px;
    text-align: center;
}
.three-column img {
    width: 100%;
    max-width: 180px;
    height: auto;
}
.three-column .text {
    padding-top: 10px;
}
.img-align-vertical img {
    display: inline-block;
    vertical-align: middle;
}
@media only screen and (max-device-width: 480px) {
  table[class=hide], img[class=hide], td[class=hide] {
      display: none !important;
  }
  .contents1 {
      width: 100%;
  }
  .contents1 {
      width: 100%;
  }
}


.plsatin-ps-style table {
    border-spacing: 0 0;
    border-collapse: collapse;
    font-size: 9pt;
    width: 100%;
}
.plsatin-ps-style th {
    background: #E7E7E8;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    padding: 3px 6px 3px 6px;
}
.plsatin-ps-style td {
    vertical-align: top;
    padding: 3px 6px 5px 5px;
    margin: 0px;
    border: 1px solid #E7E7E8;
    /*background: #F7F7F8;*/
    font-size: 1em;
}
.IconSuccessEncoded, .IconInfoEncoded, .IconWarningEncoded, .IconErrorEncoded {
    min-width: 18px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.IconSuccessEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/success_16.png);
}
.IconInfoEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/info_16.png);
}
.IconWarningEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/warning_16.png);
}
.IconErrorEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/error_16.png);
}


</style>

<!--[if (gte mso 9)|(IE)]>
    <style type='text/css'>
        table {border-collapse: collapse !important;}
    </style>
    <![endif]-->
</head>

<body style='Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:#f3f2f0;'>
<center class='wrapper' style='width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#f3f2f0;'>
  <table width='100%' cellpadding='0' cellspacing='0' border='0' style='background-color:#f3f2f0;' bgcolor='#f3f2f0;'>
    <tr>
      <td width='100%'><div class='webkit' style='max-width:800px;Margin:0 auto;'>

          <!--[if (gte mso 9)|(IE)]>

                        <table width='800' align='center' cellpadding='0' cellspacing='0' border='0' style='border-spacing:0' >
                            <tr>
                                <td style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                <![endif]-->

          <!-- ======= start main body ======= -->
          <table class='outer' align='center' cellpadding='0' cellspacing='0' border='0' style='border-spacing:0;Margin:0 auto;width:100%;max-width:800px;'>
            <tr>
              <td style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'><!-- ======= start header ======= -->

                <table border='0' width='100%' cellpadding='0' cellspacing='0'  >
                  <tr>
                    <td><table style='width:100%;' cellpadding='0' cellspacing='0' border='0'>
                        <tbody>
                          <tr>
                            <td align='center'><center>
                                <table border='0' align='center' width='100%' cellpadding='0' cellspacing='0' style='Margin: 0 auto;'>
                                  <tbody>
                                    <tr>
                                      <td class='one-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'><table border='0' cellpadding='0' cellspacing='0' width='100%' style='border-spacing:0'>
                                          <tr>
                                            <td>&nbsp;</td>
                                          </tr>
                                        </table></td>
                                    </tr>
                                  </tbody>
                                </table>
                              </center></td>
                          </tr>
                        </tbody>
                      </table></td>
                  </tr>
                </table>
                <table border='0' width='100%' cellpadding='0' cellspacing='0'  >
                  <tr>
                    <td><table style='width:100%;' cellpadding='0' cellspacing='0' border='0'>
                        <tbody>
                          <tr>
                            <td align='center'><center>
                                <table border='0' align='center' width='100%' cellpadding='0' cellspacing='0' style='Margin: 0 auto;'>
                                  <tbody>
                                    <tr>
                                      <td class='one-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' bgcolor='#FFFFFF'><!-- ======= start header ======= -->

                                        <table cellpadding='0' cellspacing='0' border='0' width='100%' >
                                          <tr>
                                            <td>&nbsp;</td>
                                          </tr>
                                          <tr style='background-color:#006D8C'>
                                            <td>&nbsp;</td>
                                          </tr>
                                          <tr style='background-color:#006D8C'>
                                            <td class='two-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:left;font-size:0;' ><!--[if (gte mso 9)|(IE)]>
                                                    <table width='100%' style='border-spacing:0' >
                                                    <tr>
                                                    <td width='20%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:30px;' >
                                                    <![endif]-->

                                              <div class='column' style='width:100%;max-width:220px;display:inline-block;vertical-align:top;'>
                                                <table class='contents' style='border-spacing:0; width:100%'  >
                                                  <tr style='background-color:#006D8C'>
                                                    <td style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:6px;' align='left'><a href='http://example.com/icingaweb2' target='_blank'>

                                                    <img src='http://example.com/icingaweb2/plsatin/img/msg/logo-icinga-white.png' alt='' width='160' height='60' style='border-width:0; max-width:160px;height:auto; display:block' align='left'/>

                                                    </a></td>
                                                  </tr>
                                                </table>
                                              </div>

                                              <!--[if (gte mso 9)|(IE)]>
                                                    </td><td width='80%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                                    <![endif]-->


                                              <!--[if (gte mso 9)|(IE)]>
                                                    </td>
                                                    </tr>
                                                    </table>
                                                    <![endif]--></td>
                                          </tr>
                                          <tr>
                                            <td height='80'>&nbsp;</td>
                                          </tr>
                                        </table></td>
                                    </tr>
                                  </tbody>
                                </table>
                              </center></td>
                          </tr>
                        </tbody>
                      </table></td>
                  </tr>
                </table>

                <!-- ======= end header ======= -->


<!-- ======= start email article ======= -->

                <table class='one-column' border='0' cellpadding='0' cellspacing='0' width='100%' bgcolor='#FFFFFF'>
                  <tr>
                    <td align='left' style='padding:0px 40px 40px 40px'><p style='color:#262626; font-size:32px; text-align:left; font-family: Verdana, Geneva, sans-serif'>


                      $SERVICESTATE

                      </p>
                      <p style='color:#000000; font-size:16px; text-align:left; font-family: Verdana, Geneva, sans-serif; line-height:22px '>

                        Notification Type: <b>$NOTIFICATIONTYPE</b><br>
                        <br>
                        Service: <b>$SERVICEDESC</b><br>
                        Host: <a href='http://example.com/icingaweb2/monitoring/host/show?host=$HOSTALIAS' target='_blank' style='color:#474b53; text-decoration:none'>$HOSTALIAS</a><br>
                        Address: <b>$HOSTADDRESS</b><br>
                        State: <b>$SERVICESTATE</b><br>
                        <br>
                        Date/Time: $LONGDATETIME<br>

                        Additional Info: <br>$SERVICEOUTPUT<br>
                        <br>

                        Comment: [$NOTIFICATIONAUTHORNAME] $NOTIFICATIONCOMMENT<br />
                        </p></td>
                  </tr>
                </table>

<!-- ======= end email article ======= -->

                <!-- ======= start footer ======= -->

                <table cellpadding='0' cellspacing='0' border='0' width='100%'>
                  <tr>
                    <td height='30'>&nbsp;</td>
                  </tr>
                  <tr>
                    <td class='two-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;'><!--[if (gte mso 9)|(IE)]>
                                                    <table width='100%' style='border-spacing:0' >
                                                    <tr>
                                                    <td width='50%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                                    <![endif]-->

                      <div class='column' style='width:100%;max-width:399px;display:inline-block;vertical-align:top;'>
                        <table class='contents' style='border-spacing:0; width:100%'>
                          <tr>
                            <td width='39%' align='right' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'>

                            <a href='http://example.com/icingaweb2' target='_blank'>

                            <img src='http://example.com/icingaweb2/plsatin/img/msg/logo-icinga.png' alt='' width='59' height='59' style='border-width:0; max-width:59px;height:auto; display:block; padding-right:20px' />

                            </a>

                            </td>
                            <td width='61%' align='left' valign='middle' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'><p style='color:#787777; font-size:13px; text-align:left; font-family: Verdana, Geneva, sans-serif'>&copy; 2017 - Павел Сатин<br />
                                &copy; 2018 - Icinga Open Source Monitoring<br />
                            </p></td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
                                                    </td><td width='50%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                                    <![endif]-->

                      <div class='column' style='width:100%;max-width:399px;display:inline-block;vertical-align:top;'>
                        <table width='100%' style='border-spacing:0'>
                          <tr>
                            <td class='inner' style='padding-top:0px;padding-bottom:10px; padding-right:10px;padding-left:10px;'><table class='contents' style='border-spacing:0; width:100%'>
                                <tr>
                                  <td width='32%' align='center' valign='top' style='padding-top:10px'><table width='150' border='0' cellspacing='0' cellpadding='0'>
                                      <tr>
                                        <td width='33' align='center'>

                                        <a href='#' target='_blank'>

                                        <img src='http://example.com/icingaweb2/plsatin/img/msg/fb.jpg' alt='facebook' width='36' height='36' border='0' style='border-width:0; max-width:36px;height:auto; display:block; max-height:36px'/>

                                        </a>

                                        </td>
                                        <td width='34' align='center'>

                                        <a href='#' target='_blank'>

                                        <img src='http://example.com/icingaweb2/plsatin/img/msg/tw.jpg' alt='twitter' width='36' height='36' border='0' style='border-width:0; max-width:36px;height:auto; display:block; max-height:36px'/>

                                        </a>

                                        </td>
                                        <td width='33' align='center'>

                                        <a href='#' target='_blank'>

                                        <img src='http://example.com/icingaweb2/plsatin/img/msg/tw.jpg' alt='linkedin' width='36' height='36' border='0' style='border-width:0; max-width:36px;height:auto; display:block; max-height:36px'/>

                                        </a>
                                        </td>
                                      </tr>
                                    </table></td>
                                </tr>
                              </table></td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
                                                    </td>
                                                    </tr>
                                                    </table>
                                                    <![endif]--></td>
                  </tr>
                  <tr>
                    <td height='30'>&nbsp;</td>
                  </tr>
                </table>

                <!-- ======= end footer ======= --></td>
            </tr>
          </table>
          <!--[if (gte mso 9)|(IE)]>
                    </td>
                </tr>
            </table>
            <![endif]-->
        </div></td>
    </tr>
  </table>
</center>
</body>
</html>

TEMPLATE
`

/usr/bin/printf "%b" "$template" | mail -a "Content-Type: text/html" -s "$NOTIFICATIONTYPE - $HOSTDISPLAYNAME - $SERVICEDISPLAYNAME is $SERVICESTATE" $USEREMAIL


```
Скрипт отправки оповещения о состоянии хоста /etc/icinga2/scripts/mail-host-notification.sh:
```html

#!/bin/sh
template=`cat <<TEMPLATE

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<!--[if !mso]><!-->
<meta http-equiv='X-UA-Compatible' content='IE=edge' />
<!--<![endif]-->
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<title></title>
<style type='text/css'>
* {
    -webkit-font-smoothing: antialiased;
}
body {
    Margin: 0;
    padding: 0;
    min-width: 100%;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    mso-line-height-rule: exactly;
}
table {
    border-spacing: 0;
    color: #333333;
    font-family: Arial, sans-serif;
}
img {
    border: 0;
}
.wrapper {
    width: 100%;
    table-layout: fixed;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.webkit {
    max-width: 800px;
}
.outer {
    Margin: 0 auto;
    width: 100%;
    max-width: 800px;
}
.full-width-image img {
    width: 100%;
    max-width: 800px;
    height: auto;
}
.inner {
    padding: 10px;
}
p {
    Margin: 0;
    padding-bottom: 10px;
}
.h1 {
    font-size: 21px;
    font-weight: bold;
    Margin-top: 15px;
    Margin-bottom: 5px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.h2 {
    font-size: 18px;
    font-weight: bold;
    Margin-top: 10px;
    Margin-bottom: 5px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.one-column .contents {
    text-align: left;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.one-column p {
    font-size: 14px;
    Margin-bottom: 10px;
    font-family: Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.two-column {
    text-align: center;
    font-size: 0;
}
.two-column .column {
  width: 100%;
  max-width: 300px;
  display: inline-block;
  vertical-align: top;
}
.contents {
  width: 100%;
}
.two-column .contents {
  font-size: 14px;
  text-align: left;
}
.two-column img {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.two-column .text {
  padding-top: 10px;
}
.three-column {
  text-align: center;
  font-size: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.three-column .column {
  width: 100%;
  max-width: 200px;
  display: inline-block;
  vertical-align: top;
}
.three-column .contents {
  font-size: 14px;
  text-align: center;
}
.three-column img {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.three-column .text {
  padding-top: 10px;
}
.img-align-vertical img {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-device-width: 480px) {
  table[class=hide], img[class=hide], td[class=hide] {
    display: none !important;
  }
  .contents1 {
    width: 100%;
  }
  .contents1 {
    width: 100%;
  }
}


.plsatin-ps-style table {
    border-spacing: 0 0;
    border-collapse: collapse;
    font-size: 9pt;
    width: 100%;
}
.plsatin-ps-style th {
    background: #E7E7E8;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    padding: 3px 6px 3px 6px;
}
.plsatin-ps-style td {
    vertical-align: top;
    padding: 3px 6px 5px 5px;
    margin: 0px;
    border: 1px solid #E7E7E8;
    /*background: #F7F7F8;*/
    font-size: 1em;
}
.IconSuccessEncoded, .IconInfoEncoded, .IconWarningEncoded, .IconErrorEncoded {
    min-width: 18px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: center;
}
.IconSuccessEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/success_16.png);
}
.IconInfoEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/info_16.png);
}
.IconWarningEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/warning_16.png);
}
.IconErrorEncoded {
    background-image: url(http://example.com/icingaweb2/plsatin/img/msg/error_16.png);
}


</style>

<!--[if (gte mso 9)|(IE)]>
    <style type='text/css'>
        table {border-collapse: collapse !important;}
    </style>
    <![endif]-->
</head>

<body style='Margin:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;min-width:100%;background-color:#f3f2f0;'>
<center class='wrapper' style='width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#f3f2f0;'>
  <table width='100%' cellpadding='0' cellspacing='0' border='0' style='background-color:#f3f2f0;' bgcolor='#f3f2f0;'>
    <tr>
      <td width='100%'><div class='webkit' style='max-width:800px;Margin:0 auto;'>

          <!--[if (gte mso 9)|(IE)]>

                        <table width='800' align='center' cellpadding='0' cellspacing='0' border='0' style='border-spacing:0' >
                            <tr>
                                <td style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                <![endif]-->

          <!-- ======= start main body ======= -->
          <table class='outer' align='center' cellpadding='0' cellspacing='0' border='0' style='border-spacing:0;Margin:0 auto;width:100%;max-width:800px;'>
            <tr>
              <td style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'><!-- ======= start header ======= -->

                <table border='0' width='100%' cellpadding='0' cellspacing='0'  >
                  <tr>
                    <td><table style='width:100%;' cellpadding='0' cellspacing='0' border='0'>
                        <tbody>
                          <tr>
                            <td align='center'><center>
                                <table border='0' align='center' width='100%' cellpadding='0' cellspacing='0' style='Margin: 0 auto;'>
                                  <tbody>
                                    <tr>
                                      <td class='one-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'><table border='0' cellpadding='0' cellspacing='0' width='100%' style='border-spacing:0'>
                                          <tr>
                                            <td>&nbsp;</td>
                                          </tr>
                                        </table></td>
                                    </tr>
                                  </tbody>
                                </table>
                              </center></td>
                          </tr>
                        </tbody>
                      </table></td>
                  </tr>
                </table>
                <table border='0' width='100%' cellpadding='0' cellspacing='0'  >
                  <tr>
                    <td><table style='width:100%;' cellpadding='0' cellspacing='0' border='0'>
                        <tbody>
                          <tr>
                            <td align='center'><center>
                                <table border='0' align='center' width='100%' cellpadding='0' cellspacing='0' style='Margin: 0 auto;'>
                                  <tbody>
                                    <tr>
                                      <td class='one-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' bgcolor='#FFFFFF'><!-- ======= start header ======= -->

                                        <table cellpadding='0' cellspacing='0' border='0' width='100%' >
                                          <tr>
                                            <td>&nbsp;</td>
                                          </tr>
                                          <tr  style='background-color:#006D8C'>
                                            <td>&nbsp;</td>
                                          </tr>
                                          <tr  style='background-color:#006D8C'>
                                            <td class='two-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:left;font-size:0;' ><!--[if (gte mso 9)|(IE)]>
                                                    <table width='100%' style='border-spacing:0' >
                                                    <tr>
                                                    <td width='20%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:30px;' >
                                                    <![endif]-->

                                              <div class='column' style='width:100%;max-width:220px;display:inline-block;vertical-align:top;'>
                                                <table class='contents' style='border-spacing:0; width:100%'  >
                                                  <tr style='background-color:#006D8C'>
                                                    <td style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:6px;' align='left'><a href='http://example.com/icingaweb2' target='_blank'>

                                                    <img src='http://example.com/icingaweb2/plsatin/img/msg/logo-icinga-white.png' alt='' width='160' height='60' style='border-width:0; max-width:160px;height:auto; display:block' align='left'/>

                                                    </a></td>
                                                  </tr>
                                                </table>
                                              </div>

                                              <!--[if (gte mso 9)|(IE)]>
                                                    </td><td width='80%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                                    <![endif]-->


                                              <!--[if (gte mso 9)|(IE)]>
                                                    </td>
                                                    </tr>
                                                    </table>
                                                    <![endif]--></td>
                                          </tr>
                                          <tr>
                                            <td height='80'>&nbsp;</td>
                                          </tr>
                                        </table></td>
                                    </tr>
                                  </tbody>
                                </table>
                              </center></td>
                          </tr>
                        </tbody>
                      </table></td>
                  </tr>
                </table>

                <!-- ======= end header ======= -->


<!-- ======= start email article ======= -->

                <table class='one-column' border='0' cellpadding='0' cellspacing='0' width='100%' bgcolor='#FFFFFF'>
                  <tr>
                    <td align='left' style='padding:0px 40px 40px 40px'><p style='color:#262626; font-size:32px; text-align:left; font-family: Verdana, Geneva, sans-serif'>


                      $HOSTSTATE

                      </p>
                      <p style='color:#000000; font-size:16px; text-align:left; font-family: Verdana, Geneva, sans-serif; line-height:22px '>

                        Notification Type: <b>$NOTIFICATIONTYPE</b><br>
                        <br>
                        Host: <a href='http://example.com/icingaweb2/monitoring/host/show?host=$HOSTALIAS' target='_blank' style='color:#474b53; text-decoration:none'>$HOSTALIAS</a><br>
                        Address: <b>$HOSTADDRESS</b><br>
                        State: <b>$HOSTSTATE</b><br>
                        <br>
                        Date/Time: $LONGDATETIME<br>

                        Additional Info: <br>$HOSTOUTPUT<br>
                        <br>

                        Acknowledge: <a href='http://example.com/icingaweb2/acknowledge.php?host=$HOSTALIAS'  target='_blank' style='color:#474b53; text-decoration:none'>$HOSTALIAS</a><br>
                        <br>

                        Comment: [$NOTIFICATIONAUTHORNAME] $NOTIFICATIONCOMMENT

                        </p></td>
                  </tr>
                </table>

<!-- ======= end email article ======= -->

                <!-- ======= start footer ======= -->

                <table cellpadding='0' cellspacing='0' border='0' width='100%'>
                  <tr>
                    <td height='30'>&nbsp;</td>
                  </tr>
                  <tr>
                    <td class='two-column' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:center;font-size:0;'><!--[if (gte mso 9)|(IE)]>
                                                    <table width='100%' style='border-spacing:0' >
                                                    <tr>
                                                    <td width='50%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                                    <![endif]-->

                      <div class='column' style='width:100%;max-width:399px;display:inline-block;vertical-align:top;'>
                        <table class='contents' style='border-spacing:0; width:100%'>
                          <tr>
                            <td width='39%' align='right' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'>

                            <a href='http://example.com/icingaweb2' target='_blank'>

                            <img src='http://example.com/icingaweb2/plsatin/img/msg/logo-icinga.png' alt='' width='59' height='59' style='border-width:0; max-width:59px;height:auto; display:block; padding-right:20px' />

                            </a>

                            </td>
                            <td width='61%' align='left' valign='middle' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;'><p style='color:#787777; font-size:13px; text-align:left; font-family: Verdana, Geneva, sans-serif'>&copy; 2017 - Павел Сатин<br />
                            &copy; 2018 - Icinga Open Source Monitoring<br />
                            </p></td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
                                                    </td><td width='50%' valign='top' style='padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;' >
                                                    <![endif]-->

                      <div class='column' style='width:100%;max-width:399px;display:inline-block;vertical-align:top;'>
                        <table width='100%' style='border-spacing:0'>
                          <tr>
                            <td class='inner' style='padding-top:0px;padding-bottom:10px; padding-right:10px;padding-left:10px;'><table class='contents' style='border-spacing:0; width:100%'>
                                <tr>
                                  <td width='32%' align='center' valign='top' style='padding-top:10px'><table width='150' border='0' cellspacing='0' cellpadding='0'>
                                      <tr>
                                        <td width='33' align='center'>

                                        <a href='#' target='_blank'>

                                        <img src='http://example.com/icingaweb2/plsatin/img/msg/fb.jpg' alt='facebook' width='36' height='36' border='0' style='border-width:0; max-width:36px;height:auto; display:block; max-height:36px'/>

                                        </a>

                                        </td>
                                        <td width='34' align='center'>

                                        <a href='#' target='_blank'>

                                        <img src='http://example.com/icingaweb2/plsatin/img/msg/tw.jpg' alt='twitter' width='36' height='36' border='0' style='border-width:0; max-width:36px;height:auto; display:block; max-height:36px'/>

                                        </a>

                                        </td>
                                        <td width='33' align='center'>

                                        <a href='#' target='_blank'>

                                        <img src='http://example.com/icingaweb2/plsatin/img/msg/tw.jpg' alt='linkedin' width='36' height='36' border='0' style='border-width:0; max-width:36px;height:auto; display:block; max-height:36px'/>

                                        </a>
                                        </td>
                                      </tr>
                                    </table></td>
                                </tr>
                              </table></td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
                                                    </td>
                                                    </tr>
                                                    </table>
                                                    <![endif]--></td>
                  </tr>
                  <tr>
                    <td height='30'>&nbsp;</td>
                  </tr>
                </table>

                <!-- ======= end footer ======= --></td>
            </tr>
          </table>
          <!--[if (gte mso 9)|(IE)]>
                    </td>
                </tr>
            </table>
            <![endif]-->
        </div></td>
    </tr>
  </table>
</center>
</body>
</html>

TEMPLATE
`

/usr/bin/printf "%b" "$template" | mail -a "Content-Type: text/html" -s "$NOTIFICATIONTYPE - $HOSTDISPLAYNAME is $HOSTSTATE" $USEREMAIL


```

Примеры