{% 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('DomContrItem4');
  id.classList.add("active");

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

  $(function () {
    $("#example1").DataTable({
      "responsive": true,
      "autoWidth": false,
    });
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
      "responsive": true,
    });
  });
{% endblock %}

{% block wrapper %}

<div class="content-wrapper">

  <!-- Main content -->
  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Настройки домена</h3>
            </div>
            <!-- /.card-header -->
            <div class="card-body">
              <table id="example2" class="table table-bordered table-hover">
                <thead>
                <tr>
                  <th>Имя группы</th>
                  <th>Описание</th>
                  <th>Группа MAC адресов</th>
                  <th>Установочный скрипт</th>
                  <th>Дата создания</th>
                  <th>Статус</th>
                  <th>Действие</th>
                </tr>
                </thead>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.container-fluid -->
  </section>
  <!-- /.content -->

{% endblock %}