{% load i18n %}

<div class="modal fade event_details_modal" tabindex="-1" role="dialog" id="event_details_{{ request.log.id }}"
     aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog" style="width: 700px;">
    <div class="modal-content m_content">
      <div class="modal-header m_head">
        <h4 class="modal-title">{% trans 'Event Details' %}</h4>
      </div>
      <div class="modal-body" style="padding: 0px; width: 700px;">
        <table class="table table-condensed table_modal_event_details"
               style="margin-bottom:1px; width: 700px; overflow-wrap: anywhere;">
          <tbody>

          {% if request.request_date != 'NULL' and request.request_date != '-' %}
            <tr>
              <td style="width: 150px; font-weight: 600;">{% trans 'Date' %}</td>
              <td>{{ request.request_date }}</td>
            </tr>
          {% endif %}

          {% if request.log.vhost != 'NULL' and request.log.vhost != '-' and request.log.vhost != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Host' %}</td>
              <td>{{ request.log.vhost }}</td>
            </tr>
          {% endif %}

          {% if request.log.ip != 'NULL' and request.log.ip != '-' and request.log.ip != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'IP' %}</td>
              <td>{{ request.log.ip }}</td>
            </tr>
          {% endif %}

          {% if request.log.request_id != 'NULL' and request.log.request_id != '-' and request.log.request_id != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Request ID' %}</td>
              <td>{{ request.log.request_id }}</td>
            </tr>
          {% endif %}

          {% if request.reason != 'NULL' and request.reason != '-' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Blocked by' %}</td>
              <td>{{ request.reason }}</td>
            </tr>
          {% endif %}

          {% if request.log.rule_id != 'NULL' and request.log.rule_id != '-' and request.log.rule_id != '0' and request.log.rule_id.0 != '0' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Rule ID' %}</td>
              <td>
                {% for rl_id in request.log.rule_id %}
                  {% if forloop.last %}
                    <a role="button" class="rule-info">{{ rl_id }}</a>
                  {% else %}
                    <a role="button" class="rule-info">{{ rl_id }}</a>,
                  {% endif %}
                {% endfor %}
                <p hidden class="row-id">{{ request.log.id }}</p>
              </td>
            </tr>
          {% endif %}

          {% if request.log.url != 'NULL' and request.log.url != '-' and request.log.url != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'URL' %}</td>
              <td {% if request.log.mz|lower == 'url' or 'url' in request.log.mz_group %}
                {{ 'class="match_zone"' }} {% endif %}>{{ request.log.url }}</td>
            </tr>
          {% endif %}

          {% if request.log.method != 'NULL' and request.log.method != '-' and request.log.method != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Method' %}</td>
              <td>{{ request.log.method }}</td>
            </tr>
          {% endif %}

          {% if request.log.referer != 'NULL' and request.log.referer != '-' and request.log.referer != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Referer' %}</td>
              <td {% if request.log.mz|lower == 'referer' or 'referer' in request.log.mz_group %}
                {{ 'class="match_zone"' }} {% endif %}>{{ request.log.referer }}</td>
            </tr>
          {% endif %}

          {% if request.log.param != 'NULL' and request.log.param != '-' and request.log.param != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'ARGS' %}</td>
              <td {% if request.log.mz|lower == 'args' or 'args' in request.log.mz_group %}
                {{ 'class="match_zone"' }} {% endif %}>{{ request.log.param }}</td>
            </tr>
          {% endif %}

          {% if request.log.ua != 'NULL' and request.log.ua != '-' and request.log.ua != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'User agent' %}</td>
              <td {% if request.log.mz|lower == 'user-agent' or 'user-agent' in request.log.mz_group %}
                {{ 'class="match_zone"' }} {% endif %}>{{ request.log.ua }}</td>
            </tr>
          {% endif %}

          {% if request.log.cookie != 'NULL' and request.log.cookie != '-' and request.log.cookie != '' %}
            <tr>
              <td style="font-weight: 600; border-bottom: 1px solid #ddd;">{% trans 'Cookies' %}</td>
              <td {% if request.log.mz|lower == 'cookie' or 'cookie' in request.log.mz_group %}
                {{ 'class="match_zone"' }} {% endif %}>{{ request.log.cookie }}</td>
            </tr>
          {% endif %}

          {% if request.body != 'NULL' and request.body != '-' and request.body != '' %}
            <tr>
              <td style="font-weight: 600">{% trans 'Body' %}</td>
              <td {% if request.log.mz|lower == 'body' or 'body' in request.log.mz_group %}
                {{ 'class="match_zone"' }} {% endif %}>{{ request.body }}</td>
            </tr>
          {% endif %}

          {% if request.log.other_headers != 'NULL' and request.log.other_headers != '-' and request.log.other_headers != '' %}
            <tr>
              <td style="white-space:pre-wrap; font-weight: 600">{% trans 'Headers' %}</td>
              <td
                      {% if request.log.mz|lower == 'headers' or request.log.mz|lower == 'other_headers' or request.log.mz|lower == 'content-disposition' or 'other_headers' in request.log.mz_group or 'headers' in request.log.mz_group or 'content-disposition' in request.log.mz_group %}
                        {{ 'class="match_zone"' }} {% endif %}
                      style="white-space:pre-wrap;">{{ request.log.other_headers }}</td>
            </tr>
          {% endif %}

          </tbody>
        </table>
      </div>
      <div class="modal-footer m_foot">
        <button type="button" class="btn btn-default align-left m_btn"
                data-dismiss="modal">{% trans 'Cancel' %}</button>
      </div>

    </div>
  </div>
</div>