<table border="0" cellpadding="0" cellspacing="0" class="to100pc" width="100%">
  <tr>
    <td align="center">
      <table align="center" bgcolor="white" border="0" cellpadding="0" cellspacing="0" class="to100pc" width="600"
        style="max-width: 600px;">
        <tbody>

          <tr style="-webkit-text-size-adjust: none;">
            <td height="16" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;height: 16px;">
              <img alt="" height="16" src="https://opsshield.com/assets/mail/space.gif"
                style="-webkit-text-size-adjust: none;display: block;margin: 0;padding: 0;border: 0;height: 16px;">
            </td>
            <!-- spacer -->
          </tr>
          <tr>
            <td align="center" width="76%" style="padding:30px 0 10px 0"><span
                style="font-size:18px; line-height:14px; font-family:'Avenir Next', Avenir, Helvetica, sans-serif; color:#BABEC5; font-weight: 500;">ATTACKS
                BLOCKED</span>
            </td>
          </tr>
          <tr>
            <td align="center" width="76%" style="padding:50px 0 10px 0">
              <div
                style="font-weight:600;color:#585858;font-family:'Google Sans',Roboto,Arial,sans-serif;font-size:72px;letter-spacing:0.1px;line-height:14px;">
                {{ waf_count + bruteforce_count }}<span
                  style="font-size:26px;line-height: 32px;font-weight:500;display: block;"><br>attacks
                  stopped by<br>Bot protection &amp; WAF rules</span></div>
            </td>
          </tr>
          <tr>
            <td align="center" width="76%" style="padding:30px 0 10px 0">
              <div
                style="font-size:16px;font-family:'Google Sans',Roboto,Arial,sans-serif;letter-spacing:0.1px;line-height:24px;">
                Compared to previous days</div>
            </td>
          </tr>
          <tr>
            <td align="center">
              <div style="  display: inline-flex;   padding: 24px 6px 5px;">
                <div
                  style="  border-bottom: 1px solid #dadce0;   display: inline-flex;   padding: 0 12px;height:100px;">
                  {{ attack_graph.bars|raw }}
                </div>
              </div>
            </td>
          </tr>
          <tr>
            <td align="center">
              <div style="  display: inline-flex;   padding: 4px 6px 6px;">
                <div style="  display: inline-flex;   padding: 0 12px;">
                  {{ attack_graph.labels|raw }}
                </div>
              </div>
            </td>
          </tr>
          <!-- T&BP paragraph 1 start -->
          <tr style="-webkit-text-size-adjust: none;">
            <td align="center" style="-webkit-text-size-adjust: none; ">
              <div
                style="font-size:16px;font-weight: 500;font-family:'Google Sans',Roboto,Arial,sans-serif;letter-spacing:0.1px;line-height:24px;margin-top:30px">
                Most targeted today</div>
              <table width="450" border="0"
                style="margin-top:15px;border-collapse: collapse !important;mso-table-lspace: 0pt !important;mso-table-rspace: 0pt !important;">
                <tr>
                  <td width="85%"
                    style="padding-left:15px; -webkit-text-size-adjust: none;font-weight: 400;font-size: 14px;line-height: 26px;color: #9aa0a6;border-bottom: solid 1px #e3e5e6;margin: 0 0 20px; padding-bottom: 10px;font-family: Roboto, sans-serif;">
                    Type</td>
                  <td width="15%" align="right"
                    style="-webkit-text-size-adjust: none;font-weight: 400;font-size: 14px;line-height: 26px;color: #9aa0a6;border-bottom: solid 1px #e3e5e6;padding:5px 15px 5px 0;font-family: Roboto, sans-serif;">
                    Count</td>
                </tr>
                <tr>
                  <td height="10"></td>
                  <td></td>
                </tr>
                {% for domain, domain_count in domain_attacks|slice(0,5) %}

                <tr>
                  <td
                    style="-webkit-text-size-adjust: none;font-weight: 400;font-size: 14px;line-height: 26px;color: #5F6368;margin: 0 0 20px;padding: 5px 15px;font-family: Roboto, sans-serif;border-bottom: solid 1px #e3e5e6;">
                    {{ domain|e }}
                  </td>
                  <td align="right"
                    style="border-bottom: solid 1px #e3e5e6;font-size: 14px;line-height: 26px;margin: 0 0 20px;padding: 5px 15px 5px 0;font-family: Roboto, sans-serif;">
                    {{ domain_count }}
                  </td>
                </tr>

                {% endfor %}
                <tr>
                  <td colspan="2"
                    style="-webkit-text-size-adjust: none;text-align:right;padding-top:25px;padding-left:25px;">

                    <a href="#"
                      style="font-weight: 400;text-decoration:none;font-size: 14px;line-height: 26px;color: #b1b1b1;margin: 0 0 20px;padding:5px  0;font-family: Roboto, sans-serif;"">&nbsp; </a></td>

                        </tr>
                    </table>

                </td>
            </tr>
            <tr>
                <td height=" 20" style="height: 20px;">&nbsp;
                  </td>
                </tr>


        </tbody>
      </table>
    </td>
  </tr>
  <tr>
    <td colspan="3" bgcolor="#F4F5F8" style="line-height: 10px;">
      <img alt="" height="10" src="https://opsshield.com/assets/mail/space.gif" style="display:block;" width="1"
        border="0" />
    </td>
  </tr>
</table>