{extend name="admin/layout" /}
{block name="title"}添加分类{/block}
{block name="main"}

<div class="row">
    <div class="col-xs-12 col-sm-8 col-lg-6" style="float: none;">
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">添加分类</h3>
            </div>
            <div class="panel-body">
                <form onsubmit="return categoriesAdd(this)" method="post" class="form-horizontal" role="form">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">分类标题</label>
                        <div class="col-sm-9">
                            <input type="text" name="name" placeholder="请输入分类标题..." class="form-control"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-9">
                            <input type="submit" name="submit" value="确认添加" class="btn btn-primary btn-block"/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="script"}
<script src="https://s4.zstatic.net/ajax/libs/layer/3.1.1/layer.js"></script>
<script>
    function categoriesAdd(obj){
        var ii = layer.load(2, {shade:[0.1,'#fff']});
        $.ajax({
            type : 'POST',
            url : '',
            data : $(obj).serialize(),
            dataType : 'json',
            success : function(data) {
                layer.close(ii);
                if(data.code === 200){
                    layer.alert('添加成功', {
                        icon: 1,
                        closeBtn: false
                    }, function(){
                        window.location.replace('/admin/categories')
                    });
                }else{
                    layer.alert(data.message, {icon: 2})
                }
            },
            error:function(data){
                layer.close(ii);
                layer.msg('服务器错误');
            }
        });
        return false;
    }
</script>
{/block}