{% extends "main/index.html" %}
{% load i18n %}
{% load static %}

{% block includes_static %}
  <link rel="stylesheet" href="{% static 'my_waf/admin_panel/css/agent_monitoring.css' %}">
  <link rel="stylesheet" href="{% static 'css/request_traffic_stats.css' %}">
  <style>
    #Footer { display: none; }
    #searchDiv { display: none; }
    #summary-nav-controls { display: none !important; }
  </style>
  <script src="{% static 'my_waf/plugins/chartjs/chart.umd.min.js' %}"></script>
  <script src="{% static 'my_waf/plugins/chartjs/hammer.min.js' %}"></script>
  <script src="{% static 'my_waf/plugins/chartjs/chartjs-plugin-zoom.min.js' %}"></script>
{% endblock %}

{% block agent_monitoring %}
  <div role="tabpanel" class="tab-pane fade active in" id="tab_agent_monitoring">
    <span style="display: none;" id="am-home">{{ home }}waf_settings</span>
    {% include 'my_waf/agent_monitoring.html' %}
  </div>
{% endblock %}

{% block summary_scripts %}
  <script src="{% static 'my_waf/admin_panel/js/agent_monitoring.js' %}"></script>
  <script>
    $('.put_tab_attack_charts').mouseenter(function() { $('.put_tab_attack_charts').click(function () {
        location.href = "{{ home }}#tab_attack_charts";
    }); })
  </script>
{% endblock %}