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

{% block pageTitle %}
  <title > Добавить в группу </title>
{% endblock %}

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


{% block jsCode %}
  let id = document.getElementById('DomContrItem1');
  id.classList.add("active");

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

 
        var demo2 = $('.demo2').bootstrapDualListbox({
          nonSelectedListLabel: 'Все группы',
          selectedListLabel: 'Выбрано',
          preserveSelectionOnMove: 'moved',
          moveOnSelect: false,
        });
      

{% endblock %}

{% block wrapper %}

<div class="content-wrapper">

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-6">
            <div class="card card-secondary">
              <div class="card-header">
                <h3 class="card-title">Редактировать данные</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form role="form" action="{% url 'user_add' %}" method="post"  class="post-form">
                <div class="card-body">
                      
      <select multiple="multiple" size="10" name="duallistbox_demo2" class="demo2">
        <option value="option1">Группа 1</option>
        <option value="option2">Группа 2</option>
        <option value="option3" selected="selected">Группа 3</option>
        <option value="option4">Группа 4</option>
        <option value="option5">Группа 5</option>
        <option value="option6" selected="selected">Группа 6</option>
        <option value="option7">Группа 7</option>
        <option value="option8">Группа 8</option>
        <option value="option9">Группа 9</option>
        <option value="option0">Группа 10</option>
        <option value="option0">Группа 11</option>
        <option value="option0">Группа 12</option>
        <option value="option0">Группа 13</option>
        <option value="option0">Группа 14</option>
        <option value="option0">Группа 15</option>
        <option value="option0">Группа 16</option>
        <option value="option0">Группа 17</option>
        <option value="option0">Группа 18</option>
        <option value="option0">Группа 19</option>
        <option value="option0">Группа 20</option>
      </select>              

                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                  <button type="submit" class="btn btn-secondary">Сохранить</button>
                </div>
              </form>

          </div> 
          <!-- /.card -->
        </div>
        <!-- /.col -->

      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
  <!-- /.content -->

{% endblock %}