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


{% block leftbar %}
  <div>
    <a href="{{ home }}model_tuning/" class="left-sidebar-link clearfix ">
      <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 active">
      <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 %}
            <tr class="infinite-item" style="font-size:80%">
              <td class="row_id">
                <input type="checkbox" id="{{ key.id }}" name="del_check">
              </td>
              <td class="row_bt {{ key.bt_class }}">
                <div onclick="searchItem('bt')" class="contain_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_vhost">
                  <a onclick="searchItem('h', '{{ key.vhost }}')" role="button" class="sort-link" href='#'>{{ key.vhost }}</a>,&nbsp;
                  {% 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>
                <input name="rowId" type="hidden" value="{{ key.id }}">
              </td>
              <td style="vertical-align: middle;">
                <button class="btn btn-outline-secondary 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>
              </td>
              <td style="text-align:left; padding: 10px; padding-top: 15px; vertical-align: top;">
                {% if 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 %}
                {% if 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 %}
                {% if 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 %}
                {% if 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 %}

                {% if 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 }}" data-table="mt_export">
                        {% 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.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 %}
                {% if key.referer %}
                  <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">
                    {{ key.referer }}
                  </div>
                {% endif %}
              </td>
              <td style="display:none;" class="req_type">{{ key.method }}</td>
            </tr>
          {% 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>
  {% 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/_custom_check.html' %}

  {% if t %}
    {% include 'smain/_edit.html' %}
  {% endif %}
{% 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 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;
          }
          markInstance.unmark({
              done: function () {
                  markInstance.mark(keyword);
              }
          });
      }

      var keywordInput = document.querySelector("input[name='q']");
      keywordInput.addEventListener("input", performMark("{{ q }}"));
  </script>
  <script type="text/javascript">
      $('table.demo2').floatThead({
          position: 'fixed',
          top: 90
      });
  </script>
  <script type="text/javascript">

      function reducing_str(value, if_len=15, num=6) {
          if (value.length > if_len)
              return value.slice(0, num).concat('***').concat(value.slice(-num))
          return value
      }

      //detail row
      $(document).on('click', '.drp', function (e) {
          var row = e.currentTarget.parentElement.parentElement;
          var row_id = row.getElementsByClassName('row_id')[0].childNodes[1].id;
          var params = window.location.search.substr(1)
          var url = "/" + row_id + "?" + params
          $.get(url)
              .done(function (data) {
                  var arr = ['args', 'uri', 'cookie', 'ua', 'body', 'referer', 'other_headers']
                  document.getElementById('detailId').value = row_id;
                  document.getElementById('detail_row_bt').innerHTML = data.bt;
                  var infoHtml = '';
                  var requestType = '';
                  if (data.request_type) {
                      if (data.request_type === 'ws') {
                          requestType = 'WebSocket';
                      } else if (data.request_type === 'grpc') {
                          requestType = 'gRPC';
                      } else if (data.request_type === 'generic') {
                          requestType = 'Generic';
                      } else {
                          requestType = data.request_type;
                      }
                  }
                  infoHtml = data.vhost + ', ' + data.method;
                  if (requestType) {
                      infoHtml += '<br>' + requestType;
                  }
                  infoHtml += '<br>' + data.timestamp + '<br>' + data.request_id + '<br>' + data.waf_id;
                  document.getElementById('detail_row_info').innerHTML = infoHtml;
                  $("#detail_row_args").text(data.args);
                  $("#detail_row_uri").text(data.uri);
                  $("#detail_row_cookie").text(data.cookie.replace(/\n/g, "<br>"));
                  $("#detail_row_ua").text(data.ua);
                  $("#detail_row_body").text(data.body);
                  $("#detail_row_referer").text(data.referer);
                  if (data.other_headers == null) {
                      data.other_headers = '';
                  }
                  $("#detail_row_other_headers").html(data.other_headers.replace(/\n/g, "<br>").replace(/\:/g, ": "));
                  for (var i = 0; i < arr.length; i++) {
                      if (data[arr[i]] == '' || data[arr[i]] == '-' || data[arr[i]] == null || data[arr[i]] == " ") {
                          document.getElementById('detail_row_' + arr[i]).style.display = 'none';
                          document.getElementById('detail_head_' + arr[i]).style.display = 'none';
                      } else {
                          document.getElementById('detail_row_' + arr[i]).style.display = '';
                          document.getElementById('detail_head_' + arr[i]).style.display = '';
                      }
                  }
                  $('#detailModal').modal('show');
              });
      });
  </script>
  <script>
      $(document).ready(function () {
          $('[data-toggle="tooltip"]').tooltip({
              trigger: 'hover',
              html: true
          });
      });
  </script>

{% endblock %}