{% extends 'domaincontroll/menu.html' %}
{% load static %}

{% block pageTitle %}
  <title > Групповые политики </title>
{% endblock %}

{% block menuOpen %}
  <li class="nav-item has-treeview">
{% endblock %}


{% block jsCode %}

  let menuItem = document.getElementById('mainItem4');
  menuItem.classList.add("active");

  let arrTabs = document.getElementsByName('tbs');
  arrTabs[0].classList.add("active");
  arrTabs[0].style.color="#fff";


  $(function () {
    //Initialize Select2 Elements
    $('.select2').select2()

    //Initialize Select2 Elements
    $('.select2bs4').select2({
      theme: 'bootstrap4'
    })
  })

  $(function () {
    bsCustomFileInput.init();
  });

{% endblock %}

{% block mainHeader %}
      {% include 'grouppolicy/includes/inc_menu_grouppolicy.html' %}
{% endblock %}

{% block wrapper %}

{% include "playbooks/_modal.html" %}




<div class="content-wrapper">
  <div class="content-header">
      <div class="container-fluid">
  </div><!-- /.container-fluid -->
</div>
    <div class="modal_win">
    {% if messages %}
      {% for message in messages %}
        <div style="border-radius:0; position: absolute; z-index: 100000; width: 100%" {% if message.tags %} class="alert alert-icon alert-{{ message.tags }} alert-dismissible fade show mb-0" role="alert" {% endif %}>
          {{ message }}
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
      {% endfor %}
    {% endif %}

 </div>





