<%include '../../../common/views/__ui/header'%>

<%include '../../../common/views/__partail/ListHeader'%>

<div class="contentpanel">
    <div class="panel panel-default" style="margin-bottom:10px;">
        <div class="panel-body">
            <div class="row">
                <div class="panel-col">
                    <input type="text" id="sel-displayName" class="form-control" placeholder="请输入前端展示名称" style="height: 39px;"/>
                </div>

                <div class="panel-col">
                    <select id="sel-category" name="sel-category" class="form-control" >
                        <option value="-1">请选择分类</option>
                    </select>

                </div>

                <div class="panel-col">
                    <select id="sel-status" class="form-control">
                        <option value="-1">请选择状态</option>
                        <option value="1">开启</option>
                        <option value="0">关闭</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 class="panel-col">
                    <a id="uploadZip-btn" href="javascript:;" class="btn btn-primary">上传zip</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="displayName" class="col-sm-2 control-label">前端展示名称：</label>
            <div class="col-sm-8">
                <input type="hidden" name="id" value="[[id]]" id="id" class="form-control">
                <input type="text" value="[[displayName]]" name="displayName" id="displayName" placeholder="前端展示名称" required="required" class="form-control">
            </div>
        </div>
        [[if categoryName !='ToolBar'&&categoryName !='会员权益图标']]
        <div class="form-group">
            <label  class="col-sm-2 control-label">图标：</label>
            <div class="col-sm-8" id="colorUrlBox">
                <table>
                    <tr>
                        <td>IOS：2x</td>
                        <td>IOS：3x</td>
                        <td>安卓</td>
                    </tr>
                    <tr>
                        <td><input type="file" id="iosSmallImageN" name="iosSmallImageN"  value="[[iosSmallImageN]]"></td>
                        <td><input type="file" id="iosBigImageN" name="iosBigImageN"  value="[[iosBigImageN]]"></td>
                        <td><input type="file" id="androidImageN" name="androidImageN"  value="[[androidImageN]]"></td>
                    </tr>
                </table>

            </div>
        </div>
        [[/if]]
    [[if categoryName=='ToolBar'||categoryName=='会员权益图标']]
    <div class="form-group">
        <label  class="col-sm-2 control-label">未选中：</label>
        <div class="col-sm-8">
            <table>
                <tr>
                    <td>IOS：2x</td>
                    <td>IOS：3x</td>
                    <td>安卓</td>
                </tr>
                <tr>
                    <td><input type="file" id="iosSmallImageN" name="iosSmallImageN"  value="[[iosSmallImageN]]"></td>
                    <td><input type="file" id="iosBigImageN" name="iosBigImageN"  value="[[iosBigImageN]]"></td>
                    <td><input type="file" id="androidImageN" name="androidImageN"  value="[[androidImageN]]"></td>
                </tr>
            </table>

        </div>
    </div>
     <div class="form-group">
         <label  class="col-sm-2 control-label">选中：</label>
            <div class="col-sm-8">
                <table>
                    <tr>
                        <td><input type="file" id="iosSmallImage" name="iosSmallImage"  value="[[iosSmallImage]]"></td>
                        <td><input type="file" id="iosBigImage" name="iosBigImage"  value="[[iosBigImage]]"></td>
                        <td><input type="file" id="androidImage" name="androidImage"  value="[[androidImage]]"></td>
                    </tr>
                </table>

         </div>
      </div>
        <div class="form-group">
            <label  class="col-sm-2 control-label">初始状态：</label>
            <div class="col-sm-8">
                <table>
                    <tr>
                        <td><input type="file" id="iosSmallImageFirst" name="iosSmallImageFirst"  value="[[iosSmallImageFirst]]"></td>
                        <td><input type="file" id="iosBigImageFirst" name="iosBigImageFirst"  value="[[iosSmallImageFirst]]"></td>
                        <td><input type="file" id="androidImageFirst" name="androidImageFirst"  value="[[androidImageFirst]]"></td>
                        <td>
                            <button class="btn btn-danger btn-sm del-btn" data-event="template-content" type="button" data-key="first">删除图片</button>
                        </td>
                    </tr>
                </table>

            </div>
        </div>
    [[/if]]
    </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>
<%include '../../../common/views/__ui/footer'%>