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

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

  let breadcrumbs = document.getElementById('breadcrumbs');
  breadcrumbs.innerHTML='Редактирование обратной зоны ' + localStorage.getItem('zoneName');

{% endblock %}

{% block mainHeader %}
  <p style="margin-left: 10px; margin-bottom: 8px; margin-top: 8px"><a href="/dns_management/">Управление DNS</a> >> <a href="/edit_reverse_zone/" id="breadcrumbs"></a></p>
    
{% 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>
              <form role="form" action="{% url 'user_add' %}" method="post"  class="post-form">
                <div class="card-body">
                  <div class="form-group">
                    <label for="nameInput">Имя зоны</label>
                    <input class="form-control" id="nameInput" placeholder="Введите имя" type="text">
                  </div>
                  <div class="form-group">
                    <label for="passwordInput">Зона пересылки</label>
                    <input class="form-control" id="passwordInput" placeholder="Введите зону пересылки" type="password">
                  </div>  
                  <div class="form-group">
                    <label for="nameInput">Политика пересылки</label>
                    <input class="form-control" id="nameInput" placeholder="Введите политику пересылки" type="text">
                  </div>
                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                  <button type="submit" class="btn btn-secondary float-right">Сохранить</button>
                  <button type="submit" class="btn btn-default">Отмена</button>
                </div>
              </form>
                </div>
                <!-- /.card-body --> 

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

{% endblock %}