{% extends "main/index.html" %}
{% load static %}
{% load i18n %}

{% block includes_static %}
  <link rel="stylesheet" href="{% static 'css/list_keys.css' %}">

{% endblock %}

{% block user_settings %}
  {% if request.user.is_admin %}
    {% include 'main/add_key.html' %}
  {% endif %}

  {#  todo refactoring: move to user #}
  <div role="tabpanel" class="tab-pane fade active in" id="config_notification" xmlns="http://www.w3.org/1999/html">
    <table class="table config-table header-fixed"
           style="line-height: 40px !important; background-position: center !important;margin-bottom: 6%;"
           id="config_notification">
      <thead>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      {% if request.user.is_admin %}
      <tr>
        <td style="border-top: 0;">
          <div class="h_settings">
            <label style="width: max-content;">{% trans 'License keys' %}</label>
          </div>

        </td>
      </tr>
      <tr>
        <td style="">
          <div role="tabpanel" class="tab-pane fade active in" id="tab_list_keys">
            <div class="container-fluid" style="font-weight: 400; padding-top: 5px;">
              <div class="row row-cols-1">
                <div class="col">
                  <button class="btn btn-primary"
                          style="margin-top: 5px; color:white; border-radius: 7px; padding: 7px;"
                          onclick="show_modal_AddKey()">
                    <img src="{% static 'my_waf/img/plus-circle.png' %}" width="20"
                         height="20" alt=""
                         style="margin-right: 4px;vertical-align: sub;">{% trans 'Add Key Button' %}
                  </button>
                </div>
                <div class="col">{% include 'main/list_keys.html' %}</div>
              </div>
            </div>
          </div>

        </td>
      </tr>
      {% endif %}

      {% if not user.is_ldap_user %}
        <tr>
          <td style="border-top: 0;">
            <div class="h_settings">
              <label style="width: max-content;">{% trans 'changePass' %}</label>
            </div>

          </td>
        </tr>
        <tr>
          <td>
            <br>
            {% include 'main/change_user_password.html' %}
          </td>
        </tr>
      {% endif %}
      
      <tr>
        <td style="border-top: 0;">
          <div class="h_settings">
            <label style="width: max-content;">{% trans 'Two Factor' %}</label>
          </div>

        </td>
      </tr>
      <tr>
        <td>
          <br>
          {% if not user.is_2fa_active %}
          <p id="required2FA" style="color: red; text-align: center; margin-bottom: 10px;">{% trans '2fa setup required' %}</p>
          {% endif %}
          {% include 'main/two_factor_auth_render.html' %}
        </td>

      </tr>
      {% if email_enable == False %}</thead>{% endif %}

      {% if email_enable == True %}
        <tr>
          <td style="border-top: 0;">
            <div class="h_settings">
              <label style="width: max-content; margin-top: 15px;">{% trans 'NotificationSettings' %}</label>
            </div>

          </td>
        </tr>
        <tr>

          <td>
            <br>
            <form class="" id="edit_form_change_user_domains" action="" method="POST"
                  autocomplete="off" style="width: max-content; margin: auto;">
              <label for="inputVhosts" class="">{% trans 'SubscriptionDomains' %}:</label>
              <input type="text" name="vhosts" id="inputVhosts"
                     placeholder="{% trans 'Domains' context 'user_config placeholder' %}" style="width: 350px"
                     value='{% if user_config.vhosts == None %}{% if user.domain != None %}{{ user.domain|cut:" " }}{% endif %}{% else %}{{ user.userconfig.vhosts|cut:" " }}{% endif %}'>
              <button class="btn" id="SaveButtonChangeUserDomains" type="submit"
                      form="edit_form_change_user_domains" style = "border-radius: 10px;"
                      onclick="send_request_to_change_user_domains()">{% trans 'Save' %}
              </button>
              {% csrf_token %}
            </form>
            <br>
          </td>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td style="padding: 20px 0; border: 0;">
            <div style="border: 1px solid;border-radius: 5px; min-width: 700px; width: 50%;margin: auto;padding: 20px 30px;">

              <table style="background: transparent;" class="table config-table header-fixed">
                <tr>
                  <td class="vertical-align" title="{% trans 'Enable email notifications' context 'Notification' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px; border-top: 0;">{% trans 'Enable email notifications' context 'Notification' %}</td>
                  <td style="border-top: 0;">
                    <label class="switch">
                      <input name="notification_enable" onclick="checkbox_toggle(this)" type="checkbox"
                              {% if user_config.notification_enable %} checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>

                  <td class="vertical-align"
                      title="{% trans 'Include additional information in email notification' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Include additional information in email notification' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input name="email_details" onclick="checkbox_toggle(this)" type="checkbox"
                              {% if user_config.email_details %} checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send attacks blocked by Basic analysis' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send attacks blocked by Basic analysis' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt1" type="checkbox" {% if user_config.bt1 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send attacks blocked by Nemesida AI MLA' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send attacks blocked by Nemesida AI MLA' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt3" type="checkbox" {% if user_config.bt3 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align" title="{% trans 'Send attacks blocked by Antivirus' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send attacks blocked by Antivirus' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt4" type="checkbox" {% if user_config.bt4 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send attacks blocked by internal error' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send attacks blocked by internal error' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt5" type="checkbox" {% if user_config.bt5 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send attacks detected by Nemesida AI MLC' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send attacks detected by Nemesida AI MLC' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt8" type="checkbox" {% if user_config.bt8 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align" title="{% trans 'Send brute-force attacks' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send brute-force attacks' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt7" type="checkbox" {% if user_config.bt7 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align" title="{% trans 'Send flood-attacks' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send flood-attacks' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt9" type="checkbox" {% if user_config.bt9 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align" title="{% trans 'Send DDoS-attacks' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send DDoS-attacks' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt10" type="checkbox" {% if user_config.bt10 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align" title="{% trans 'Send attacks blocked by OpenAPI' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send attacks blocked by OpenAPI' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt14" type="checkbox" {% if user_config.bt14 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send request notifications from IP addresses in the "Blocked IPs" list' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send request notifications from IP addresses in the "Blocked IPs" list' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt16" type="checkbox" {% if user_config.bt16 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send notifications for request structure violations' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send notifications for request structure violations' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt15" type="checkbox" {% if user_config.bt15 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
                <tr>
                  <td class="vertical-align"
                      title="{% trans 'Send notifications for blocked responses' context 'user_config' %}"
                      style="width: 100%; word-wrap: break-word; line-height: 30px;">{% trans 'Send notifications for blocked responses' context 'user_config' %}</td>
                  <td>
                    <label class="switch">
                      <input onclick="checkbox_toggle(this)" name="bt17" type="checkbox" {% if user_config.bt17 %}
                             checked{% endif %}>
                      <span class="slider round"></span>
                    </label>
                  </td>
                </tr>
              </table>
            </div>
          </td>
        </tr>
        </tbody>
      {% endif %}
    </table>
  </div>
  <script>
      function checkbox_toggle(input) {
          const csrftoken = document.querySelector('[name=csrfmiddlewaretoken]').value;
          let home = document.getElementById('home').title;

          $.ajax({
              url: home + 'edit_notification_config/',
              type: "POST",
              dataType: "html",
              data: `${input.name}=${input.checked}&csrfmiddlewaretoken=${csrftoken}`,
              success: function (response) {
                  //location.reload();
              },
              error: function (response) {
              }
          });
      }
  </script>

  <script>
      function send_request_to_change_user_domains() {
          let home = document.getElementById('home').title;
          let vhosts = $('#inputVhosts').val();
          if (vhosts === '') {
              $('#inputVhosts').val('*');
          }
          event.preventDefault();
          $.ajax({
              url: home + '/edit_domain_config/',
              type: "POST",
              dataType: "html",
              data: $('#edit_form_change_user_domains').serialize(),
              success: function (response) {
                  //location.reload();
              },
              error: function (response) {
              }
          });
      }
  </script>
  <script>
      $(document).ready(function () {
          $('.tab_user_settings').addClass('in active');
      });
  </script>
{% endblock %}

{% block main_summary %}
  {% include 'main/main_summary.html' %}
{% endblock %}