{% extends "base.html" %}

{% block title %}
    新建分组
{% endblock %}

{% block content %}
    <div class="section section-breadcrumbs section-breadcrumbs-backend">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>新建分组</h1>
            </div>
        </div>
    </div>
</div>
    <div class="btn-toolbar">
        <div class="btn-group">
            {% url "addgroupurl" as theaddgroupurl %}
            <a class="btn btn-default {%if request.path = theaddgroupurl%} active {%endif%}" href={{ theaddgroupurl }}><span class="glyphicon glyphicon-edit"></span>新建分组</a>
            {% url "listgroupurl" as thelistgroupurl %}
            <a class="btn btn-default {%if request.path = thelistgroupurl%} active {%endif%}" href={{ thelistgroupurl }}><span class="glyphicon glyphicon-list"></span>分组列表</a>
            {% url "addxlsgroupurl" as theaddxlsgroupurl %}
            <a class="btn btn-default {%if request.path = theaddxlsgroupurl%} active {%endif%}" href={{ theaddxlsgroupurl }}><span class="glyphicon glyphicon-list"></span>批量导入</a>
            {% url "removegroupsurl" as theremovegroupsurl %}
            <a class="btn btn-default {%if request.path = theremovegroupsurl%} active {%endif%}" href={{ theremovegroupsurl }}><span class="glyphicon glyphicon-list"></span>批量删除</a>
        </div>
    </div>

    <hr/>

    <form class="form-horizontal" role="form" action={% url "addgroupurl" %} method="POST" >
    {% csrf_token %}

        {% for item in form %}
            <div class="form-group">
                <label class="control-label col-md-1">{{item.label}}</label>
                <div class="col-md-2">
                    {{item}}
                </div>
                <div class="col-md-offset-1 col-md-10">
                    {{item.errors}}
                </div>
            </div>
        {% endfor %}

        <div class="form-group">
            <div class="col-md-offset-1 col-md-10">
                <button type="submit" class="btn btn-danger btn-sm">新 增</button>
            </div>
        </div>

    </form>

{% endblock %}