{% load i18n %}
{% load static %}

<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 class="nav-link horizontal-item-link {% if forloop.first %} active {% endif %}"
           data-toggle="tab"
           href="#{{ key.id }}"
           style="padding-top: 0; border-bottom-width: 0; border-right-width: 0; border-left-width: 0;border-top-width: 0;margin-top: -1px;">{{ 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="set_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 'MLC label column title' %}
            </div>
            <div class="col-sm-8" style="margin-top: 17px;">
              {% trans 'MLC values column title' %}
            </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 'Models management' %}</strong></h4></div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="main_vhosts_list_input_{{ key.id }}" style="font-size: 14px;"
                       class="settings_label vhosts_list col-form-label">{% trans 'Vhosts list title' %}
                  <i style="display: none;" class="vhosts_list_question settings_info 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 'Vhosts list title' %}','main_vhosts_list', 'mlc', '{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-pencil" aria-hidden="true"></i></button>
                <div style="margin-top: 5px; margin-left: 56px;">
                                <span class="hide_items"
                                      id="main_vhosts_list_text_{{ key.id }}">{{ key.vhost_list }}</span>
                </div>
                <input type="hidden" name="main__vhosts_list" class="form-control"
                       id="main_vhosts_list_input_{{ key.id }}" value="{{ key.vhost_list }}">
              </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="models_list_input_{{ key.id }}" style="font-size: 14px;"
                       class="settings_label models_list col-form-label">{% trans 'Models list title' %}
                  <i style="display: none;" class="models_list_question settings_info fa fa-question"
                     aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <button type="button" data-toggle="modal" style="float: left;"
                        data-target="#modal_list_models_{{ key.id }}"
                        class="btn action settings"><i class="fa fa-pencil"
                                                       aria-hidden="true"></i>
                </button>
                <div id="table_main_list_models_{{ key.id }}" style="overflow: hidden; padding-left: 7px;">
                
                  {% for model in key.models %}
                    <div id="table_main_list_models_row_{{ key.id }}_{{ forloop.counter }}"
                         style="display: inline-block; margin-right: 10px;"
                         data-toggle="tooltip" data-placement="bottom"
                         data-first-training="{{ model.is_first_training|yesno:'true,false' }}"
                         title="{% if model.complete == 'True' %}{% trans 'The model is used' %}{% else %}{% trans 'The model is being retrained' %} {% if model.progress != 'none' %}({{ model.progress }}%) {% endif %}{% endif %}">
                      <input hidden
                             id="table_main_list_models_model_name_{{ key.id }}_{{ forloop.counter }}"
                             value="{{ model.name }}">
                      <span id="table_main_list_models_name_{{ key.id }}_{{ forloop.counter }}"
                            class="vhost-model-name {% if model.complete == 'True' %}vhost-model-name--active{% elif model.complete == 'none' or model.is_first_training %}vhost-model-name--pending{% else %}vhost-model-name--training{% endif %}">{{ model.name }}</span>
                    </div>
                  {% endfor %}
                  
                </div>
              </div>
            </div>
            {% include 'my_waf/models_list_modal.html' %}

            <fieldset class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label style="font-size: 14px;"
                       class="settings_label ai_extra col-form-label">{% trans 'Ai extra title' %}
                  <i style="display: none;" class="settings_info ai_extra_question fa fa-question"
                     aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <div class="form-check" style="margin-left: 10px;">
                  <input class="form-check-input" name="main__ai_extra"
                         type="checkbox" id="main__ai_extra"
                         onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                         value="true" {% if key.main__ai_extra %}checked{% endif %}>
                  <label class="form-check-label" for="main__ai_extra"></label>
                </div>
              </div>
            </fieldset>
          {% endif %}

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

          <fieldset class="row mb-3 form-row">
            <div class="col-sm-4 form-col-labels">
              <label style="font-size: 14px;"
                     class="settings_label ddos_enable_label col-form-label">{% trans 'DDoS enable title' %}
                <i style="display: none;" class="settings_info ddos_enable_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values">
              <div class="form-check" style="margin-left: 10px;">
                <input class="form-check-input" name="ddos__enable"
                       type="checkbox" id="ddos_enable"
                       onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                       value="true" {% if key.ddos__enable %}checked{% endif %}>
                <label class="form-check-label" for="ddos_enable"></label>
              </div>
            </div>
          </fieldset>
          <div id="ddos_block_{{ key.id }}" {% if not key.ddos__enable %}style="display: none;"{% endif %}>

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="ddos__wl_ip_input_{{ key.id }}"
                       class="settings_label secondary_option ddos_wl_ip col-form-label">{% trans 'DDoS WL IP title' %}
                  <i style="display: none;" class="settings_info ddos_wl_ip_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 'DDoS WL IP title' %}','ddos__wl_ip', 'mlc', '{{ 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="ddos__wl_ip_text_{{ key.id }}">{{ key.ddos__wl_ip }}</span>
                </div>
                <input type="hidden" name="ddos__wl_ip" class="form-control"
                       id="ddos__wl_ip_input_{{ key.id }}"
                       value="{{ key.ddos__wl_ip }}">
              </div>
            </div>

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="ddos__wl_url_input_{{ key.id }}"
                       class="settings_label secondary_option ddos_wl_url col-form-label">{% trans 'DDoS WL URL title' %}
                  <i style="display: none;" class="settings_info ddos_wl_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 'DDoS WL URL title' %}','ddos__wl_url', 'mlc', '{{ 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="ddos__wl_url_text_{{ key.id }}">{{ key.ddos__wl_url }}</span>
                </div>
                <input type="hidden" name="ddos__wl_url" class="form-control"
                       id="ddos__wl_url_input_{{ key.id }}"
                       value="{{ key.ddos__wl_url }}">
              </div>
            </div>

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="ddos__interval_input_{{ key.id }}"
                       class="settings_label secondary_option ddos_interval col-form-label">{% trans 'DDoS interval title' %}
                  <i style="display: none;"
                     class="settings_info ddos_interval_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_set_settings_numbers('ddos_interval','{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-floppy-o" aria-hidden="true"></i>
                </button>
                <input name="ddos__interval" style="height:31px; width: 65px; font-size: 13px;"
                       class="form-control is-invalid"
                       id="ddos__interval_input_{{ key.id }}"
                       value="{% if key.ddos__interval %}{{ key.ddos__interval }}{% else %}120{% endif %}">
                <div style="margin-top: 5px; margin-left: 56px;">
                                <span id="ddos__interval_error_{{ key.id }}"
                                      style="color: red; display: none;">{% trans 'Edit setting error incorrect value' %}</span>
                </div>
              </div>
            </div>

            <fieldset class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label class="settings_label secondary_option ddos_latest_only col-form-label">{% trans 'DDoS latest only title' %}
                  <i style="display: none;"
                     class="settings_info ddos_latest_only_question ddos_latest_only fa fa-question"
                     aria-hidden="true"></i></label>
              </div>
              <div class="col-sm-8 form-col-values">
                <div class="form-check" style="margin-left: 10px;">
                  <input class="form-check-input" name="ddos__latest_only"
                         type="checkbox" onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                         id="ddos_latest_only_{{ key.id }}"
                         value="true" {% if key.ddos__latest_only %}checked{% endif %}>
                  <label class="form-check-label" for="ddos_latest_only_{{ key.id }}"></label>
                </div>
              </div>
            </fieldset>

            <fieldset class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label class="settings_label secondary_option ddos_send_possible col-form-label">{% trans 'DDoS send possible title' %}
                  <i style="display: none;"
                     class="settings_info ddos_send_possible_question ddos_send_possible fa fa-question"
                     aria-hidden="true"></i></label>
              </div>
              <div class="col-sm-8 form-col-values">
                <div class="form-check" style="margin-left: 10px;">
                  <input class="form-check-input" name="ddos__send_possible"
                         type="checkbox" onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                         id="ddos_send_possible_{{ key.id }}"
                         value="true" {% if key.ddos__send_possible %}checked{% endif %}>
                  <label class="form-check-label" for="ddos_send_possible_{{ key.id }}"></label>
                </div>
              </div>
            </fieldset>
          </div>
          <!-- end DDoS block -->

          <!-- Brute-force block -->
          <div class="row mb-3 form-row">
            <div class="col-sm-4" style="margin-top: 10px; margin-bottom: 10px;"><h4><strong>{% trans 'Brute-force/Flood settings' %}</strong></h4></div>
          </div> 
 
          <fieldset class="row mb-3 form-row ">
            <div class="col-sm-4 form-col-labels">
              <label style="font-size: 14px;"
                     class="settings_label brute_enable_label col-form-label">{% trans 'Brute enable title' %}
                <i style="display: none;" class="settings_info brute_enable_question fa fa-question"
                   aria-hidden="true"></i>
              </label>
            </div>
            <div class="col-sm-8 form-col-values ">
              <div class="form-check" style="margin-left: 10px;">
                <input class="form-check-input" name="brute__enable"
                       type="checkbox" onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                       id="brute_enable_{{ key.id }}"
                       value="true" {% if key.brute__enable %}checked{% endif %}>
                <label class="form-check-label" for="brute_enable_{{ key.id }}"></label>
              </div>
            </div>
          </fieldset>
          <div id="brute_force_block_{{ key.id }}"
               {% if not key.brute__enable %}style="display: none;"{% endif %}>

            <div class="row mb-3 form-row" style="display: flex; align-items: center;">
              <div class="col-sm-4 form-col-labels">

                  <label style="height: 100%;" for="brute__bf_detect_input_{{ key.id }}"
                            class="settings_label secondary_option brute_bf_detect_label col-form-label">{% trans 'Brute BF Detect title' %}
                    <i style="display: none;"
                        class="settings_info brute_bf_detect_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 'Brute BF Detect' %}', 'brute__bf_detect', 'mlc', '{{ 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="brute__bf_detect_text_{{ key.id }}">{{ key.brute__bf_detect_text|safe }}</span>
                    </div>
                    <input type="hidden" name="brute__bf_detect" class="form-control"
                            id="brute__bf_detect_input_{{ key.id }}" value="{{ key.brute__bf_detect }}">
              </div>
            </div>   

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="brute__wl_host_input_{{ key.id }}"
                       class="settings_label secondary_option brute_wl_host_label col-form-label">{% trans 'Brute WL host title' %}
                  <i style="display: none;"
                     class="settings_info brute_wl_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 'Brute WL host title' %}','brute__wl_host', 'mlc', '{{ 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="brute__wl_host_text_{{ key.id }}">{{ key.brute__wl_host }}</span>
                </div>
                <input type="hidden" name="brute__wl_host" class="form-control"
                       id="brute__wl_host_input_{{ key.id }}" value="{{ key.brute__wl_host }}">
              </div>
            </div>

            <div class="row mb-3 form-row ">
                <div class="col-sm-4 form-col-labels">
                    <label for="brute__wl_ip_input_{{ key.id }}"
                            class="settings_label secondary_option brute_wl_ip_label col-form-label">{% trans 'Brute WL IP title' %}
                        <i style="display: none;"
                            class="settings_info brute_wl_ip_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 'Brute WL IP title' %}','brute__wl_ip', 'mlc', '{{ 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="brute__wl_ip_text_{{ key.id }}">{{ key.brute__wl_ip }}</span>
                    </div>
                    <input type="hidden" name="brute__wl_ip" class="form-control"
                            id="brute__wl_ip_input_{{ key.id }}" value="{{ key.brute__wl_ip }}">
                </div>
            </div>

            <div class="row mb-3 form-row">
              <div class="col-sm-4 form-col-labels">
                <label for="brute__interval_input_{{ key.id }}"
                       class="settings_label secondary_option brute_interval_label col-form-label">{% trans 'Brute interval title' %}
                  <i style="display: none;"
                     class="settings_info brute_interval_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_set_settings_numbers('brute_interval','{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-floppy-o" aria-hidden="true"></i>
                </button>
                <input class="form-control" name="brute__interval"
                       style="height:31px; width: 65px; font-size: 13px;"
                       id="brute__interval_input_{{ key.id }}"
                       value="{% if key.brute__interval %}{{ key.brute__interval }}{% else %}30{% endif %}">
                <div style="margin-top: 5px; margin-left: 56px;">
                                <span id="brute__interval_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="brute__max_val_input_{{ key.id }}"
                       class="settings_label secondary_option brute_max_val_label col-form-label">{% trans 'Brute max value title' %}
                  <i style="display: none;"
                     class="settings_info brute_max_val_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_set_settings_numbers('brute_max_val','{{ key.id }}')"
                        class="btn action settings"><i class="fa fa-floppy-o" aria-hidden="true"></i>
                </button>
                <input class="form-control" name="brute__max_val"
                       style="height:31px; width: 65px; font-size: 13px;"
                       id="brute__max_val_input_{{ key.id }}"
                       value="{% if key.brute__max_val %}{{ key.brute__max_val }}{% else %}10{% endif %}">
                <div style="margin-top: 5px; margin-left: 56px;">
                                <span id="brute__max_val_error_{{ key.id }}"
                                      style="color: red; display: none;">{% trans 'Edit setting error incorrect value' %}</span>
                </div>
              </div>
            </div>

            <fieldset class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label class="settings_label secondary_option brute_latest_only_label col-form-label">{% trans 'Brute latest only title' %}
                  <i style="display: none;"
                     class="settings_info brute_latest_only_question fa fa-question"
                     aria-hidden="true"></i></label>
              </div>
              <div class="col-sm-8 form-col-values">
                <div class="form-check" style="margin-left: 10px;">
                  <input class="form-check-input" name="brute__latest_only"
                         type="checkbox" onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                         id="brute_latest_only_{{ key.id }}"
                         value="true" {% if key.brute__latest_only %}checked{% endif %}>
                  <label class="form-check-label" for="brute_latest_only_{{ key.id }}"></label>
                </div>
              </div>
            </fieldset>

            <fieldset class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label class="settings_label secondary_option brute_send_possible_label col-form-label">{% trans 'Brute send possible title' %}
                  <i style="display: none;"
                     class="settings_info brute_send_possible_question fa fa-question"
                     aria-hidden="true"></i>
                </label>
              </div>
              <div class="col-sm-8 form-col-values">
                <div class="form-check" style="margin-left: 10px;">
                  <input class="form-check-input" name="brute__send_possible"
                         type="checkbox" onchange="change_set_settings_checkbox(this,'{{ key.id }}')"
                         id="brute_send_possible_{{ key.id }}"
                         value="true" {% if key.brute__send_possible %}checked{% endif %}>
                  <label class="form-check-label" for="brute_send_possible_{{ key.id }}"></label>
                </div>
              </div>
            </fieldset>

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="brute__brute_detect_input_{{ key.id }}"
                       class="settings_label secondary_option brute_detect_label col-form-label">{% trans 'Brute detect title' %}
                       <sup><i class="fa fa-exclamation-circle" aria-hidden="true" data-toggle="tooltip" data-placement="top" title="{% trans 'Legacy option' %}" style="top: -1px;"></i></sup>
                  <i style="display: none;"
                     class="settings_info brute_detect_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 'Brute detect title' %}','brute__brute_detect', 'mlc', '{{ 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="brute__brute_detect_text_{{ key.id }}">{{ key.brute__brute_detect }}</span>
                </div>
                <input type="hidden" name="brute__brute_detect" class="form-control"
                       id="brute__brute_detect_input_{{ key.id }}"
                       value="{{ key.brute__brute_detect }}">
              </div>
            </div>

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="brute__flood_detect_input_{{ key.id }}"
                       class="settings_label secondary_option flood_detect_label col-form-label tooltiped">{% trans 'Flood detect 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 flood_detect_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 'Flood detect title' %}','brute__flood_detect', 'mlc', '{{ 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="brute__flood_detect_text_{{ key.id }}">{{ key.brute__flood_detect }}</span>
                </div>
                <input type="hidden" name="brute__flood_detect" class="form-control"
                       id="brute__flood_detect_input_{{ key.id }}"
                       value="{{ key.brute__flood_detect }}">
              </div>
            </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 'Other settings' %}</strong></h4></div>
            </div>

            <div class="row mb-3 form-row ">
              <div class="col-sm-4 form-col-labels">
                <label for="openapi__vhosts_list_{{ key.id }}" style="font-size: 14px;"
                       class="settings_label openapi__vhost_list col-form-label">{% trans 'Openapi vhosts list title' %}
                  <i style="display: none;"
                     class="settings_info openapi_vhosts_list_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 'Openapi vhosts list title' %}','openapi__vhosts_list', 'mlc', '{{ 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="openapi__vhosts_list_text_{{ key.id }}">{{ key.openapi__vhosts_list }}</span>
                </div>
                <input type="hidden" name="openapi__vhosts_list" class="form-control"
                       id="openapi__vhosts_list_input_{{ key.id }}"
                       value="{{ key.openapi__vhosts_list }}">
              </div>
            </div>
          {% endif %}
        </form>
      </div>
    {% endfor %}
  </div>
<style>
.fa{
top: -5px;
position: relative;
}
</style>
</div>
<input id="model_retrained_text" hidden value="{% trans 'The model is being retrained' %}">
<input id="model_training_button_title" hidden value="{% trans 'Model training button' %}">
<input id="model_edit_period_button_title" hidden value="{% trans 'Model edit period button' %}">
<input id="model_training_enter_period_text" hidden value="{% trans 'Model training modal enter training period' %}">
<input id="model_training_save_button_text" hidden value="{% trans 'Edit setting save button' %}">
<input id="model_training_cancel_button_text" hidden value="{% trans 'Cancel Modal button' %}">
<input id="ai_off_img_src" hidden value="{% static 'my_waf/img/ai_off.png' %}">
<div style="height: 60px;"></div>