<div class="pageheader">
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-th-list"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href=""><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="">{{title}}</a></li>
                <li>
                    {{# secondTitle}}{{.}}{{/ secondTitle}}
                    {{^ secondTitle}}{{pageTitle}}{{/ secondTitle}}
                </li>
            </ul>

            <div>
                <div style="width: 30%;float: left;">
                    <h4>{{pageTitle}}</h4>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="contentpanel" id="form-base">
    <div class="panel panel-default" style="margin-bottom:10px;">
        <div class="panel-body">
            <div class="row">
                <div class="panel-col">
                    <input id="models-name" class="form-control panel-input height40" type="text" placeholder="款型系列名称">
                </div>

                <div class="panel-col">
                    <select name="models-type" id="models-type" tabindex="-1" title="" class="form-control height40">
                        <option value="-1">类型</option>
                        <option value="1">品牌款型</option>
                        <option value="2">品牌系列</option>
                    </select>
                </div>
                <div class="panel-col2">
                    <select name="shop" id="shop" tabindex="-1" title="" class="form-control height40">
                        <option value="-1">请选择店铺</option>
                    </select>
                </div>
                <div class="panel-col">
                    <select name="brand" id="brand" tabindex="-1" title="" class="form-control height40">
                        <option value="-1">请选择品牌</option>
                    </select>
                </div>


                <div class="panel-col">
                    <select name="status" id="status" tabindex="-1" title="" class="form-control height40">
                        <option value="-1">状态</option>
                        <option value="1">打开</option>
                        <option value="0">关闭</option>
                    </select>
                </div>

                <a id="filter-btn" href="javascript:;" class="btn btn-info">查询</a>
                <a id="all-btn" href="" class="btn btn-info">全部</a>


            </div>

            <div class="row" style="margin-bottom:10px;">
                <a id="add-btn" href="javascript:;" class="btn btn-info">添加</a>
            </div>
        </div>
    </div>


    <div class="panel">
        <div class="dataTables_wrapper no-footer" id="basicTable"></div>
    </div>
</div>


<script type="text/template" id="template">
    <form id="add-attr-form" class="form-horizontal form-bordered" method="post" action="" style="height: 400px;overflow: auto">
        <div class="form-group">
            <label class="col-md-3 control-label">
                店铺
            </label>

            <div class="col-md-6">
                <select name="shop" id="shopsId" value="[[shopsId]]" tabindex="-1" title="" class="form-control height40">
                    <option value="[[shopsId||'-1']]">[[shopsName||"请选择店铺"]]</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="col-md-3 control-label">
                品牌<i class="red">*</i>
            </label>

            <div class="col-md-6">
                <select name="shop" id="brandId" value="[[brandId]]" tabindex="-1" required="required" title="" class="form-control height40">
                    <option value="[[brandId||'-1']]">[[brandName||"请选择品牌"]]</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="col-md-3 control-label">
                类型<i class="red">*</i>
            </label>

            <div class="panel-col">
                <select name="type" id="type" value="[[type]]" tabindex="-1" required="required" title="" class="form-control height40">
                    <option value="-1">类型</option>
                    <option value="1">品牌款型</option>
                    <option value="2">品牌系列</option>
                </select>
            </div>

        </div>

        <div class="form-group">
            <label class="col-md-3 control-label">
                名称<i class="red">*</i>
            </label>

            <div class="col-md-6">
                <input id="seriesName" value="[[seriesName]]" class="form-control width300" type="text" required="required" placeholder="款型系列名称">
            </div>
        </div>


        <div class="form-group">
            <label for="bannarImg" class="col-sm-3 control-label">banner图片:</label>
            <div class="col-sm-6" id="colorUrlBox">
                <input type="file" id="bannarImg" name="bannarImg" value="[[bannarImg]]">
            </div>
        </div>


        <div class="form-group">
            <label class="col-md-3 control-label">
                排序<i class="red">*</i>
            </label>

            <div class="col-md-6">
                <input id="orderBy" value="[[orderBy]]" class="form-control width300" type="text" required="required" placeholder="排序">
            </div>
        </div>

        <input id="id" hidden="ture" value="[[id]]" />



    </form>

</script>