{% load i18n %}
{% load attack_short_count %}
<div role="tabpanel" class="tab-pane fade" id="tab_attack_charts">
    <div class="loading-container">
        <i class="fa fa-spinner fa-5x" aria-hidden="true"></i>
    </div>

    <span class="summary-table-title">{% trans 'General attack statistics' %}</span>
    <div id="summary_table"
         data-tooltip-sa="{% trans 'Left: blocked requests. Right: blocked responses.' %}"
         data-tooltip-bf="{% trans 'Left: Brute-force. Right: Flood.' %}">
        <div class="summary-card">
            <table class="summary-stats-table" cellspacing="0">
                <thead>
                <tr>
                    <th>{% trans 'Period' %}</th>
                    <th>{% trans 'All attacks' %}</th>
                    <th>{% trans 'Basic analysis' %}</th>
                    <th>{% trans 'Nemesida AI' %}</th>
                    <th>{% trans 'Brute-force' %}</th>
                    <th>{% trans 'DDoS' %}</th>
                    <th>{% trans 'Antivirus' %}</th>
                    <th>{% trans 'APIFirewall' %}</th>
                    <th>{% trans 'Blocked IP' %}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="summary-period">{% trans 'Today' %}</td>
                    <td id="today_all_attacks"></td>
                    <td id="today_sa"></td>
                    <td id="today_na"></td>
                    <td id="today_bf_flood"></td>
                    <td id="today_ddos"></td>
                    <td id="today_av"></td>
                    <td id="today_OpenAPI"></td>
                    <td id="today_Blocked"></td>
                </tr>
                <tr class="summary-row-alt">
                    <td class="summary-period">{% trans 'Last 24 h.' %}</td>
                    <td id="last24_all_attacks"></td>
                    <td id="last24_sa"></td>
                    <td id="last24_na"></td>
                    <td id="last24_bf_flood"></td>
                    <td id="last24_ddos"></td>
                    <td id="last24_av"></td>
                    <td id="last24_OpenAPI"></td>
                    <td id="last24_Blocked"></td>
                </tr>
                <tr>
                    <td class="summary-period">{% trans 'Last week' %}</td>
                    <td id="last_week_all_attacks"></td>
                    <td id="last_week_sa"></td>
                    <td id="last_week_na"></td>
                    <td id="last_week_bf_flood"></td>
                    <td id="last_week_ddos"></td>
                    <td id="last_week_av"></td>
                    <td id="last_week_OpenAPI"></td>
                    <td id="last_week_Blocked"></td>
                </tr>
                <tr class="summary-row-alt">
                    <td class="summary-period">{% trans 'Last month' %}</td>
                    <td id="last_month_all_attacks"></td>
                    <td id="last_month_sa"></td>
                    <td id="last_month_na"></td>
                    <td id="last_month_bf_flood"></td>
                    <td id="last_month_ddos"></td>
                    <td id="last_month_av"></td>
                    <td id="last_month_OpenAPI"></td>
                    <td id="last_month_Blocked"></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- Widget: Attack Intensity -->
    <div class="summary-map-widget" id="widget-intensity" style="display:none">
        <div class="summary-widget-header">
            <button class="summary-collapse-btn" data-target="intensity-body">
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0.666504 0.666748L4.6665 4.66675L8.6665 0.666748" stroke="#285283" stroke-width="1.33333"
                          stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <span class="summary-widget-title">{% trans 'Attack intensity' %}</span>
            <div class="summary-widget-settings-wrap">
                <span class="summary-widget-settings">
                    <svg width="25" height="25" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M8.14667 1.33325H7.85333C7.49971 1.33325 7.16057 1.47373 6.91053 1.72378C6.66048 1.97382 6.52 2.31296 6.52 2.66659V2.78659C6.51976 3.0204 6.45804 3.25005 6.34103 3.45248C6.22401 3.65491 6.05583 3.82301 5.85333 3.93992L5.56667 4.10659C5.36398 4.22361 5.13405 4.28522 4.9 4.28522C4.66595 4.28522 4.43603 4.22361 4.23333 4.10659L4.13333 4.05325C3.82738 3.87676 3.46389 3.82888 3.12267 3.92012C2.78145 4.01137 2.49037 4.23428 2.31333 4.53992L2.16667 4.79325C1.99018 5.09921 1.9423 5.46269 2.03354 5.80392C2.12478 6.14514 2.34769 6.43622 2.65333 6.61325L2.75333 6.67992C2.95485 6.79626 3.12241 6.96331 3.23937 7.16447C3.35632 7.36563 3.4186 7.5939 3.42 7.82659V8.16659C3.42093 8.40153 3.35977 8.63255 3.2427 8.83626C3.12563 9.03996 2.95681 9.20911 2.75333 9.32659L2.65333 9.38659C2.34769 9.56362 2.12478 9.8547 2.03354 10.1959C1.9423 10.5371 1.99018 10.9006 2.16667 11.2066L2.31333 11.4599C2.49037 11.7656 2.78145 11.9885 3.12267 12.0797C3.46389 12.171 3.82738 12.1231 4.13333 11.9466L4.23333 11.8933C4.43603 11.7762 4.66595 11.7146 4.9 11.7146C5.13405 11.7146 5.36398 11.7762 5.56667 11.8933L5.85333 12.0599C6.05583 12.1768 6.22401 12.3449 6.34103 12.5474C6.45804 12.7498 6.51976 12.9794 6.52 13.2133V13.3333C6.52 13.6869 6.66048 14.026 6.91053 14.2761C7.16057 14.5261 7.49971 14.6666 7.85333 14.6666H8.14667C8.50029 14.6666 8.83943 14.5261 9.08948 14.2761C9.33953 14.026 9.48 13.6869 9.48 13.3333V13.2133C9.48024 12.9794 9.54196 12.7498 9.65898 12.5474C9.77599 12.3449 9.94418 12.1768 10.1467 12.0599L10.4333 11.8933C10.636 11.7762 10.866 11.7146 11.1 11.7146C11.3341 11.7146 11.564 11.7762 11.7667 11.8933L11.8667 11.9466C12.1726 12.1231 12.5361 12.171 12.8773 12.0797C13.2186 11.9885 13.5096 11.7656 13.6867 11.4599L13.8333 11.1999C14.0098 10.894 14.0577 10.5305 13.9665 10.1893C13.8752 9.84803 13.6523 9.55695 13.3467 9.37992L13.2467 9.32659C13.0432 9.20911 12.8744 9.03996 12.7573 8.83626C12.6402 8.63255 12.5791 8.40153 12.58 8.16659V7.83325C12.5791 7.59831 12.6402 7.36728 12.7573 7.16358C12.8744 6.95988 13.0432 6.79072 13.2467 6.67325L13.3467 6.61325C13.6523 6.43622 13.8752 6.14514 13.9665 5.80392C14.0577 5.46269 14.0098 5.09921 13.8333 4.79325L13.6867 4.53992C13.5096 4.23428 13.2186 4.01137 12.8773 3.92012C12.5361 3.82888 12.1726 3.87676 11.8667 4.05325L11.7667 4.10659C11.564 4.22361 11.3341 4.28522 11.1 4.28522C10.866 4.28522 10.636 4.22361 10.4333 4.10659L10.1467 3.93992C9.94418 3.82301 9.77599 3.65491 9.65898 3.45248C9.54196 3.25005 9.48024 3.0204 9.48 2.78659V2.66659C9.48 2.31296 9.33953 1.97382 9.08948 1.72378C8.83943 1.47373 8.50029 1.33325 8.14667 1.33325Z"
                            stroke="#999999" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
                      <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"
                            stroke="#999999" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <span class="summary-filter-count" style="display:none"></span>
                </span>
                <div class="summary-category-dropdown custom-filter-dropdown" id="intensity-filter-dropdown">
                    <div class="filter-dropdown-trigger" style="display:none">
                        <div class="filter-dropdown-tags-wrapper"></div>
                        <span class="filter-dropdown-placeholder">{% trans 'All attacks' %}</span>
                        <span class="filter-dropdown-arrow"></span>
                    </div>
                    <div class="filter-dropdown-menu align-right">

                        <div class="filter-dropdown-options">
                            <div class="filter-option" data-value="sa"><span class="filter-option-label">{% trans 'Basic analysis' %}</span></div>
                            <div class="filter-option" data-value="na"><span class="filter-option-label">{% trans 'Nemesida AI' %}</span></div>
                            <div class="filter-option" data-value="bf"><span class="filter-option-label">{% trans 'Brute-force/Flood' %}</span></div>
                            <div class="filter-option" data-value="ddos"><span class="filter-option-label">{% trans 'DDoS' %}</span></div>
                            <div class="filter-option" data-value="av"><span class="filter-option-label">{% trans 'Antivirus' %}</span></div>
                            <div class="filter-option" data-value="openapi"><span class="filter-option-label">{% trans 'APIFirewall' %}</span></div>
                            <div class="filter-option" data-value="blocked"><span class="filter-option-label">{% trans 'Blocked IP' %}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="summary-widget-close-btn" id="intensity-close-btn" title="{% trans 'Remove widget' %}">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 1L1 13M1 1L13 13" stroke="#999999" stroke-width="1.33333" stroke-linecap="round"/>
                </svg>
            </button>
        </div>
        <div class="summary-widget-body" id="intensity-body">
            <div class="summary-content-area">
                <div class="summary-left-panel" id="intensity-left">
                    <div class="summary-left-pane" data-panel="chart">
                        <div id="line_chart"></div>
                        <div style="display:none">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="All attacks">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="Basic analysis">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="Nemesida AI">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="Brute-force">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="Flood">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="DDoS">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="Antivirus">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="API Firewall">
                            <input checked type="checkbox" class="line-chart-filter" name="line-chart-filter[]"
                                   value="Blocked">
                        </div>
                    </div>
                </div>
                <div class="summary-side-panel">
                    <div class="summary-switch-tabs" id="intensity-tabs">
                        <button class="summary-switch-btn summary-switch-active" data-tab="types">{% trans 'BT' %}</button>
                        <button class="summary-switch-btn" data-tab="ip">{% trans 'IP' %}</button>
                        <button class="summary-switch-btn" data-tab="domains">{% trans 'Host' %}</button>
                    </div>
                    <div class="summary-side-content" id="intensity-right"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- Widget: Attack Source -->
    <div class="summary-map-widget" id="widget-source" style="display:none">
        <div class="summary-widget-header">
            <button class="summary-collapse-btn" data-target="source-body">
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0.666504 0.666748L4.6665 4.66675L8.6665 0.666748" stroke="#285283" stroke-width="1.33333"
                          stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <span class="summary-widget-title">{% trans 'Attack source' %}</span>
            <div class="summary-widget-settings-wrap">
                <span class="summary-widget-settings">
                    <svg width="25" height="25" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M8.14667 1.33325H7.85333C7.49971 1.33325 7.16057 1.47373 6.91053 1.72378C6.66048 1.97382 6.52 2.31296 6.52 2.66659V2.78659C6.51976 3.0204 6.45804 3.25005 6.34103 3.45248C6.22401 3.65491 6.05583 3.82301 5.85333 3.93992L5.56667 4.10659C5.36398 4.22361 5.13405 4.28522 4.9 4.28522C4.66595 4.28522 4.43603 4.22361 4.23333 4.10659L4.13333 4.05325C3.82738 3.87676 3.46389 3.82888 3.12267 3.92012C2.78145 4.01137 2.49037 4.23428 2.31333 4.53992L2.16667 4.79325C1.99018 5.09921 1.9423 5.46269 2.03354 5.80392C2.12478 6.14514 2.34769 6.43622 2.65333 6.61325L2.75333 6.67992C2.95485 6.79626 3.12241 6.96331 3.23937 7.16447C3.35632 7.36563 3.4186 7.5939 3.42 7.82659V8.16659C3.42093 8.40153 3.35977 8.63255 3.2427 8.83626C3.12563 9.03996 2.95681 9.20911 2.75333 9.32659L2.65333 9.38659C2.34769 9.56362 2.12478 9.8547 2.03354 10.1959C1.9423 10.5371 1.99018 10.9006 2.16667 11.2066L2.31333 11.4599C2.49037 11.7656 2.78145 11.9885 3.12267 12.0797C3.46389 12.171 3.82738 12.1231 4.13333 11.9466L4.23333 11.8933C4.43603 11.7762 4.66595 11.7146 4.9 11.7146C5.13405 11.7146 5.36398 11.7762 5.56667 11.8933L5.85333 12.0599C6.05583 12.1768 6.22401 12.3449 6.34103 12.5474C6.45804 12.7498 6.51976 12.9794 6.52 13.2133V13.3333C6.52 13.6869 6.66048 14.026 6.91053 14.2761C7.16057 14.5261 7.49971 14.6666 7.85333 14.6666H8.14667C8.50029 14.6666 8.83943 14.5261 9.08948 14.2761C9.33953 14.026 9.48 13.6869 9.48 13.3333V13.2133C9.48024 12.9794 9.54196 12.7498 9.65898 12.5474C9.77599 12.3449 9.94418 12.1768 10.1467 12.0599L10.4333 11.8933C10.636 11.7762 10.866 11.7146 11.1 11.7146C11.3341 11.7146 11.564 11.7762 11.7667 11.8933L11.8667 11.9466C12.1726 12.1231 12.5361 12.171 12.8773 12.0797C13.2186 11.9885 13.5096 11.7656 13.6867 11.4599L13.8333 11.1999C14.0098 10.894 14.0577 10.5305 13.9665 10.1893C13.8752 9.84803 13.6523 9.55695 13.3467 9.37992L13.2467 9.32659C13.0432 9.20911 12.8744 9.03996 12.7573 8.83626C12.6402 8.63255 12.5791 8.40153 12.58 8.16659V7.83325C12.5791 7.59831 12.6402 7.36728 12.7573 7.16358C12.8744 6.95988 13.0432 6.79072 13.2467 6.67325L13.3467 6.61325C13.6523 6.43622 13.8752 6.14514 13.9665 5.80392C14.0577 5.46269 14.0098 5.09921 13.8333 4.79325L13.6867 4.53992C13.5096 4.23428 13.2186 4.01137 12.8773 3.92012C12.5361 3.82888 12.1726 3.87676 11.8667 4.05325L11.7667 4.10659C11.564 4.22361 11.3341 4.28522 11.1 4.28522C10.866 4.28522 10.636 4.22361 10.4333 4.10659L10.1467 3.93992C9.94418 3.82301 9.77599 3.65491 9.65898 3.45248C9.54196 3.25005 9.48024 3.0204 9.48 2.78659V2.66659C9.48 2.31296 9.33953 1.97382 9.08948 1.72378C8.83943 1.47373 8.50029 1.33325 8.14667 1.33325Z"
                          stroke="#999999" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
                      <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"
                          stroke="#999999" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <span class="summary-filter-count" style="display:none"></span>
                </span>
                <div class="summary-category-dropdown custom-filter-dropdown" id="source-filter-dropdown">
                    <div class="filter-dropdown-trigger" style="display:none">
                        <div class="filter-dropdown-tags-wrapper"></div>
                        <span class="filter-dropdown-placeholder">{% trans 'All attacks' %}</span>
                        <span class="filter-dropdown-arrow"></span>
                    </div>
                    <div class="filter-dropdown-menu align-right">

                        <div class="filter-dropdown-options">
                            <div class="filter-option" data-value="sa"><span class="filter-option-label">{% trans 'Basic analysis' %}</span></div>
                            <div class="filter-option" data-value="na"><span class="filter-option-label">{% trans 'Nemesida AI' %}</span></div>
                            <div class="filter-option" data-value="bf"><span class="filter-option-label">{% trans 'Brute-force/Flood' %}</span></div>
                            <div class="filter-option" data-value="ddos"><span class="filter-option-label">{% trans 'DDoS' %}</span></div>
                            <div class="filter-option" data-value="av"><span class="filter-option-label">{% trans 'Antivirus' %}</span></div>
                            <div class="filter-option" data-value="openapi"><span class="filter-option-label">{% trans 'APIFirewall' %}</span></div>
                            <div class="filter-option" data-value="blocked"><span class="filter-option-label">{% trans 'Blocked IP' %}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="summary-widget-close-btn" id="source-close-btn" title="{% trans 'Remove widget' %}">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 1L1 13M1 1L13 13" stroke="#999999" stroke-width="1.33333" stroke-linecap="round"/>
                </svg>
            </button>
        </div>
        <div class="summary-widget-body" id="source-body">
            <div class="summary-content-area">
                <div class="summary-left-panel" id="source-left">
                    <div class="summary-left-pane" data-panel="map">
                        <div class="summary-map-svg-container" id="source-map"></div>
                    </div>
                </div>
                <div class="summary-side-panel">
                    <div class="summary-side-content" id="source-right">
                        <div id="source-country-panel"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="attack_by_type" id="attack_by_type"
         style="text-align: center; width: 80%; height: 530px; border-radius: 4px; margin-left: 142px; padding-top: 24px;margin-top: 0px;">
        <div id="today_summary_data" style="display: none"></div>
        <div id="last24_summary_data" style="display: none"></div>
        <div id="last_week_summary_data" style="display: none"></div>
        <div id="last_month_summary_data" style="display: none"></div>
        <div id="brute_force_summary_data" style="display: none"></div>
        <div id="sms_flood_summary_data" style="display: none"></div>
        <div id="ddos_summary_data" style="display: none"></div>
        <div id="internal_errors_summary_data" style="display: none"></div>
        <div id="description_summary_data" style="display: none"></div>
        <table id="table_attack_by_type"
               style="display: none; table-layout: fixed; margin-left: auto; margin-right: auto; margin-top: 15px;">
            <tr>
                <td>
                    <div id="today_piechart"
                         style="background-image: url({{ home }}static/img/today.png); background-repeat: no-repeat; background-position: center right 54%; margin-left: 140px;"></div>
                </td>
                <td>
                    <div id="last24_piechart"
                         style="background-image: url({{ home }}static/img/last24h.png); background-repeat: no-repeat; background-position: center right 54%; margin-left: 140px;"></div>
                </td>
                <td>
                    <div id="last_week_piechart"
                         style="background-image: url({{ home }}static/img/lastweek.png); background-repeat: no-repeat; background-position: center right 54%; margin-left: 140px;"></div>
                </td>
                <td>
                    <div id="last_month_piechart"
                         style="background-image: url({{ home }}static/img/lastmonth.png); background-repeat: no-repeat; background-position: center right 54%; margin-left: 140px;"></div>
                </td>
            </tr>
            <tr>
                <td>
                    <div id="description_piechart"
                         style="background-image: url({{ home }}static/img/signanalysis.png); background-repeat: no-repeat; background-position: center right 54%; margin-top: -75px; margin-left: -5px;"></div>
                </td>
                <td>
                    <div id="brute_force_piechart"
                         style="background-image: url({{ home }}static/img/bruteforce.png); background-repeat: no-repeat; background-position: center right 54%; margin-top: -75px; margin-left: -5px;"></div>
                </td>
                <td>
                    <div id="sms_flood_piechart"
                         style="background-image: url({{ home }}static/img/sms-flood.png); background-size: 20% auto; image-rendering: optimizeQuality; background-repeat: no-repeat; background-position: center right 55%; margin-top: -75px; margin-left: -5px;"></div>
                </td>
                <td>
                    <div id="ddos_piechart"
                         style="background-image: url({{ home }}static/img/ddos.png); background-repeat: no-repeat; background-position: center right 54%; margin-top: -75px; margin-left: -5px;"></div>
                </td>
                <td>
                    <div id="errors_piechart"
                         style="background-image: url({{ home }}static/img/internalerrors.png); background-repeat: no-repeat; background-position: center right 54%; margin-top: -75px; margin-left: -5px;"></div>
                </td>
            </tr>
        </table>

        <div class="pie_column_charts" style="margin-left: -22px; margin-top: 0px; height: 500px;">
            <span style="text-align: center; margin-left: 110px; font-size: 24px; color: #2760A0">{% trans 'Last 24 h.' %}</span>
            <div id="line_chart_data" style="display: none"></div>
            <div id="top10host_data" style="display: none"></div>
            <div id="top10attackers_data" style="display: none"></div>
            <div id="ip_info_data" style="display: none"></div>
            <div id="top_countries_data" style="display: none"></div>
            <table id="last24h_table" style="width: 1230px; margin-left: 22px; margin-top: -20px;">
                <tr>
                    <td>
                        <div id="pie_chart" style="margin-left: -239px; width: 1500px; margin-top: -35px;"></div>
                    </td>
                    <td>
                        <div id="column_chart"
                             style="z-index: 1000; margin-left: -913px; margin-top: -138px;"></div>
                    </td>
                </tr>
            </table>
        </div>
    </div>

    <!-- Widget: Events -->
    <div class="summary-map-widget" id="widget-events" style="display:none">
        <div class="summary-widget-header">
            <button class="summary-collapse-btn" data-target="events-body">
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0.666504 0.666748L4.6665 4.66675L8.6665 0.666748" stroke="#285283" stroke-width="1.33333"
                          stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <span class="summary-widget-title">{% trans 'Event Collector' %}</span>
            <div class="summary-widget-settings-wrap">
                <span class="summary-widget-settings">
                    <svg width="25" height="25" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path d="M8.14667 1.33325H7.85333C7.49971 1.33325 7.16057 1.47373 6.91053 1.72378C6.66048 1.97382 6.52 2.31296 6.52 2.66659V2.78659C6.51976 3.0204 6.45804 3.25005 6.34103 3.45248C6.22401 3.65491 6.05583 3.82301 5.85333 3.93992L5.56667 4.10659C5.36398 4.22361 5.13405 4.28522 4.9 4.28522C4.66595 4.28522 4.43603 4.22361 4.23333 4.10659L4.13333 4.05325C3.82738 3.87676 3.46389 3.82888 3.12267 3.92012C2.78145 4.01137 2.49037 4.23428 2.31333 4.53992L2.16667 4.79325C1.99018 5.09921 1.9423 5.46269 2.03354 5.80392C2.12478 6.14514 2.34769 6.43622 2.65333 6.61325L2.75333 6.67992C2.95485 6.79626 3.12241 6.96331 3.23937 7.16447C3.35632 7.36563 3.4186 7.5939 3.42 7.82659V8.16659C3.42093 8.40153 3.35977 8.63255 3.2427 8.83626C3.12563 9.03996 2.95681 9.20911 2.75333 9.32659L2.65333 9.38659C2.34769 9.56362 2.12478 9.8547 2.03354 10.1959C1.9423 10.5371 1.99018 10.9006 2.16667 11.2066L2.31333 11.4599C2.49037 11.7656 2.78145 11.9885 3.12267 12.0797C3.46389 12.171 3.82738 12.1231 4.13333 11.9466L4.23333 11.8933C4.43603 11.7762 4.66595 11.7146 4.9 11.7146C5.13405 11.7146 5.36398 11.7762 5.56667 11.8933L5.85333 12.0599C6.05583 12.1768 6.22401 12.3449 6.34103 12.5474C6.45804 12.7498 6.51976 12.9794 6.52 13.2133V13.3333C6.52 13.6869 6.66048 14.026 6.91053 14.2761C7.16057 14.5261 7.49971 14.6666 7.85333 14.6666H8.14667C8.50029 14.6666 8.83943 14.5261 9.08948 14.2761C9.33953 14.026 9.48 13.6869 9.48 13.3333V13.2133C9.48024 12.9794 9.54196 12.7498 9.65898 12.5474C9.77599 12.3449 9.94418 12.1768 10.1467 12.0599L10.4333 11.8933C10.636 11.7762 10.866 11.7146 11.1 11.7146C11.3341 11.7146 11.564 11.7762 11.7667 11.8933L11.8667 11.9466C12.1726 12.1231 12.5361 12.171 12.8773 12.0797C13.2186 11.9885 13.5096 11.7656 13.6867 11.4599L13.8333 11.1999C14.0098 10.894 14.0577 10.5305 13.9665 10.1893C13.8752 9.84803 13.6523 9.55695 13.3467 9.37992L13.2467 9.32659C13.0432 9.20911 12.8744 9.03996 12.7573 8.83626C12.6402 8.63255 12.5791 8.40153 12.58 8.16659V7.83325C12.5791 7.59831 12.6402 7.36728 12.7573 7.16358C12.8744 6.95988 13.0432 6.79072 13.2467 6.67325L13.3467 6.61325C13.6523 6.43622 13.8752 6.14514 13.9665 5.80392C14.0577 5.46269 14.0098 5.09921 13.8333 4.79325L13.6867 4.53992C13.5096 4.23428 13.2186 4.01137 12.8773 3.92012C12.5361 3.82888 12.1726 3.87676 11.8667 4.05325L11.7667 4.10659C11.564 4.22361 11.3341 4.28522 11.1 4.28522C10.866 4.28522 10.636 4.22361 10.4333 4.10659L10.1467 3.93992C9.94418 3.82301 9.77599 3.65491 9.65898 3.45248C9.54196 3.25005 9.48024 3.0204 9.48 2.78659V2.66659C9.48 2.31296 9.33953 1.97382 9.08948 1.72378C8.83943 1.47373 8.50029 1.33325 8.14667 1.33325Z"
                            stroke="#999999" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
                      <path d="M8 10C9.10457 10 10 9.10457 10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10Z"
                            stroke="#999999" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                    <span class="summary-filter-count" style="display:none"></span>
                </span>
                <div class="summary-category-dropdown custom-filter-dropdown" id="events-filter-dropdown">
                    <div class="filter-dropdown-trigger" style="display:none"></div>
                    <div class="filter-dropdown-menu align-right">

                        <div class="filter-dropdown-options">
                            <div class="filter-option" data-value="debug"><span class="filter-option-label">{% trans 'Debug' %}</span></div>
                            <div class="filter-option" data-value="info"><span class="filter-option-label">{% trans 'Info' %}</span></div>
                            <div class="filter-option" data-value="warning"><span class="filter-option-label">{% trans 'Warning' %}</span></div>
                            <div class="filter-option" data-value="error"><span class="filter-option-label">{% blocktrans context "event level" %}Error{% endblocktrans %}</span></div>
                            <div class="filter-option" data-value="fatal"><span class="filter-option-label">{% trans 'Fatal' %}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="summary-widget-close-btn" id="events-close-btn" title="{% trans 'Remove widget' %}">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 1L1 13M1 1L13 13" stroke="#999999" stroke-width="1.33333" stroke-linecap="round"/>
                </svg>
            </button>
        </div>
        <div class="summary-widget-body" id="events-body">
            <div class="summary-content-area">
                <div class="summary-left-panel" id="events-chart-container">
                    <div id="events_chart"></div>
                </div>
                <div class="summary-side-panel">
                    <div class="summary-side-content" id="events-legend"></div>
                    <a href="{{ home }}ec/" class="events-goto-link">{% trans 'Go to' %}</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Widget: Requests and Traffic Statistics -->
    <div class="summary-map-widget" id="widget-stats" style="display:none">
        <div class="summary-widget-header">
            <button class="summary-collapse-btn" data-target="stats-body">
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0.666504 0.666748L4.6665 4.66675L8.6665 0.666748" stroke="#285283" stroke-width="1.33333"
                          stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <span class="summary-widget-title">{% trans 'Requests and traffic statistics' %}</span>
            <button class="summary-widget-close-btn" id="stats-close-btn" title="{% trans 'Remove widget' %}">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 1L1 13M1 1L13 13" stroke="#999999" stroke-width="1.33333" stroke-linecap="round"/>
                </svg>
            </button>
        </div>
        <div class="summary-widget-body" id="stats-body">
            <div class="summary-content-area">
                <div class="summary-left-panel" id="stats-chart-container">
                    <div id="stats_chart"></div>
                </div>
                <div class="summary-side-panel">
                    <div class="summary-switch-tabs" id="stats-tabs">
                        <button class="summary-switch-btn summary-switch-active" data-stab="requests">{% trans 'Requests' %}</button>
                        <button class="summary-switch-btn" data-stab="traffic">{% trans 'Traffic' %}</button>
                    </div>
                    <div class="summary-side-content" id="stats-legend"></div>
                    <a href="{{ home }}request_stats/" class="events-goto-link" id="stats-goto-link">{% trans 'Go to' %}</a>
                </div>
            </div>
        </div>
    </div>

    <!-- Widget: Nemesida WAF Hardware Resources -->
    <div class="summary-map-widget" id="widget-agents" style="display:none">
        <div class="summary-widget-header">
            <button class="summary-collapse-btn" data-target="agents-body">
                <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M0.666504 0.666748L4.6665 4.66675L8.6665 0.666748" stroke="#285283" stroke-width="1.33333"
                          stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </button>
            <span class="summary-widget-title">{% trans 'Nemesida WAF hardware resources' %}</span>
            <a href="{{ home }}agent_monitoring/" class="summary-agents-goto-link">{% trans 'Go to' %}</a>
            <button class="summary-widget-close-btn" id="agents-close-btn" title="{% trans 'Remove widget' %}">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M13 1L1 13M1 1L13 13" stroke="#999999" stroke-width="1.33333" stroke-linecap="round"/>
                </svg>
            </button>
        </div>
        <div class="summary-widget-body" id="agents-body">
            <div id="agents-widget-loading" class="aw-loading" style="display:none">{% trans 'Loading...' %}</div>
            <div id="agents-widget-empty" class="aw-empty" style="display:none">{% trans 'No data' %}</div>
            <div id="agents-widget-groups"></div>
        </div>
        <span style="display:none;" id="aw-i18n"
            data-available="{% trans 'Available' %}"
            data-unavailable="{% trans 'Unavailable' %}"
            data-last-update="{% trans 'Last update at' %}"
            data-group-mla="{% trans 'MLA' %}"
            data-group-mlc="{% trans 'MLC' %}"
            data-group-nws="{% trans 'NWS' %}">
        </span>
        <span style="display:none;" id="stats-i18n"
            data-total="{% trans 'Total' %}"
            data-processed="{% trans 'Processed' %}"
            data-blocked="{% trans 'Blocked' %}"
            data-error="{% blocktrans context "stats metric" %}Error{% endblocktrans %}"
            data-received="{% trans 'Received' %}"
            data-sent="{% trans 'Sent' %}">
        </span>
        <span style="display:none;" id="events-i18n"
            data-debug="{% trans 'Debug' %}"
            data-info="{% trans 'Info' %}"
            data-warning="{% trans 'Warning' %}"
            data-error="{% blocktrans context 'event level' %}Error{% endblocktrans %}"
            data-fatal="{% trans 'Fatal' %}">
        </span>
    </div>

    <div id="map-tooltip" class="summary-map-tooltip"></div>
    <div id="column_chart2" style="display:none"></div>
</div>
{% include 'my_waf/settings_info.html' %}