<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="">Plus</a></li>
                <li>Star</li>
            </ul>

            <div>
                <div style="width: 30%;float: left;">
                    <h4>Plus/star管理</h4>
                </div>
            </div>
        </div>
    </div>
</div>

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


            <div class="row">

                <div class="panel-col">
                    <select id="g-brandType" class="form-control">
                        <option value="-1">请选择频道</option>
                    </select>
                </div>

                <div class="panel-col">
                    <select id="g-status" class="form-control">
                        <option value="-1">选择品牌状态</option>
                        <option value="1">可用</option>
                        <option value="2">不可用</option>
                    </select>
                </div>


                <div class="panel-col">
                    <select id="g-brandId" class="form-control">
                        <option value="-1">全部品牌</option>
                    </select>
                </div>

                <div class="panel-col">
                    <select id="g-gender" class="form-control">
                        <option value="-1">性别</option>
                        <option value="1">男</option>
                        <option value="2">女</option>
                        <option value="3">通用</option>

                    </select>
                </div>

                <div class="panel-col">
                    <a id="filter-btn" href="javascript:;" class="btn btn-info">筛选</a>
                    <a id="all-btn" href="" class="btn btn-info">全部</a>
                </div>

            </div>
        </div>
    </div>
    <div class="panel panel-primary-head">
        <div id="basicTable_wrapper" class="dataTables_wrapper no-footer">
            <div class="dataTables_length" id="basicTable">
            </div>
            <nav>
                <ul id="pagination" class="pagination pagination-lg"></ul>
            </nav>
        </div>
    </div>
</div>


<script type="text/template" id="template">

    <div id="templete-top">
        <div class="form-group">
            <label for="brandType" class="col-sm-2 control-label">频道类别:</label>
            <div class="col-sm-10">
                <input type="hidden" name="" value="[[id]]" id="id" class="form-control" pattern="" title="">
                <select id="brandType" value="[[brandType]]" class="form-control">
                    <option value="[[brandType||-1]]">[[categoryName||"请选择"]]</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label for="brandId" class="col-sm-2 control-label">品牌名称:</label>
            <div class="col-sm-10">
                <select id="brandId" value="[[brandId]]" class="form-control">
                    <option value="[[brandId||-1]]">[[brandName||"请选择"]]</option>
                </select>
            </div>
        </div>



        <div class="form-group">
            <label for="bannerTitle" class="col-sm-2 control-label">品牌banner标题:</label>
            <div class="col-sm-10">
                <input type="text" value="[[bannerTitle]]" name="content" id="bannerTitle" placeholder="品牌banner标题" required="required" class="form-control">
            </div>
        </div>

        <div class="form-group">
            <label for="orderBy" class="col-sm-2 control-label">排序:</label>
            <div class="col-sm-10">
                <input type="number" value="[[orderBy]]" name="content" id="orderBy" placeholder="排序" required="required" class="form-control">
            </div>
        </div>

        <div class="form-group">
            <label for="gender" class="col-sm-2 control-label">性别:</label>
            <div class="radio">
                <label><input type="radio" value="1" name="gender" kl_vkbd_parsed="true">男</label>
                <label><input type="radio" value="2" name="gender" kl_vkbd_parsed="true">女</label>
                <label><input type="radio" value="3" name="gender" kl_vkbd_parsed="true">通用</label>
            </div>
            <input id="gender" type="hidden" value="[[gender]]" for="radio" required="required" kl_vkbd_parsed="true">
        </div>

        <div class="form-group">
            <label for="status" class="col-sm-2 control-label">是否可用:</label>
            <div class="radio">
                <label><input type="radio" value="1" name="status" kl_vkbd_parsed="true">可用</label>
                <label><input type="radio" value="2" name="status" kl_vkbd_parsed="true">不可用</label>
            </div>
            <input id="status" type="hidden" value="[[status]]" for="radio" required="required" kl_vkbd_parsed="true">
        </div>


        <div class="form-group">
            <label for="coverImg" class="col-sm-2 control-label">上传封面图:</label>
            <div class="col-sm-8" id="colorUrlBox">
                <input type="file" id="coverImg" name="coverImg" required="required" value="[[coverImg]]">
            </div>
        </div>


    </div>


    <div id="mutil-image">
        <div class="form-group">
            <label for="brandType" class="col-sm-2 control-label">上传banner图:</label>

            <div class="col-sm-10">
                <p>最多上传2张(只有明星潮品需上传2张)</p>
                <ul class="cover-image-list col-sm-10" id="addPic" style="padding: 0;margin: 0;">
                    <!-- 修改时不存在 -->

                    <li class="cover-image-item fileinput-button">
                        <div class="goods-img">
                            <a class="fileinput-button-icon" href="javascript:void(0);">+</a>

                            <input type="file" class="goods-img-upload picfile" required="required" id="picfile" name="picfile"></div>
                    </li>

                </ul>
            </div>
        </div>
    </div>


</script>


<script type="text/template" id="imgeUpload">
    [[each pictureBoList as _item _index]]
    <li class="cover-image-item image-list" data-index=[[_index]]>
        <div class="goods-img">
            <a class="fileinput-button-icon" href="javascript:void(0);">
                <img src="[[_item]]">
            </a>
            <i class="remove-item-btn remove1 glyphicon glyphicon-remove-circle" data-index="[[_index]]"></i>
        </div>
    </li>
    [[/each]]
</script>