{% load i18n %}
<div class="container-fluid" style="font-weight: 400;">
  <ul class="nav nav-tabs horizontal-tabs"
      style="margin-left: 55px; margin-top: 10px; border-bottom: 0; border-radius: 6px;">
    {% for key in lic_keys %}
      <li class="nav-item horizontal-item {% if forloop.first %} active {% endif %}">
        <a style="padding-top: 0; border-bottom-width: 0; border-right-width: 0; border-left-width: 0;border-top-width: 0;margin-top: -1px;"
           class="nav-link horizontal-item-link {% if forloop.first %} active {% endif %} vertical_tab"
           data-toggle="tab"
           href="#{{ key.id }}">{{ key.description }}</a>
      </li>
    {% endfor %}
  </ul>
  <div class="tab-content">
    {% for key in lic_keys %}
      <div class="tab-pane fade {% if forloop.first %} active in {% endif %}"
           id="{{ key.id }}">
        <form id="dyn_settings_form"
              style="margin-left: 55px; color: #134473; margin-top: 15px; border: 1px solid #D5E4F3; border-radius: 6px; padding-left: 18px;">
          <input hidden name="lic_keys_select" value="{{ key.id }}">

          <div class="row mb-3 form-title">
            <div class="col-sm-4" style="margin-top: 17px;">
              {% trans 'Dyn label column title' %}
            </div>
            <div class="col-sm-8" style="margin-top: 17px;">
              {% trans 'Dyn values column title' %}
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'General' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_limit_input"
                     class="settings_label nwaf_limit_label col-form-label">{% trans 'nwaf limit title' %}
                <i style="display: none;"
                   class="settings_info nwaf_limit_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" id="add_nwaf_limit_button_{{ key.id }}" style="float: left;"
                      onclick="show_modal_edit_nwaf_limit('{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-plus-circle" aria-hidden="true"></i>
              </button>
              {% for limit in key.nwaf_limit %}
                <div class="nwaf_limit_divs_{{ key.id }}" style="margin-left: 56px;"
                     id="nwaf_limit_div_{{ key.id }}_{{ forloop.counter0 }}"><span
                        class="nwaf_limit_domain_{{ key.id }}"
                        id="nwaf_limit_domain_{{ key.id }}_{{ forloop.counter0 }}">{% if limit.domain %}
                  domain={{ limit.domain }}{% endif %}</span>
                  <span class="nwaf_limit_rate_{{ key.id }}"
                        id="nwaf_limit_rate_{{ key.id }}_{{ forloop.counter0 }}">rate={{ limit.rate }}</span>
                  <span class="nwaf_limit_block_time_{{ key.id }}"
                        id="nwaf_limit_block_time_{{ key.id }}_{{ forloop.counter0 }}">block_time={{ limit.block_time }}</span>
                  <button type="button" style="color: #285283"
                          onclick="show_modal_edit_nwaf_limit('{{ key.id }}','{{ forloop.counter0 }}')"
                          class="btn action"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                  <button type="button" style="color: #285283"
                          onclick="delete_nwaf_limit(this,'{{ key.id }}')"
                          class="btn action"><i class="fa fa-times-circle" aria-hidden="true"></i>
                  </button>
                </div>
                <input class="last_limit_id_{{ key.id }}" hidden value="{{ forloop.counter0 }}">
              {% endfor %}
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_host_enable_input_{{ key.id }}"
                     class="settings_label nwaf_host_enable_label col-form-label">{% trans 'nwaf host enable title' %}
                <i style="display: none;"
                   class="settings_info nwaf_host_enable_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf host enable title' %}','nwaf_host_enable', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_host_enable_text_{{ key.id }}">{{ key.nwaf_host_enable }}</span>
              </div>
              <input type="hidden" name="nwaf_host_enable" class="form-control"
                     id="nwaf_host_enable_input_{{ key.id }}"
                     value="{{ key.nwaf_host_enable }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label  for="nwaf_log_request_input_{{ key.id }}"
                     class="settings_label nwaf_log_request_label col-form-label">{% trans 'nwaf log request title' %}
                <i style="display: none;"
                   class="settings_info nwaf_log_request_question fa fa-question"
                   aria-hidden="true" style ="z-index: 10; margin: 100px;"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf log request title' %}','nwaf_log_request', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_log_request_text_{{ key.id }}">{{ key.nwaf_log_request }}</span>
              </div>
              <input type="hidden" name="nwaf_log_request" class="form-control"
                     id="nwaf_log_request_input_{{ key.id }}"
                     data-tarif="{{ key.tarif }}"
                     value="{{ key.nwaf_log_request }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ban_captcha_url_input_{{ key.id }}"
                     class="settings_label nwaf_ban_captcha_url_label col-form-label">{% trans 'nwaf ban captcha url title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ban_captcha_url_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ban captcha url title' %}','nwaf_ban_captcha_url', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_ban_captcha_url_text_{{ key.id }}">{{ key.nwaf_ban_captcha_url }}</span>
              </div>
              <input type="hidden" name="nwaf_ban_captcha_url" class="form-control"
                     id="nwaf_ban_captcha_url_input_{{ key.id }}"
                     value="{{ key.nwaf_ban_captcha_url }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ban_captcha_token_hash_input_{{ key.id }}"
                     class="settings_label nwaf_ban_captcha_token_hash_label col-form-label">{% trans 'nwaf ban captcha token hash title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ban_captcha_token_hash_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left; margin-right: 6px;"
                      onclick="change_value('nwaf_ban_captcha_token_hash','{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-floppy-o" aria-hidden="true"></i>
              </button>
              <input name="nwaf_ban_captcha_token_hash" style="height:31px; width: 305px; font-size: 13px;"
                     class="form-control is-invalid"
                     id="nwaf_ban_captcha_token_hash_input_{{ key.id }}"
                     value="{% if key.nwaf_ban_captcha_token_hash %}{{ key.nwaf_ban_captcha_token_hash }}{% endif %}">
              <div style="margin-top: 5px; margin-left: 56px;">
                              <span id="nwaf_ban_captcha_token_hash_error_{{ key.id }}"
                                    style="color: red; display: none;">{% trans 'Edit setting error incorrect value' %}</span>
              </div>
            </div>
          </div>

          {% if key.tarif == 'Enterprise' %}
            <div class="row mb-3 form-row">
              <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Response analysis' %}</strong></h4></div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_response_url_input_{{ key.id }}"
                      class="settings_label nwaf_response_url_label col-form-label">{% trans 'nwaf response url title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_response_url_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf response url title' %}','nwaf_response_url', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                  <span class="hide_items"
                        id="nwaf_response_url_text_{{ key.id }}">{{ key.nwaf_response_url }}</span>
                </div>
                <input type="hidden" name="nwaf_response_url" class="form-control"
                      id="nwaf_response_url_input_{{ key.id }}"
                      value="{{ key.nwaf_response_url }}">
              </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_response_url_lm_input_{{ key.id }}"
                      class="settings_label nwaf_response_url_lm_label col-form-label">{% trans 'nwaf response url lm title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_response_url_lm_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf response url lm title' %}','nwaf_response_url_lm', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                  <span class="hide_items"
                        id="nwaf_response_url_lm_text_{{ key.id }}">{{ key.nwaf_response_url_lm }}</span>
                </div>
                <input type="hidden" name="nwaf_response_url_lm" class="form-control"
                      id="nwaf_response_url_lm_input_{{ key.id }}"
                      value="{{ key.nwaf_response_url_lm }}">
              </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_response_url_wl_input_{{ key.id }}"
                      class="settings_label nwaf_response_url_wl_label col-form-label">{% trans 'nwaf response url wl title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_response_url_wl_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf response url wl title' %}','nwaf_response_url_wl', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                  <span class="hide_items"
                        id="nwaf_response_url_wl_text_{{ key.id }}">{{ key.nwaf_response_url_wl }}</span>
                </div>
                <input type="hidden" name="nwaf_response_url_wl" class="form-control"
                      id="nwaf_response_url_wl_input_{{ key.id }}"
                      value="{{ key.nwaf_response_url_wl }}">
              </div>
            </div>
          {% endif %}

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Monitoring mode' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_host_lm_input_{{ key.id }}"
                     class="settings_label nwaf_host_lm_label col-form-label">{% trans 'nwaf host lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_host_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf host lm title' %}','nwaf_host_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_host_lm_text_{{ key.id }}">{{ key.nwaf_host_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_host_lm" class="form-control"
                     id="nwaf_host_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_host_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ip_lm_input_{{ key.id }}"
                     class="settings_label nwaf_ip_lm_label col-form-label">{% trans 'nwaf ip lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ip_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ip lm title' %}','nwaf_ip_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_ip_lm_text_{{ key.id }}">{{ key.nwaf_ip_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_ip_lm" class="form-control"
                     id="nwaf_ip_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_ip_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_rfc_violation_lm_input_{{ key.id }}"
                     class="settings_label nwaf_rfc_violation_lm_label col-form-label">{% trans 'nwaf rfc violation lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_rfc_violation_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf_rfc_violation_lm title' %}','nwaf_rfc_violation_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_rfc_violation_lm_text_{{ key.id }}">{{ key.nwaf_rfc_violation_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_rfc_violation_lm" class="form-control"
                     id="nwaf_rfc_violation_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_rfc_violation_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_mla_url_lm_input_{{ key.id }}"
                     class="settings_label nwaf_mla_url_lm_label col-form-label">{% trans 'nwaf mla url lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_mla_url_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf mla url lm title' %}','nwaf_mla_url_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_mla_url_lm_text_{{ key.id }}">{{ key.nwaf_mla_url_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_mla_url_lm" class="form-control"
                     id="nwaf_mla_url_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_mla_url_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_mla_host_lm_input_{{ key.id }}"
                      class="settings_label nwaf_mla_host_lm_label col-form-label">{% trans 'nwaf mla host lm title' %}
                      <sup><i class="fa fa-exclamation-circle" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="{% trans 'Legacy option' %}" style="top: -1px;"></i></sup>
                <i style="display: none;"
                    class="settings_info nwaf_mla_host_lm_question fa fa-question"
                    aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf mla host lm title' %}','nwaf_mla_host_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_mla_host_lm_text_{{ key.id }}">{{ key.nwaf_mla_host_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_mla_host_lm" class="form-control"
                      id="nwaf_mla_host_lm_input_{{ key.id }}"
                      value="{{ key.nwaf_mla_host_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Exclude analysis' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_host_wl_input_{{ key.id }}"
                     class="settings_label nwaf_host_wl_label col-form-label">{% trans 'nwaf host wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_host_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf host wl title' %}','nwaf_host_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_host_wl_text_{{ key.id }}">{{ key.nwaf_host_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_host_wl" class="form-control"
                     id="nwaf_host_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_host_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label  for="nwaf_ip_wl_input_{{ key.id }}"
                     class="settings_label nwaf_ip_wl_label col-form-label">{% trans 'nwaf ip wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ip_wl_question fa fa-question"
                   aria-hidden="true" style ="z-index: 10; margin: 100px;"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ip wl title' %}','nwaf_ip_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_ip_wl_text_{{ key.id }}">{{ key.nwaf_ip_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_ip_wl" class="form-control"
                     id="nwaf_ip_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_ip_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_url_wl_input_{{ key.id }}"
                     class="settings_label nwaf_url_wl_label col-form-label">{% trans 'nwaf url wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_url_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf url wl title' %}','nwaf_url_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_url_wl_text_{{ key.id }}">{{ key.nwaf_url_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_url_wl" class="form-control"
                     id="nwaf_url_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_url_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_rfc_violation_wl_input_{{ key.id }}"
                     class="settings_label nwaf_rfc_violation_wl_label col-form-label">{% trans 'nwaf rfc violation wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_rfc_violation_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf_rfc_violation_wl title' %}','nwaf_rfc_violation_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_rfc_violation_wl_text_{{ key.id }}">{{ key.nwaf_rfc_violation_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_rfc_violation_wl" class="form-control"
                     id="nwaf_rfc_violation_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_rfc_violation_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Antibot mode' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_antibot_url_input_{{ key.id }}"
                     class="settings_label nwaf_antibot_url_label col-form-label">{% trans 'nwaf antibot url title' %}
                <i style="display: none;"
                   class="settings_info nwaf_antibot_url_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf antibot url title' %}','nwaf_antibot_url', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_antibot_url_text_{{ key.id }}">{{ key.nwaf_antibot_url }}</span>
              </div>
              <input type="hidden" name="nwaf_antibot_url" class="form-control"
                     id="nwaf_antibot_url_input_{{ key.id }}"
                     value="{{ key.nwaf_antibot_url }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_antibot_captcha_url_input_{{ key.id }}"
                     class="settings_label nwaf_antibot_captcha_url_label col-form-label">{% trans 'nwaf antibot captcha url title' %}
                <i style="display: none;"
                   class="settings_info nwaf_antibot_captcha_url_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf antibot captcha url title' %}','nwaf_antibot_captcha_url', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_antibot_captcha_url_text_{{ key.id }}">{{ key.nwaf_antibot_captcha_url }}</span>
              </div>
              <input type="hidden" name="nwaf_antibot_captcha_url" class="form-control"
                     id="nwaf_antibot_captcha_url_input_{{ key.id }}"
                     value="{{ key.nwaf_antibot_captcha_url }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_antibot_mem_input_{{ key.id }}"
                     class="settings_label nwaf_antibot_mem_label col-form-label">{% trans 'nwaf antibot mem title' %}
                <i style="display: none;"
                   class="settings_info nwaf_antibot_mem_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left; margin-right: 6px;"
                      onclick="change_value('nwaf_antibot_mem','{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-floppy-o" aria-hidden="true"></i>
              </button>
              <input name="nwaf_antibot_mem" style="height:31px; width: 65px; font-size: 13px;"
                     class="form-control is-invalid"
                     id="nwaf_antibot_mem_input_{{ key.id }}"
                     value="{% if key.nwaf_antibot_mem %}{{ key.nwaf_antibot_mem }}{% else %}250{% endif %}">
              <div style="margin-top: 5px; margin-left: 56px;">
                              <span id="nwaf_antibot_mem_error_{{ key.id }}"
                                    style="color: red; display: none;">{% trans 'Edit setting error incorrect value' %}</span>
              </div>
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_antibot_url_wl_input_{{ key.id }}"
                     class="settings_label nwaf_antibot_url_wl_label col-form-label">{% trans 'nwaf antibot url wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_antibot_url_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf antibot url wl title' %}','nwaf_antibot_url_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_antibot_url_wl_text_{{ key.id }}">{{ key.nwaf_antibot_url_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_antibot_url_wl" class="form-control"
                     id="nwaf_antibot_url_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_antibot_url_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label  for="nwaf_antibot_ip_wl_input_{{ key.id }}"
                     class="settings_label nwaf_antibot_ip_wl_label col-form-label">{% trans 'nwaf antibot ip wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_antibot_ip_wl_question fa fa-question"
                   aria-hidden="true" style ="z-index: 10; margin: 100px;"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf antibot ip wl title' %}','nwaf_antibot_ip_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_antibot_ip_wl_text_{{ key.id }}">{{ key.nwaf_antibot_ip_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_antibot_ip_wl" class="form-control"
                     id="nwaf_antibot_ip_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_antibot_ip_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_antibot_cc_wl_input_{{ key.id }}"
                     class="settings_label nwaf_antibot_cc_wl_label col-form-label">{% trans 'nwaf antibot cc wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_antibot_cc_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf antibot cc wl title' %}','nwaf_antibot_cc_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_antibot_cc_wl_text_{{ key.id }}">{{ key.nwaf_antibot_cc_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_antibot_cc_wl" class="form-control"
                     id="nwaf_antibot_cc_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_antibot_cc_wl }}">
            </div>
          </div>

          {% if key.tarif != 'Light' %}
          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'API Firewall' %}</strong></h4></div>
          </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_openapi_ip_lm_input_{{ key.id }}"
                      class="settings_label nwaf_openapi_ip_lm_label col-form-label">{% trans 'nwaf openapi ip lm title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_openapi_ip_lm_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf openapi ip lm title' %}','nwaf_openapi_ip_lm', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i>
                </button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_openapi_ip_lm_text_{{ key.id }}">{{ key.nwaf_openapi_ip_lm }}</span>
                </div>
                <input type="hidden" name="nwaf_openapi_ip_lm" class="form-control"
                      id="nwaf_openapi_ip_lm_input_{{ key.id }}"
                      value="{{ key.nwaf_openapi_ip_lm }}">
              </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_openapi_url_lm_input_{{ key.id }}"
                      class="settings_label nwaf_openapi_url_lm_label col-form-label">{% trans 'nwaf openapi url lm title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_openapi_url_lm_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf openapi url lm title' %}','nwaf_openapi_url_lm', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i>
                </button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_openapi_url_lm_text_{{ key.id }}">{{ key.nwaf_openapi_url_lm }}</span>
                </div>
                <input type="hidden" name="nwaf_openapi_url_lm" class="form-control"
                      id="nwaf_openapi_url_lm_input_{{ key.id }}"
                      value="{{ key.nwaf_openapi_url_lm }}">
              </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_openapi_ip_wl_input_{{ key.id }}"
                      class="settings_label nwaf_openapi_ip_wl_label col-form-label">{% trans 'nwaf openapi ip wl title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_openapi_ip_wl_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf openapi ip wl title' %}','nwaf_openapi_ip_wl', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i>
                </button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_openapi_ip_wl_text_{{ key.id }}">{{ key.nwaf_openapi_ip_wl }}</span>
                </div>
                <input type="hidden" name="nwaf_openapi_ip_wl" class="form-control"
                      id="nwaf_openapi_ip_wl_input_{{ key.id }}"
                      value="{{ key.nwaf_openapi_ip_wl }}">
              </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="nwaf_openapi_url_wl_input_{{ key.id }}"
                      class="settings_label nwaf_openapi_url_wl_label col-form-label">{% trans 'nwaf openapi url wl title' %}
                  <i style="display: none;"
                    class="settings_info nwaf_openapi_url_wl_question fa fa-question"
                    aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" style="float: left;"
                        onclick="showEditSettingModal('{% trans 'nwaf openapi url wl title' %}','nwaf_openapi_url_wl', 'dyn', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i>
                </button>
                <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_openapi_url_wl_text_{{ key.id }}">{{ key.nwaf_openapi_url_wl }}</span>
                </div>
                <input type="hidden" name="nwaf_openapi_url_wl" class="form-control"
                      id="nwaf_openapi_url_wl_input_{{ key.id }}"
                      value="{{ key.nwaf_openapi_url_wl }}">
              </div>
            </div>
          {% endif %}

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Antivirus analysis' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label  for="nwaf_av_ip_lm_input_{{ key.id }}"
                     class="settings_label nwaf_av_ip_lm_label col-form-label">{% trans 'nwaf av ip lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_av_ip_lm_question fa fa-question"
                   aria-hidden="true" style ="z-index: 10; margin: 100px;"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf av ip lm title' %}','nwaf_av_ip_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_av_ip_lm_text_{{ key.id }}">{{ key.nwaf_av_ip_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_av_ip_lm" class="form-control"
                     id="nwaf_av_ip_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_av_ip_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_av_url_lm_input_{{ key.id }}"
                     class="settings_label nwaf_av_url_lm_label col-form-label">{% trans 'nwaf av url lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_av_url_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf av url lm title' %}','nwaf_av_url_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_av_url_lm_text_{{ key.id }}">{{ key.nwaf_av_url_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_av_url_lm" class="form-control"
                     id="nwaf_av_url_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_av_url_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label  for="nwaf_av_ip_wl_input_{{ key.id }}"
                     class="settings_label nwaf_av_ip_wl_label col-form-label">{% trans 'nwaf av ip wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_av_ip_wl_question fa fa-question"
                   aria-hidden="true" style ="z-index: 10; margin: 100px;"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf av ip wl title' %}','nwaf_av_ip_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items" id="nwaf_av_ip_wl_text_{{ key.id }}">{{ key.nwaf_av_ip_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_av_ip_wl" class="form-control"
                     id="nwaf_av_ip_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_av_ip_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_av_url_wl_input_{{ key.id }}"
                     class="settings_label nwaf_av_url_wl_label col-form-label">{% trans 'nwaf av url wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_av_url_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf av url wl title' %}','nwaf_av_url_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_av_url_wl_text_{{ key.id }}">{{ key.nwaf_av_url_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_av_url_wl" class="form-control"
                     id="nwaf_av_url_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_av_url_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_clamav_wl_input_{{ key.id }}"
                     class="settings_label nwaf_clamav_wl_label col-form-label">{% trans 'nwaf clamav wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_clamav_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf clamav wl title' %}','nwaf_clamav_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_clamav_wl_text_{{ key.id }}">{{ key.nwaf_clamav_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_clamav_wl" class="form-control"
                     id="nwaf_clamav_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_clamav_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_icap_av_wl_input_{{ key.id }}"
                     class="settings_label nwaf_icap_av_wl_label col-form-label">{% trans 'nwaf icap av wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_icap_av_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf icap av wl title' %}','nwaf_icap_av_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                <span class="hide_items"
                      id="nwaf_icap_av_wl_text_{{ key.id }}">{{ key.nwaf_icap_av_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_icap_av_wl" class="form-control"
                     id="nwaf_icap_av_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_icap_av_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Body analysis' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_body_exclude_input_{{ key.id }}"
                     class="settings_label nwaf_body_exclude_label col-form-label">{% trans 'nwaf body exclude title' %}
                <i style="display: none;"
                   class="settings_info nwaf_body_exclude_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf body exclude title' %}','nwaf_body_exclude', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_body_exclude_text_{{ key.id }}">{{ key.nwaf_body_exclude }}</span>
              </div>
              <input type="hidden" name="nwaf_body_exclude" class="form-control"
                     id="nwaf_body_exclude_input_{{ key.id }}"
                     value="{{ key.nwaf_body_exclude }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_body_bin_exclude_input_{{ key.id }}"
                     class="settings_label nwaf_body_bin_exclude_label col-form-label">{% trans 'nwaf body bin exclude title' %}
                <i style="display: none;"
                   class="settings_info nwaf_body_bin_exclude_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf body bin exclude title' %}','nwaf_body_bin_exclude', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_body_bin_exclude_text_{{ key.id }}">{{ key.nwaf_body_bin_exclude }}</span>
              </div>
              <input type="hidden" name="nwaf_body_bin_exclude" class="form-control"
                     id="nwaf_body_bin_exclude_input_{{ key.id }}"
                     value="{{ key.nwaf_body_bin_exclude }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'MLC interaction' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ban_captcha_host_input_{{ key.id }}"
                     class="settings_label nwaf_ban_captcha_host_label col-form-label">{% trans 'nwaf ban captcha host title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ban_captcha_host_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ban captcha host title' %}','nwaf_ban_captcha_host', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_ban_captcha_host_text_{{ key.id }}">{{ key.nwaf_ban_captcha_host }}</span>
              </div>
              <input type="hidden" name="nwaf_ban_captcha_host" class="form-control"
                     id="nwaf_ban_captcha_host_input_{{ key.id }}"
                     value="{{ key.nwaf_ban_captcha_host }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ai_extra_host_lm_input_{{ key.id }}"
                      class="settings_label nwaf_ai_extra_host_lm_label col-form-label">{% trans 'nwaf ai extra host lm title' %}
                <i style="display: none;"
                    class="settings_info nwaf_ai_extra_host_lm_question fa fa-question"
                    aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ai extra host lm title' %}','nwaf_ai_extra_host_lm','dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_ai_extra_host_lm_text_{{ key.id }}">{{ key.nwaf_ai_extra_host_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_ai_extra_host_lm" class="form-control"
                      id="nwaf_ai_extra_host_lm_input_{{ key.id }}"
                      value="{{ key.nwaf_ai_extra_host_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_bf_detect_host_lm_input_{{ key.id }}"
                     class="settings_label nwaf_bf_detect_host_lm_label col-form-label">{% trans 'nwaf bf detect host lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_bf_detect_host_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf bf detect host lm title' %}','nwaf_bf_detect_host_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_bf_detect_host_lm_text_{{ key.id }}">{{ key.nwaf_bf_detect_host_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_bf_detect_host_lm" class="form-control"
                     id="nwaf_bf_detect_host_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_bf_detect_host_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ddos_detect_host_lm_input_{{ key.id }}"
                     class="settings_label nwaf_ddos_detect_host_lm_label col-form-label">{% trans 'nwaf ddos detect host lm title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ddos_detect_host_lm_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ddos detect host lm title' %}','nwaf_ddos_detect_host_lm', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_ddos_detect_host_lm_text_{{ key.id }}">{{ key.nwaf_ddos_detect_host_lm }}</span>
              </div>
              <input type="hidden" name="nwaf_ddos_detect_host_lm" class="form-control"
                     id="nwaf_ddos_detect_host_lm_input_{{ key.id }}"
                     value="{{ key.nwaf_ddos_detect_host_lm }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_ai_extra_host_wl_input_{{ key.id }}"
                     class="settings_label nwaf_ai_extra_host_wl_label col-form-label">{% trans 'nwaf ai extra host wl title' %}
                <i style="display: none;"
                   class="settings_info nwaf_ai_extra_host_wl_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf ai extra host wl title' %}','nwaf_ai_extra_host_wl', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_ai_extra_host_wl_text_{{ key.id }}">{{ key.nwaf_ai_extra_host_wl }}</span>
              </div>
              <input type="hidden" name="nwaf_ai_extra_host_wl" class="form-control"
                     id="nwaf_ai_extra_host_wl_input_{{ key.id }}"
                     value="{{ key.nwaf_ai_extra_host_wl }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_rmq_host_exclude_input_{{ key.id }}"
                     class="settings_label nwaf_rmq_host_exclude_label col-form-label">{% trans 'nwaf rmq host exclude title' %}
                <i style="display: none;"
                   class="settings_info nwaf_rmq_host_exclude_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf rmq host exclude title' %}','nwaf_rmq_host_exclude', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_rmq_host_exclude_text_{{ key.id }}">{{ key.nwaf_rmq_host_exclude }}</span>
              </div>
              <input type="hidden" name="nwaf_rmq_host_exclude" class="form-control"
                     id="nwaf_rmq_host_exclude_input_{{ key.id }}"
                     value="{{ key.nwaf_rmq_host_exclude }}">
            </div>
          </div>

          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Other settings' %}</strong></h4></div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_b64_decode_disable_input_{{ key.id }}"
                     class="settings_label nwaf_b64_decode_disable_label col-form-label">{% trans 'nwaf_b64_decode_disable title' %}
                <i style="display: none;"
                   class="settings_info nwaf_b64_decode_disable_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf_b64_decode_disable title' %}','nwaf_b64_decode_disable', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_b64_decode_disable_text_{{ key.id }}">{{ key.nwaf_b64_decode_disable }}</span>
              </div>
              <input type="hidden" name="nwaf_b64_decode_disable" class="form-control"
                     id="nwaf_b64_decode_disable_input_{{ key.id }}"
                     value="{{ key.nwaf_b64_decode_disable }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_put_body_exclude_input_{{ key.id }}"
                     class="settings_label nwaf_put_body_exclude_label col-form-label">{% trans 'nwaf put body exclude title' %}
                     <sup><i class="fa fa-exclamation-circle" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="{% trans 'Legacy option' %}" style="top: -1px;"></i></sup>
                <i style="display: none;"
                   class="settings_info nwaf_put_body_exclude_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf put body exclude title' %}','nwaf_put_body_exclude', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_put_body_exclude_text_{{ key.id }}">{{ key.nwaf_put_body_exclude }}</span>
              </div>
              <input type="hidden" name="nwaf_put_body_exclude" class="form-control"
                     id="nwaf_put_body_exclude_input_{{ key.id }}"
                     value="{{ key.nwaf_put_body_exclude }}">
            </div>
          </div>


          <div class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_post_body_exclude_input_{{ key.id }}"
                     class="settings_label nwaf_post_body_exclude_label col-form-label">{% trans 'nwaf post body exclude title' %}
                     <sup><i class="fa fa-exclamation-circle" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="{% trans 'Legacy option' %}" style="top: -1px;"></i></sup>
                <i style="display: none;"
                   class="settings_info nwaf_post_body_exclude_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf post body exclude title' %}','nwaf_post_body_exclude', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_post_body_exclude_text_{{ key.id }}">{{ key.nwaf_post_body_exclude }}</span>
              </div>
              <input type="hidden" name="nwaf_post_body_exclude" class="form-control"
                     id="nwaf_post_body_exclude_input_{{ key.id }}"
                     value="{{ key.nwaf_post_body_exclude }}">
            </div>
          </div>

          <div class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label for="nwaf_geoip_mla_disable_input_{{ key.id }}"
                     class="settings_label nwaf_geoip_mla_disable_label col-form-label">{% trans 'nwaf_geoip_mla_disable title' %}
                     <sup><i class="fa fa-exclamation-circle" aria-hidden="true" data-toggle="tooltip" data-placement="right" title="{% trans 'Legacy option' %}" style="top: -1px;"></i></sup>
                <i style="display: none;"
                   class="settings_info nwaf_geoip_mla_disable_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <button type="button" style="float: left;"
                      onclick="showEditSettingModal('{% trans 'nwaf_geoip_mla_disable title' %}','nwaf_geoip_mla_disable', 'dyn', '{{ key.id }}')"
                      class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
              <div style="margin-top: 5px; margin-left: 56px; padding-bottom: 5px">
                                <span class="hide_items"
                                      id="nwaf_geoip_mla_disable_text_{{ key.id }}">{{ key.nwaf_geoip_mla_disable }}</span>
              </div>
              <input type="hidden" name="nwaf_geoip_mla_disable_info" class="form-control"
                     id="nwaf_geoip_mla_disable_input_{{ key.id }}"
                     value="{{ key.nwaf_geoip_mla_disable }}">
            </div>
          </div>
        </form>
      </div>
    {% endfor %}
  </div>
</div>
<style>
.fa{
top: -5px;
position: relative;
}
</style>
<div style="height: 60px;"></div>