{% extends 'base_mt.html' %}
{% load static %}
{% load cut_bold %}
{% load add_space %}
{% load split_space %}
{% load get_country %}
{% load local_ip_mt %}
{% load reducing_str %}
{% load check_ip %}
{% load strip_len %}
{% load i18n %}


{% block leftbar %}
    <div>
        <a href="{{ home }}model_tuning/" class="left-sidebar-link clearfix active">
            <div class="left-sidebar-link-title"><span>{% trans 'Attacks' context 'model_tuning' %}</span></div>
            <div class="left-sidebar-link-icon"><span class="fa"
                                                      style="font-weight: bold; font-size: 18px; font-style: normal; vertical-align: sub; font-family: inherit;">A</span>
            </div>
        </a>
    </div>
    <div>
        <a href="{{ home }}model_tuning/?t=p" class="left-sidebar-link clearfix">
            <div class="left-sidebar-link-title"><span>{% trans 'False Positive' context 'model_tuning' %}</span></div>
            <div class="left-sidebar-link-icon"><span class="fa"
                                                      style="font-weight: bold; font-size: 18px; font-style: normal; vertical-align: sub; font-family: inherit;">FP</span>
            </div>
        </a>
    </div>
{% endblock %}

{% block content %}


    <div style="" id="tableContent">
        <div style="padding-right: 15px; padding-left: 5px;">
            <div>
                <table class="table demo2 table-bordered table-sm infinite-container" id="myTable">
                    <thead>
                    <tr bgcolor="#f5f6fa" style="color: #aaaeba; font-size:80%;">
                        <th scope="col" width="40" style="text-align: center;">
                            <input type="checkbox" id="ca" name="check">
                        </th>
                        <th scope="col" width="40"
                            style="text-align: center;">{% trans 'BT' context 'model_tuning' %}</th>
                        <th scope="col" width="200"
                            style="text-align: center;">{% trans 'Info' context 'model_tuning' %}</th>
                        <th scope="col" width="60"
                            style="text-align: center;">{% trans 'Act.' context 'model_tuning' %}</th>
                        <th scope="col" style="text-align: center;">{% trans 'MZ details' context 'model_tuning' %}</th>
                        <th style="display:none;"></th>
                    </tr>
                    </thead>
                    <tbody class="context">
                    {% for key in rows %}

                        {% if key.mz|length > 0 or key.bt == 11 %}
                            <tr class="infinite-item" style="font-size:80%">
                                <td class="row_id">
                                    <input type="checkbox" id="{{ key.id }}" name="del_check">
                                </td>
                                <td class="{{ key.bt_class }}">
                                    <div onclick="searchItem('bt')" class="contain_bt row_bt">
                                        <a role="button" class="bt-sort-link" href='#'>{{ key.bt }}</a>
                                    </div>
                                </td>
                                <td class="row_info" style="text-align: right; padding: 10px; padding-top: 15px; vertical-align: top;">

                                    <div class="contain_ip" style="padding-top: 10px;">
                                        {% if key.geotoken != None %}
                                            {% if key.ip|local_ip == 'local' %}
                                                <span>
                                                    <i id='flag' class="fa fa-globe unknown-icon fa-lg" style="color: #134473;" data-html="true" data-toggle="tooltip" data-placement="bottom" geotoken_id="{{ key.waf_id }}" title="<div style='font-size: 13px;'>Private IP</div>"></i>
                                                </span>
                                            {% elif key.ip|local_ip == 'multicast' %}
                                                <span>
                                                    <i id='flag' class="fa fa-globe unknown-icon fa-lg" style="color: #134473;" data-html="true" data-toggle="tooltip" data-placement="bottom" title="<div style='font-size: 13px;'>Multicast IP</div>"></i>
                                                </span>
                                            {% elif key.ip_info.status and key.ip_info.status != 'fail' %}
                                                <span>
                                                    <i id='flag' class="fi fis flag-icon flag-icon-squared fi-{{ key.ip_info.cc|lower }} attack-table-flag-icon" data-html="true" data-toggle="tooltip" data-placement="bottom" geotoken_id="{{ key.waf_id }}"
                                                       title="<div style='font-size: 13px;'>{{ key.ip_info.city }}, {{ key.ip_info.country }} ({{ key.ip_info.cc }})<br>{% if key.ip_info.org|length > 1 %}Org: {{ key.ip_info.org }}<br>{% endif %}{% if key.ip_info.isp|length > 1 %}Isp: {{ key.ip_info.isp }}<br>{% endif %}{% if key.ip_info.mobile|lower == 'false' or key.ip_info.mobile|lower == 'none' %}Mobile: No<br>{% else %}Mobile: Yes<br>{% endif %}{% if key.ip_info.tor|lower == 'false' or key.ip_info.tor|lower == 'none' %}Tor: No<br>{% else %}Tor: Yes<br>{% endif %}{% if key.ip_info.proxy|lower == 'false' or key.ip_info.proxy|lower == 'none' %}Proxy: No<br>{% else %}Proxy: Yes<br>{% endif %}{% if key.ip_info.hosting|lower == 'false' or key.ip_info.hosting|lower == 'none' %}Hosting: No<br>{% else %}Hosting: Yes<br>{% endif %}{% if key.ip_info.crawler|lower == 'false' or key.ip_info.crawler|lower == 'none' %}Crawler: No<br>{% else %}Crawler: Yes<br>{% endif %}</div>"></i>
                                                </span>
                                            {% else %}
                                                <span id="load_ip_{{ key.id }}">
                                                    <i id='flag' class="fa fa-globe unknown-icon fa-lg" geotoken_id="{{ key.waf_id }}" style="color: #134473;">
                                                        <script>
                                                            $(document).ready(function () {
                                                                $('#load_ip_{{ key.id }}').hover(function () {
                                                                    let ip = "{{ key.ip }}";
                                                                    let flag_elem = this.querySelector('i');
                                                                    let checkGlob = flag_elem.outerHTML.indexOf('fa-globe unknown-icon');
                                                                    let geotoken_id = flag_elem.getAttribute('geotoken_id');
                                                                    if (checkGlob !== -1) { return; }
                                                                    $.get('ip_info/?ip=' + ip + '&geo_token_id=' + geotoken_id).done(function (data) {
                                                                        if (data.status !== 'no data') {
                                                                            $('#load_ip_{{ key.id }}').replaceWith(data);
                                                                            $('[data-toggle="tooltip"]').tooltip({ trigger: 'hover', placement: 'bottom', html: true });
                                                                        }
                                                                    });
                                                                });
                                                            });
                                                        </script>
                                                    </i>
                                                </span>
                                            {% endif %}
                                        {% else %}
                                            <span>
                                                <i id='flag' class="fa fa-globe unknown-icon fa-lg" style="color: #134473;" data-html="true" data-toggle="tooltip" data-placement="bottom" geotoken_id="{{ key.waf_id }}" title="<div style='font-size: 13px;'>GeoIP information available only for commercial version</div>"></i>
                                            </span>
                                        {% endif %}

                                        {% if t != 'p' %}
                                            {% if user_plans == 0 %}
                                                <button id='blockBtn{{ forloop.counter }}' onclick="show_confirm_to_bl('{{ key.ip }}', '{{ key.waf_id }}', '{{ key.vhost }}', true)" class="bg-transparent blockBtn test-asdas" style="padding: 0; bottom: 0.7rem; position: relative; font-size: 75%; line-height: 0; border: none; visibility: hidden" title="{% trans 'Block IP' %}"><i class="fa fa-ban"></i></button>
                                            {% endif %}
                                            <div data-id="{{ key.ip }}" id="a1" style="display: none;">
                                                <div class="popover-body">
                                                    <button class="btn btn-default btn-sm round-button-icons btn-st er" style="border-radius: 25px;" title="{% trans 'Edit' context 'signtest_btn' %}"><i class="fa fa-pencil-square"></i></button>
                                                    <button class="btn btn-default btn-sm round-button-icons btn-st dr" style="border-radius: 25px;" title="{% trans 'Details' context 'model_tuning' %}"><i class="fa fa-info"></i></button>
                                                    <button class="btn btn-default btn-sm round-button-icons btn-st cr" id="checkIcon" style="border-radius: 25px;" title="{% trans 'Check' context 'model_tuning' %}"><i class="fa fa-check-circle"></i></button>
                                                    {% if user_plans %}
                                                        <button class="btn btn-default btn-sm round-button-icons btn-st" onclick="show_confirm_to_bl(window.set_bl_ip, window.set_bl_waf_id, window.set_bl_domain, true)" style="border-radius: 25px;" title="{% trans 'Block IP' %}"><i class="fa fa-ban"></i></button>
                                                    {% endif %}
                                                    <button class="btn btn-default btn-sm round-button-icons btn-st" style="border-radius: 25px;" onclick="remove_all_by_ip('{{ key.ip }}',this)" title="{% trans 'Remove all by this IP' context 'model_tuning' %}"><i class="fa fa-trash"></i></button>
                                                </div>
                                            </div>
                                        {% endif %}

                                        <a id='ipNumber{{ forloop.counter }}' onclick="searchItem('ip', '{{ key.ip }}')" role="button" class="sort-link no-hover-underline" href='#'>{{ key.ip }}</a>
                                    </div>
                                    <div class="contain_vhost">
                                        <a onclick="searchItem('h', '{{ key.vhost }}')" role="button" class="sort-link" href='#'>{{ key.vhost }},&nbsp;</a>
                                        {% if key.method %}
                                            {{ key.method }}
                                        {% endif %}
                                    </div>
                                    {% if key.request_type %}
                                        <div>
                                            {% if key.request_type == 'ws' %}WebSocket{% elif key.request_type == 'grpc' %}gRPC{% elif key.request_type == 'generic' %}Generic{% else %}{{ key.request_type }}{% endif %}
                                        </div>
                                    {% endif %}
                                    <div class="contain_timestamp">{{ key.timestamp }}</div>
                                    <div>{{ key.request_id|reducing }}</div>
                                    <div class="contain_waf_id"><a onclick="searchItem('waf_id')" role="button" class="sort-link" href='#'>{{ key.waf_id }}</a></div>
                                    {% if key.agent %}
                                        <div><a onclick="searchItem('agent', '{{ key.agent }}')" role="button" class="sort-link" href="#">
                                            {% if key.agent == 'MLA' %}Nemesida AI MLA{% elif key.agent == 'MLC' %}Nemesida AI MLC{% else %}{{ key.agent }}{% endif %}
                                        </a></div>
                                    {% endif %}
                                    <input name="rowId" type="hidden" value="{{ key.request_id }}">
                                </td>
                                <td style="vertical-align: top;">
                                    {% if not t %}
                                        {% if key.bt == 12 or key.bt == 13 %}
                                            {% if 'body' in key.mz and key.body_is_large or 'args' in key.mz and key.args_is_large or 'uri' in key.mz and key.uri_is_large or 'cookie' in key.mz and key.cookie_is_large or 'ua' in key.mz and key.ua_is_large or 'referer' in key.mz and key.referer_is_large or 'other_headers' in key.mz and key.other_headers_is_large %}
                                                <button class="btn btn-outline-secondary btn-sm round-button-icons btn-st ct"
                                                        title="{% trans 'Export disabled: content too large' context 'model_tuning' %}"
                                                        style="border-radius: 25px; margin-bottom: 10px; margin-top: 10px;" disabled>
                                                    <i class="fa fa-share"></i>
                                                </button>
                                            {% else %}
                                                <button class="btn btn-outline-secondary btn-sm round-button-icons btn-st ct"
                                                        title="{% trans 'Export' context 'model_tuning' %}"
                                                        style="border-radius: 25px; margin-bottom: 10px; margin-top: 10px;">
                                                    <i class="fa fa-share"></i>
                                                </button>
                                            {% endif %}
                                        {% else %}
                                            <div style="margin-bottom: 25px;"></div>
                                        {% endif %}
                                    {% endif %}
                                    <button class="btn btn-outline-secondary btn-sm round-button-icons btn-st dtr"
                                            style="border-radius: 25px; margin-bottom: 10px;"
                                            title="{% trans 'Delete' context 'model_tuning' %}"><i
                                            class="fa fa-trash-o"></i></button>
                                    <a class="btn btn-outline-secondary btn-sm round-button-icons btn-st pop"
                                       style="border-radius: 25px; margin-bottom: 10px;padding: 0.25rem 0.5rem;"
                                       tabindex="0"
                                       data-toggle="popover"
                                       data-popover-content="#a1" data-trigger="focus">
                                        <i class="fa fa-angle-double-right" style="font-weight: 600;"></i>
                                    </a>
                                </td>

                                <td style="text-align:left; padding: 10px; padding-top: 15px; vertical-align: top;">
                                    {% if key.bt == 12 or key.bt == 13 %}
                                        {% if key.uri and 'uri' in key.mz %}
                                            <div onclick="searchItem('uri')" class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.uri }}:
                                                </a>
                                            </div>
                                            <div class="col contain_uri field-val-col">
                                                {{ key.uri }}
                                            </div>
                                        {% endif %}
                                        {% if key.args and 'args' in key.mz %}
                                            <div onclick="searchItem('args')" class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.args }}:
                                                </a>
                                            </div>
                                            <div class="col contain_args field-val-col">
                                                  {% if '[cutted]' in key.args %}
                                                      {{ key.args|cut_bold|linebreaksbr }}<b>[cutted]</b>
                                                  {% else %}
                                                      {{ key.args|linebreaksbr }}
                                                  {% endif %}
                                            </div>
                                        {% endif %}
                                        {% if key.cookie and 'cookie' in key.mz %}
                                            <div onclick="searchItem('cookie')"
                                                 class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.cookie }}:
                                                </a>
                                            </div>
                                              <div class="col contain_cookie field-val-col">
                                                  {% if '[cutted]' in key.cookie %}
                                                      {{ key.cookie|cut_bold|add_space|linebreaksbr }}<b>[cutted]</b>
                                                  {% else %}
                                                      {{ key.cookie|add_space|linebreaksbr }}
                                                  {% endif %}
                                              </div>
                                        {% endif %}
                                        {% if key.ua and 'ua' in key.mz %}
                                            <div onclick="searchItem('ua')" class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.ua }}:
                                                </a>
                                            </div>
                                              <div class="col contain_ua field-val-col">
                                                  {% if '[cutted]' in key.ua %}
                                                      {{ key.ua|cut_bold }}<b>[cutted]</b>
                                                  {% else %}
                                                      {{ key.ua }}
                                                  {% endif %}
                                              </div>
                                        {% endif %}

                                        {% if key.body and 'body' in key.mz %}
                                            <div onclick="searchItem('body')" class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.body }}:
                                                </a>
                                            </div>
                                            <div class="col contain_body row_body field-val-col"
                                                   style="padding-left: 4px">
                                                  {% if key.body_is_large %}
                                                      <a role="button" class="download-mt-content" data-type="body"
                                              data-id="{{ key.id }}">
                                                          {% trans "Content is too large" %}
                                                      </a>
                                                  {% elif '[cutted]' in key.body %}
                                                      {% if key.body|cut_bold|count_lines > 15 %}
                                                          <div class="big-content">
                                                              {{ key.body|cut_bold|strip_lines_len:15|linebreaks }}
                                                              <div id="bc-{{ key.id }}" style="display: none;">
                                                                  {{ key.body|cut_bold|strip_lines_after_len:15|linebreaks
                                              }}
                                                              </div>
                                                          </div>
                                                          <p class="big-content-toggle text-white hide-show-btn"
                                                             id="bct-{{ key.id }}"
                                                             style="margin-top: 15px; cursor:pointer;">{% trans 'Show'
                                              context 'btn mt' %}</p>
                                                      {% elif key.body|cut_bold|length > 1500 %}
                                                          <div class="big-content">
                                                              {{ key.body|cut_bold|strip_len:1500|linebreaks }}
                                                              <div id="bc-{{ key.id }}" style="display: none;">
                                                                  {{ key.body|cut_bold|strip_after_len:1500|linebreaks }}
                                                              </div>
                                                          </div>
                                                          <p class="big-content-toggle text-white hide-show-btn"
                                                             id="bct-{{ key.id }}"
                                                             style="margin-top: 15px; cursor:pointer;">{% trans 'Show'
                                              context 'btn mt' %}</p>
                                                      {% else %}
                                                          {{ key.body|cut_bold|linebreaks }}<b>[cutted]</b>
                                                      {% endif %}
                                                  {% elif key.body|count_lines > 15 %}
                                                      <div class="big-content">
                                                          {{ key.body|strip_lines_len:15|linebreaks }}
                                                          <div id="bc-{{ key.id }}" style="display: none;">
                                                              {{ key.body|strip_lines_after_len:15|linebreaks }}
                                                          </div>
                                                      </div>
                                                      <p class="big-content-toggle text-white hide-show-btn"
                                                         id="bct-{{ key.id }}"
                                                         style="margin-top: 15px; cursor:pointer;">{% trans 'Show' context
                                              'btn mt' %}</p>
                                                  {% elif key.body|length > 1500 %}
                                                      <div class="big-content">
                                                          {{ key.body|strip_len:1500|linebreaks }}
                                                          <div id="bc-{{ key.id }}" style="display: none;">
                                                              {{ key.body|strip_after_len:1500|linebreaks }}
                                                          </div>
                                                      </div>
                                                      <p class="big-content-toggle text-white hide-show-btn"
                                                         id="bct-{{ key.id }}"
                                                         style="margin-top: 15px; cursor:pointer;">{% trans 'Show' context
                                              'btn mt' %}</p>
                                                  {% else %}
                                                      {{ key.body|linebreaks }}
                                                  {% endif %}
                                              </div>
                                        {% endif %}
                                        {% if key.referer and 'referer' in key.mz %}
                                            <div onclick="searchItem('referer')"
                                                 class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.referer }}:
                                                </a>
                                            </div>
                                              <div class="col contain_referer field-val-col">
                                                  {% if '[cutted]' in key.referer %}
                                                      {{ key.referer|cut_bold }}<b>[cutted]</b>
                                                  {% else %}
                                                      {{ key.referer }}
                                                  {% endif %}
                                              </div>
                                        {% endif %}
                                        {% if key.other_headers and 'other_headers' in key.mz %}
                                            <div onclick="searchItem('other_headers')"
                                                 class="col field-name-col highlight_col">
                                                <a role="button" class="sort-link" href='#'>
                                                    {{ names.other_headers }}:
                                                </a>
                                            </div>
                                              <div class="col contain_other_headers field-val-col">
                                                  {% if '[cutted]' in key.other_headers %}
                                                      {{ key.other_headers|cut_bold|add_space|linebreaksbr }}
                                                      <b>[cutted]</b>
                                                  {% else %}
                                                      {{ key.other_headers|add_space|linebreaksbr }}
                                                  {% endif %}
                                              </div>
                                        {% endif %}
                                    {% else %}
                                        {% if 'uri' in key.mz or key.mz|length == 0 %}
                                            {% if key.uri and key.uri != " " %}
                                                <div onclick="searchItem('uri')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.uri }}:
                                                    </a>
                                                </div>
                                                  <div class="col contain_uri field-val-col">
                                                      {{ key.uri }}
                                                  </div>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'args' in key.mz or key.mz|length == 0 %}
                                            {% if key.args and key.args != " " %}
                                                <div onclick="searchItem('args')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.args }}:
                                                    </a>
                                                </div>
                                                  <div class="col contain_args field-val-col">
                                                      {% if '[cutted]' in key.args %}
                                                          {{ key.args|cut_bold }}<b>[cutted]</b>
                                                      {% else %}
                                                          {{ key.args }}
                                                      {% endif %}
                                                  </div>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'cookie' in key.mz or key.mz|length == 0 %}
                                            {% if key.cookie and key.cookie != " " %}
                                                <div onclick="searchItem('cookie')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.cookie }}:
                                                    </a>
                                                </div>
                                                  <div class="col contain_cookie field-val-col">
                                                      {% if '[cutted]' in key.cookie %}
                                                          {{ key.cookie|cut_bold|add_space|linebreaksbr }}<b>[cutted]</b>
                                                      {% else %}
                                                          {{ key.cookie|add_space|linebreaksbr }}
                                                      {% endif %}
                                                  </div>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'ua' in key.mz or key.mz|length == 0 %}
                                            {% if key.ua and key.ua != " " %}
                                                <div onclick="searchItem('ua')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.ua }}:
                                                    </a>
                                                </div>
                                                  <div class="col contain_ua field-val-col">
                                                      {% if '[cutted]' in key.ua %}
                                                          {{ key.ua|cut_bold }}<b>[cutted]</b>
                                                      {% else %}
                                                          {{ key.ua }}
                                                      {% endif %}
                                                  </div>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'body' in key.mz or key.mz|length == 0 %}
                                            {% if key.body and key.body != " " %}
                                                <div onclick="searchItem('body')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.body }}:
                                                    </a>
                                                </div>
                                                <div class="col contain_body row_body field-val-col" style="padding-left: 4px; ">
                                                      {% if key.body_is_large %}
                                                          <a role="button" class="download-mt-content" data-type="body" data-id="{{ key.id }}">
                                                              {% trans "Content is too large" %}
                                                          </a>
                                                      {% elif '[cutted]' in key.body %}
                                                          {% if key.body|cut_bold|count_lines > 15 %}
                                                              <div class="big-content">
                                                                  {{ key.body|cut_bold|strip_lines_len:15|linebreaks }}
                                                                  <div id="bc-{{ key.id }}" style="display: none;">
                                                                      {{ key.body|cut_bold|strip_lines_after_len:15|linebreaks }}
                                                                  </div>
                                                              </div>
                                                              <p class="big-content-toggle text-white hide-show-btn"
                                                                 id="bct-{{ key.id }}"
                                                                 style="margin-top: 15px; cursor:pointer;">{% trans 'Show' context 'btn mt' %}</p>
                                                          {% elif key.body|cut_bold|length > 1500 %}
                                                              <div class="big-content">
                                                                  {{ key.body|cut_bold|strip_len:1500|linebreaks }}
                                                                  <div id="bc-{{ key.id }}" style="display: none;">
                                                                      {{ key.body|cut_bold|strip_after_len:1500|linebreaks }}
                                                                  </div>
                                                              </div>
                                                              <p class="big-content-toggle text-white hide-show-btn"
                                                                 id="bct-{{ key.id }}"
                                                                 style="margin-top: 15px; cursor:pointer;">{% trans 'Show' context 'btn mt' %}</p>
                                                          {% else %}
                                                              {{ key.body|cut_bold|linebreaks }}<b>[cutted]</b>
                                                          {% endif %}
                                                      {% elif key.body|count_lines > 15 %}
                                                          <div class="big-content">
                                                              {{ key.body|strip_lines_len:15|linebreaks }}
                                                              <div id="bc-{{ key.id }}" style="display: none;">
                                                                  {{ key.body|strip_lines_after_len:15|linebreaks }}
                                                              </div>
                                                          </div>
                                                          <p class="big-content-toggle text-white hide-show-btn"
                                                             id="bct-{{ key.id }}"
                                                             style="margin-top: 15px; cursor:pointer;">{% trans 'Show' context 'btn mt' %}</p>
                                                      {% elif key.body|length > 1500 %}
                                                          <div class="big-content">
                                                              {{ key.body|strip_len:1500|linebreaks }}
                                                              <div id="bc-{{ key.id }}" style="display: none;">
                                                                  {{ key.body|strip_after_len:1500|linebreaks }}
                                                              </div>
                                                          </div>
                                                          <p class="big-content-toggle text-white hide-show-btn"
                                                             id="bct-{{ key.id }}"
                                                             style="margin-top: 15px; cursor:pointer;">{% trans 'Show' context 'btn mt' %}</p>
                                                      {% else %}
                                                          {{ key.body|linebreaks }}
                                                      {% endif %}
                                                </div>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'referer' in key.mz or key.mz|length == 0 %}
                                            {% if key.referer and key.referer != " " %}
                                                <div onclick="searchItem('body')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.referer }}:
                                                    </a>
                                                </div>
                                                  <div class="col contain_referer field-val-col">
                                                      {% if '[cutted]' in key.referer %}
                                                          {{ key.referer|cut_bold }}<b>[cutted]</b>
                                                      {% else %}
                                                          {{ key.referer }}
                                                      {% endif %}
                                                  </div>
                                            {% endif %}
                                        {% endif %}
                                        {% if 'other_headers' in key.mz or key.mz|length == 0 %}
                                            {% if key.other_headers and key.other_headers != " " %}
                                                <div onclick="searchItem('other_headers')"
                                                     class="col field-name-col highlight_col">
                                                    <a role="button" class="sort-link" href='#'>
                                                        {{ names.other_headers }}:
                                                    </a>
                                                </div>
                                                  <div class="col contain_other_headers field-val-col">
                                                      {{ key.other_headers|add_space|linebreaksbr }}
                                                  </div>
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td style="display:none;" class="req_type">{{ key.method }}</td>
                                {% if key.mz|length > 0 %}
                                    <td style="display:none;" class="row_mz">{{ key.mz }}</td>
                                {% else %}
                                    <td style="display:none;" class="row_mz"></td>
                                {% endif %}
                            </tr>
                        {% endif %}

                    {% endfor %}
                    </tbody>
                </table>
                <div style="display: flex; justify-content: center; padding-bottom: 15px;">
                    <button class="btn btn-default btn-loading-next-page"
                            style="font-size: 25px; padding-bottom: 0; padding-top: 0; border-color: silver;">
                        <i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i>
                    </button>
                    <div class="loading-container" style=" margin-top: 25px;">
                        <i class="fa fa-spinner fa-5x" aria-hidden="true"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row-id">
        <input name="pRowId" type="hidden" value="">
    </div>
    {% if rows.has_next %}
        <a class="infinite-more-link" href="?page={{ rows.next_page_number }}&q={{ q }}&t={{ t }}"></a>
    {% endif %}

    {% csrf_token %}

    {% include '_confirmation.html' %}

    {% include 'smain/_check.html' %}
    {% include 'smain/_export.html' %}
    {% include 'smain/_confirmation.html' %}
    {% include 'smain/_detail.html' %}
    {% include 'smain/_edit_main.html' %}
    {% include 'smain/_custom_check.html' %}
{% endblock content %}