<section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-body">
            <div class="nav-tabs-custom">
              <div class="tab-content">



          <div class="tab-pane" id="tab_2" name="pane">
            <div class="box-body">
            <table class="table table-bordered table-hover">
              <thead>
              <tr>
                <th>Имя политики</th>
                <th>Описание</th>
              </tr>
              </thead>
              <tbody id="customization">
                <tr>
                  <td><a href="#" data-toggle="modal" data-target="#modal1">Изменить картинку рабочего стола</a></td>
                  <td>Description</td>
                </tr>
                <tr>
                  <td><a href="#" data-toggle="modal" data-target="#modal2">Добавить ярлык на рабочий стол</a></td>
                  <td>Description_2</td>
                </tr>
                <tr>
                  <td><a href="#" id="add_label">Добавить ярлык на рабочий стол</a></td>
                  <td>Description_2</td>
                </tr>
              </tbody>
            </table>
          </div>
          </div>


          <div class="tab-pane" id="tab_3" name="pane">
            <div class="box-body">
              <table class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>Имя политики</th>
                  <th>Описание</th>
                </tr>
                </thead>
                <tbody id="networkRes">
                  <tr>
                    <td><a href="#" data-toggle="modal" data-target="#modal3">Подключить сетевой каталог Samba</a></td>
                    <td>Description_3</td>
                  </tr>
                  <tr>
                    <td><a href="#" id="add_share">Подключить сетевой каталог Samba</a></td>
                    <td>Description_3</td>
                  </tr>
                  <tr>
                    <td><a href="#" data-toggle="modal" data-target="#modal4">Подключить сетевой каталог NFS</a></td>
                    <td>Description_4</td>
                  </tr>
                </tbody>
              </table>
          </div>
          </div>
                          <div class="tab-pane" id="tab_5" name="pane">
            <div class="box-body">
              <table class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>Имя политики</th>
                  <th>Описание</th>
                </tr>
                </thead>
                <tbody id="security">

                  <tr>
                    <td><a href="#" id="block_usb">Блокировка USB накопителя</a></td>
                    <td>Description_3</td>
                  </tr>
                  <tr>
                    <td><a href="#" id="del_sys_temp">Удалить системные временные файлы</a></td>
                    <td>Description_3</td>
                  </tr>
                  <tr>
                    <td><a href="#" id="del_user_temp">Удаление пользовательского кеша</a></td>
                    <td>Удаление пользовательского кеша</td>
                  </tr>
                  <tr>
                    <td><a href="#" id="pass_strong">Сложность локальных паролей</a></td>
                    <td>Description_3</td>
                  </tr>
                  <tr>
                    <td><a href="#" id="on_off_teminal">Включение/отключение терминала</a></td>
                    <td>Description_3</td>
                  </tr>
                </tbody>
              </table>
          </div>
          </div>

          <div class="tab-pane" id="tab_4" name="pane">
            <div class="box-body">
              <table class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>Имя политики</th>
                  <th>Описание</th>
                </tr>
                </thead>
                <tbody id="sysSettings">
                  <tr>
                    <td>

                    <a href="#" id="install_prog">Установка программ</a></td>
                    <td>Установка программ</td>
                  </tr>
                  <tr>

                    <td><a href="#" id="remove_prog">Удаление программ</a></td>
                    <td>Удаление программ</td>
                  </tr>
                  <tr>
                    <td><a href="#" id="add_proxy">Задать прокси-сервер</a></td>
                    <td>Задать прокси-сервер</td>
                  </tr>

                  <tr>
                    <td><a href="#" data-toggle="modal" data-target="#modal7">Синхронизация времени</a></td>
                    <td>Description_7</td>
                  </tr>
                </tbody>
              </table>
          </div>
          </div>
            </div>
            <!-- /.tab-content -->
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->




  <form enctype="multipart/form-data" method="post" action="{% url 'grouppolicy:group_policies' %}">
    <div class="modal fade" id="modal1" style="display: none" aria-modal="true">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <h4 class="modal-title">Редактировать фон рабочего стола</h4>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                  </button>
                </div>
                <div class="modal-body">
                  <div class="row">
                    <div class="col-12 col-sm-12">
                      <div class="card card-default">
                        <div class="card-body">
                          <div class="form-group">
                            <label>Выберите группу</label>
                            <select class="form-control select2 select2-secondary" data-dropdown-css-class="select2-secondary" style="width: 100%;">
                              <option selected="selected">Группа_1</option>
                              <option>Группа_2</option>
                              <option>Группа_3</option>
                              <option>Группа_4</option>
                              <option>Группа_5</option>
                              <option>Группа_6</option>
                              <option>Группа_7</option>
                            </select>
                          </div>
                          <div class="form-group">
                            <label>Выберите файл</label>
                            <div class="custom-file">
                              <input type="file" class="custom-file-input" id="customFile">
                              <label class="custom-file-label" for="customFile">Файл...</label>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <!-- /.col -->
                  </div>
                  <!-- /.row -->
                </div>
                <div class="modal-footer justify-content-between" id="modalButtons">
                  <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                  <button type="submit" class="btn bg-gradient-primary">Применить</button>
                </div>
              </div>
              <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
          </div>
        </form>


        <form enctype="multipart/form-data" method="post" action="{% url 'grouppolicy:group_policies' %}">
          <div class="modal fade" id="modal2" style="display: none" aria-modal="true">
                  <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h4 class="modal-title">Добавить ярлык на рабочий стол</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">×</span>
                        </button>
                      </div>
                      <div class="modal-body">
                        <div class="row">
                          <div class="col-12 col-sm-12">
                            <div class="card card-default">
                              <div class="card-body">
                                <div class="form-group">
                                  <label for="tagName">Название ярлыка</label>
                                  <input class="form-control" id="tagName" placeholder="Введите название..." type="text">
                                </div>
                                <div class="form-group">
                                  <label>Выберите иконку</label>
                                  <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="customIcon">
                                    <label class="custom-file-label" for="customIcon">Файл...</label>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="commandName">Команда</label>
                                  <input class="form-control" id="commandName" placeholder="Введите команду..." type="text">
                                </div>
                                <div class="form-group">
                                  <label>Примечание</label>
                                  <textarea class="form-control" rows="3" placeholder="Введите примечание..."></textarea>
                                </div>
                              </div>
                            </div>
                          </div>
                          <!-- /.col -->
                        </div>
                        <!-- /.row -->
                      </div>
                      <div class="modal-footer justify-content-between" id="modalButtons">
                        <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                        <button type="submit" class="btn bg-gradient-primary">Применить</button>
                      </div>
                    </div>
                    <!-- /.modal-content -->
                  </div>
                  <!-- /.modal-dialog -->
                </div>
              </form>

              <form enctype="multipart/form-data" method="post" action="{% url 'grouppolicy:group_policies' %}">
                <div class="modal fade" id="modal3" style="display: none" aria-modal="true">
                        <div class="modal-dialog">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h4 class="modal-title">Подключить сетевой каталог Samba</h4>
                              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">×</span>
                              </button>
                            </div>
                            <div class="modal-body">
                              <div class="row">
                                <div class="col-12 col-sm-12">
                                  <div class="card card-default">
                                    <div class="card-body">
                                      <label style="margin-left: -12px">Информация о сервере</label>
                                      <div class="form-group row">
                                        <label for="inputServer" class="col-sm-2 col-form-label" style="font-weight: 400">Сервер</label>
                                        <div class="col-sm-10">
                                          <input type="text" class="form-control" id="inputServer" placeholder="Имя сервера...">
                                        </div>
                                      </div>
                                      <div class="form-group row">
                                        <label for="inputFolder" class="col-sm-2 col-form-label" style="font-weight: 400">Каталог</label>
                                        <div class="col-sm-10">
                                          <input type="text" class="form-control" id="inputFolder" value="/">
                                        </div>
                                      </div>
                                      <label style="margin-left: -12px">Информация о пользователе</label>
                                      <div class="form-group row">
                                        <label for="inputDomain" class="col-sm-4 col-form-label" style="font-weight: 400">Имя домена</label>
                                        <div class="col-sm-8">
                                          <input type="text" class="form-control" id="inputDomain" placeholder="Введите имя домена...">
                                        </div>
                                      </div>
                                      <div class="form-group row">
                                        <label for="inputUserName" class="col-sm-4 col-form-label" style="font-weight: 400">Имя пользователя</label>
                                        <div class="col-sm-8">
                                          <input type="text" class="form-control" id="inputUserName" placeholder="Введите имя пользователя...">
                                        </div>
                                      </div>
                                      <div class="form-group row">
                                        <label for="inputPassword" class="col-sm-4 col-form-label" style="font-weight: 400">Пароль</label>
                                        <div class="col-sm-8">
                                          <input type="password" class="form-control" id="inputPassword" placeholder="Введите пароль...">
                                        </div>
                                      </div>
                                      <div class="form-group row">
                                        <div class="col-sm-6">
                                          <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="addBookmark" onclick="activateField(this)">
                                            <label class="custom-control-label" for="addBookmark" style="font-weight: 400">Добавить закладку</label>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="form-group row offset-sm-1">
                                        <label for="inputBookmark" class="col-sm-4 col-form-label" style="font-weight: 400">Имя закладки</label>
                                        <div class="col-sm-8">
                                          <input type="text" class="form-control" id="inputBookmark" disabled="">
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <!-- /.col -->
                              </div>
                              <!-- /.row -->
                            </div>
                            <div class="modal-footer justify-content-between" id="modalButtons">
                              <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                              <button type="submit" class="btn bg-gradient-primary">Применить</button>
                            </div>
                          </div>
                          <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                      </div>
                    </form>

                    <form enctype="multipart/form-data" method="post" action="{% url 'grouppolicy:group_policies' %}">
                      <div class="modal fade" id="modal4" style="display: none" aria-modal="true">
                              <div class="modal-dialog">
                                <div class="modal-content">
                                  <div class="modal-header">
                                    <h4 class="modal-title">Подключить сетевой каталог NFS</h4>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                      <span aria-hidden="true">×</span>
                                    </button>
                                  </div>
                                  <div class="modal-body">
                                    <div class="row">
                                      <div class="col-12 col-sm-12">
                                        <div class="card card-default">
                                          <div class="card-body">
                                            <div class="form-group row">
                                              <label for="inputServer" class="col-sm-4 col-form-label" style="font-weight: 400">Сервер</label>
                                              <div class="col-sm-8">
                                                <input type="text" class="form-control" id="inputServer" placeholder="Имя сервера...">
                                              </div>
                                            </div>
                                            <div class="form-group row">
                                              <label for="inputFolder" class="col-sm-4 col-form-label" style="font-weight: 400">Каталог</label>
                                              <div class="col-sm-8">
                                                <input type="text" class="form-control" id="inputFolder" value="/">
                                              </div>
                                            </div>
                                            <div class="form-group row">
                                              <label for="inputServer" class="col-sm-4 col-form-label" style="font-weight: 400">Параметры</label>
                                              <div class="col-sm-8">
                                                <input type="text" class="form-control" id="inputServer" placeholder="Введите параметры...">
                                              </div>
                                            </div>
                                        </div>
                                      </div>
                                      <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                  </div>
                                  <div class="modal-footer justify-content-between" id="modalButtons">
                                    <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                                    <button type="submit" class="install_prog btn bg-gradient-primary">Применить</button>
                                  </div>
                                </div>
                                <!-- /.modal-content -->
                              </div>
                              <!-- /.modal-dialog -->
                            </div>
                            </div>
                          </form>

                          <form enctype="multipart/form-data" method="post" action="">

                            <div class="modal fade" id="modal5" style="display: none" aria-modal="true">
                                    <div class="modal-dialog">
                                      <div class="modal-content">
                                        <div class="modal-header">
                                          <h4 class="modal-title">Установка программ</h4>
                                          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">×</span>
                                          </button>
                                        </div>
                                        <div class="modal-body">
                                          <div class="row">
                                            <div class="col-12 col-sm-12">
                                              <div class="card card-default">
                                                <div class="card-body">
                                                  <div class="form-group">
                                                    <label>Имена программ</label>
                                                    <div class="col-sm-12">
                                                      <input type="text" class="form-control" id="inputServer" placeholder="Введите имена программ..." data-toggle="tooltip" title= "Впишите имя пакетов через пробел">
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                            <!-- /.col -->
                                          </div>
                                          <!-- /.row -->
                                        </div>
                                        <div class="modal-footer justify-content-between" id="modalButtons">
                                          <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                                          <button type="submit"  class="btn bg-gradient-primary">Применить</button>
                                        </div>
                                      </div>
                                      <!-- /.modal-content -->
                                    </div>
                                    <!-- /.modal-dialog -->
                                  </div>
                                </form>

                                <form enctype="multipart/form-data" method="post" action="{% url 'grouppolicy:group_policies' %}">

                                  <div class="modal fade" id="modal6" style="display: none" aria-modal="true">
                                          <div class="modal-dialog">
                                            <div class="modal-content">
                                              <div class="modal-header">
                                                <h4 class="modal-title">Удаление программ</h4>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                  <span aria-hidden="true">×</span>
                                                </button>
                                              </div>
                                              <div class="modal-body">
                                                <div class="row">
                                                  <div class="col-12 col-sm-12">
                                                    <div class="card card-default">
                                                      <div class="card-body">
                                                        <div class="form-group">
                                                          <label>Имена программ</label>
                                                          <div class="col-sm-12">
                                                            <input type="text" class="form-control" id="inputServer" placeholder="Введите имена программ..." data-toggle="tooltip" title= "Впишите имя пакетов через пробел">
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <!-- /.col -->
                                                </div>
                                                <!-- /.row -->
                                              </div>
                                              <div class="modal-footer justify-content-between" id="modalButtons">
                                                <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                                                <button type="submit" class="btn bg-gradient-primary">Применить</button>
                                              </div>
                                            </div>
                                            <!-- /.modal-content -->
                                          </div>
                                          <!-- /.modal-dialog -->
                                        </div>
                                      </form>

                                      <form enctype="multipart/form-data" method="post" action="{% url 'grouppolicy:group_policies' %}">
                                        <div class="modal fade" id="modal7" style="display: none" aria-modal="true">
                                                <div class="modal-dialog">
                                                  <div class="modal-content">
                                                    <div class="modal-header">
                                                      <h4 class="modal-title">Синхронизация времени</h4>
                                                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">×</span>
                                                      </button>
                                                    </div>
                                                    <div class="modal-body">
                                                      <div class="row">
                                                        <div class="col-12 col-sm-12">
                                                          <div class="card card-default">
                                                            <div class="card-body">
                                                              <div class="form-group">
                                                                <label>Имя сервера для синхронизации</label>
                                                                <div class="col-sm-12">
                                                                  <input type="text" class="form-control" id="inputServer" placeholder="Введите имя сервера...">
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <!-- /.col -->
                                                      </div>
                                                      <!-- /.row -->
                                                    </div>
                                                    <div class="modal-footer justify-content-between" id="modalButtons">
                                                      <button type="button" class="btn bg-default" style="visibility: hidden"></button>
                                                      <button type="submit" class="install btn bg-gradient-primary">Применить</button>
                                                    </div>
                                                  </div>
                                                  <!-- /.modal-content -->
                                                </div>
                                                <!-- /.modal-dialog -->
                                              </div>
                                            </form>



  </section>

