{% extends 'groups/base_layer.html' %}
{% load static %}

{% block main %}
<div class="box box-danger">
  <form class="form-horizontal" id="addForm" method="post">
    {% csrf_token %}
    <div class="box-body">
      <fieldset>
        <legend>
          <h4>新建角色</h4>
        </legend>
        <div class="form-group has-feedback">
          <label class="col-sm-2 control-label">名称</label>
          <div class="col-sm-8">
            <input class="form-control" name="name" type="text" />
          </div>
        </div>
        <div class="form-group has-feedback">
          <label class="col-sm-2 control-label">描述</label>
          <div class="col-sm-8">
            <input class="form-control" name="desc" type="text" />
          </div>
        </div>
      </fieldset>

    </div>
    <div class="box-footer ">
      <div class="row span7 text-center ">
        <button type="button" id="btnCancel" class="btn btn-default margin-right ">重置</button>
        <button type="button" id="btnSave" class="btn btn-info margin-right ">保存</button>
      </div>
    </div>

  </form>
</div>

{% endblock %}

{% block javascripts %}
<script type="text/javascript">

  $("#btnSave").click(function () {
    var data = $("#addForm").serialize();
    $.ajax({
      type: $("#addForm").attr('method'),
      url: "{% url 'rbac-role-create' %}",
      data: data,
      cache: false,
      success: function (msg) {
        if (msg.result) {
          layer.alert('数据保存成功！', { icon: 1 }, function (index) {
            parent.layer.closeAll(); //关闭所有弹窗
          });
        } else {
          layer.alert('数据保存失败', { icon: 5 });
          //$('errorMessage').html(msg.message)
        }
        return;
      }
    });
  });
  $("#btnCancel").click(function () {
            window.location.reload();

        });

  
</script>



{% endblock %}