{% block js %}
    {{ block.super }}
    <script src="{% static 'js/jquery.waypoints.min.js' %}"></script>
    <script src="{% static 'mt/js/infinite.min.js' %}"></script>
    <script src="{% static 'mt/js/main.js' %}"></script>
    <script src="{% static 'mt/js/sort.js' %}"></script>
    <script src="{% static 'mt/js/search.js' %}"></script>
    <script>
        $(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip({
                trigger: 'hover',
                html: true
            });
        });

    </script>
    <script type="text/javascript">
        var markInstance = new Mark(document.querySelector(".context"));

        function performMark(key) {
            if (key.indexOf(':') > -1) {
                var keyword = key.split(':')[1]
            } else {
                var keyword = key;
            }
            keyword = keyword.replace('URI', 'Path');
            markInstance.unmark({
                done: function () {
                    markInstance.mark(keyword);
                }
            });
        }

        var keywordInput = document.querySelector("input[name='q']");
        keywordInput.addEventListener("input", performMark("{{ q }}"));
    </script>
    <script>
        $(function () {
            $(document).popover({
                html: true,
                selector: '[data-toggle=popover]',
                trigger: 'focus',
                content: function () {
                    var content = $(this).attr("data-popover-content");
                    return $(content).children(".popover-body").html();
                }
            });
        });
    </script>
    <script type="text/javascript">
        $('table.demo2').floatThead({
            position: 'fixed',
            top: 90
        });
    </script>
    <script type="text/javascript">
        $(document).on('click', '.pop', function (e) {
            var id = e.currentTarget.parentElement.parentElement.getElementsByClassName("row_info")[0].lastElementChild.value;
            var iid = e.currentTarget.parentElement.parentElement.getElementsByClassName("row_id")[0].lastElementChild.id;
            var bt = e.currentTarget.parentElement.parentElement.getElementsByClassName("row_bt")[0].firstElementChild.innerHTML;

            if (bt == 12 || bt == 13) {
                $('.er').show();
            } else {
                $('.er').hide();
            }
            window.set_bl_domain = e.currentTarget.parentElement.parentElement.querySelector(".contain_vhost").firstElementChild.innerText;
            window.set_bl_ip = e.currentTarget.parentElement.parentElement.querySelector(".contain_ip").querySelector('[data-id]').getAttribute('data-id');
            window.set_bl_waf_id = e.currentTarget.parentElement.parentElement.querySelector(".contain_waf_id").firstElementChild.innerText;

            document.getElementsByClassName('row-id')[0].lastElementChild.value = iid;

        });
    </script>

{% endblock %}