<script src="{% static 'assets/js/jquery-3.2.1.min.js' %}"></script>
  <script src="{% static 'assets/js/popper.min.js' %}"></script>
  <script src="{% static 'assets/js/bootstrap.min.js' %}"></script>

  <script src="{% static 'assets/js/jquery.bootstrap.modal.forms.min.js' %}"></script>

  <script>


      function DeleteUserCache(){
               $('#del_user_temp').modalForm({
                formURL: "{% url 'grouppolicy:user_cache' %}",
                modalID: "#create-modal"

          })

      }
      DeleteUserCache()

      function DeleteTempSys(){
         $('#del_sys_temp').modalForm({
                formURL: "{% url 'grouppolicy:delete_temp_sys' %}",
                modalID: "#create-modal"

          })

      }
      DeleteTempSys()


        function AddProxy() {
                $('#add_proxy').modalForm({
                formURL: "{% url 'grouppolicy:add_proxy' %}",
                modalID: "#create-modal"

          })
        }
       AddProxy()

        function EnabledDisabledTerminal(){
          $('#on_off_teminal').modalForm({
                formURL: "{% url 'grouppolicy:terminal' %}",
                modalID: "#create-modal"

          })
        }
        EnabledDisabledTerminal();


        function PassStrong(){

          $('#pass_strong').modalForm({
                formURL: "{% url 'grouppolicy:pass_strong' %}",
                modalID: "#create-modal"

          })
        }
        PassStrong()
          function AddLabel() {
            $("#add_label").modalForm({

                formURL: "{% url 'grouppolicy:add_label' %}",
                modalID: "#create-modal"
            });
          }
          AddLabel();

        function BlockUSB() {
          $('#block_usb').modalForm({
                formURL: "{% url 'grouppolicy:block_usb' %}",
                modalID: "#create-modal"
          })

        }
        BlockUSB();


        function close_modal(){
            $('.modal_win').fadeOut()
        }

        setTimeout(close_modal, 1000)


$(function () {
          // Create book synchronous
          function removePlaybookSyncModalForm() {
            $("#remove_prog").modalForm({

                formURL: "{% url 'grouppolicy:sysprog_remove' %}",
                modalID: "#create-modal"
            });
          }
          removePlaybookSyncModalForm();


        function AddSambaShare() {
            $("#add_share").modalForm({

                formURL: "{% url 'grouppolicy:add_samba_share' %}",
                modalID: "#create-modal"
            });
          }
          AddSambaShare();



          // Create book synchronous
          function installPlaybookSyncModalForm() {
            $("#install_prog").modalForm({

                formURL: "{% url 'grouppolicy:sysprog_add' %}",
                modalID: "#create-modal"
            });
          }
          installPlaybookSyncModalForm();


        function readResTemplateModalForm() {
            $(".read-monitoring").each(function () {
                $(this).modalForm({formURL: $(this).data("form-url")});
            });
          }
          readResTemplateModalForm();

   // Delete group buttons - formURL is retrieved from the data of the element
          $(".delete-monitoring").each(function () {
              $(this).modalForm({formURL: $(this).data("form-url"), isDeleteForm: true});
          });


           });




$('#install').on('click', function(){
      console.log('+++')

      var prog = $('#in').value()
      console.log(prog)
      $.ajax({

          url: "{% url 'grouppolicy:sysprog_add'%}",
          headers:{"X-CSRFToken":"{{ csrf_token }}"},
          type: "POST",
          data: prog,
          success: function(data){
            console.log('+++')

          }

      });
})


    function activateField (chboxBkmark) {
      let inputBookmark = document.getElementById('inputBookmark');
      if (chboxBkmark.checked) inputBookmark.disabled = false;
      else {
        inputBookmark.disabled = true;
        inputBookmark.value="";
      }
    }

    let monitoring = document.getElementById('monitoring');
    let customization = document.getElementById('customization');
    let networkRes = document.getElementById('networkRes');
    monitoring.children[0].firstElementChild.innerHTML = customization.children[0].firstElementChild.firstElementChild.innerHTML;
    monitoring.children[1].firstElementChild.innerHTML = customization.children[1].firstElementChild.firstElementChild.innerHTML;
    monitoring.children[2].firstElementChild.innerHTML = networkRes.children[0].firstElementChild.firstElementChild.innerHTML;

  </script>

{% endblock %}
l>