<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="#">限购商品管理</a></li>
                <li>限购商品管理</li>
            </ul>
            <h4>限购商品管理</h4>
        </div>
    </div>
    <!-- media -->
</div>

<div class="contentpanel">
    
    <form id="limit-add-form" action="{{action}}">
    {{# data}}
        <div class="panel-group">
            <div class="pannel">
                <div class="panel-heading">
                    <h4>限购商品基本信息</h4>
                </div>
                <div class="panel-collapse collapse in">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-1 height40"><label>商品名称*：</label></div>
                            <div class="col-md-1">
                                <input id="productName" value="{{productName}}" type="text" class="form-control" style="width:280px;" placeholder="商品名称" required>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-1 height40"><label>限购码批次*：</label></div>
                            <div class="col-md-1">
                                <input id="batchNo" value="{{batchNo}}" type="text" class="form-control" style="width:280px;" placeholder="限购码批次" required>
                            </div>
                        </div>
                        <div class="row mt20">
                            <div class="col-md-1 height40"><label>发售日期*：</label></div>
                            <div class="col-md-1">
                                <input id="saleTime" data-time="{{saleTime}}" value="" type="text" class="form-control" style="width:280px;" placeholder="发售日期" readonly required>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pannel">
                <div class="panel-heading">
                    <h4>限购商品排序</h4>
                </div>
                <div class="panel-collapse collapse in">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-2 height40">
                                <label>是否热门：</label>
                                <label class="radio-inline"><input type="radio" name="hotFlag" value="1">是</label>
                                <input type="hidden" value="{{hotFlag}}" id="hotFlag" for="radio"> 
                            </div>
                            <div class="col-md-3 height40">
                                <label>热门发售排序：</label>
                                <label><input id="orderBy" value="{{orderBy}}" type="text" class="form-control" placeholder=""></label>
                                <p>（提示：数字越大越靠前）</p>
                            </div>
                            <div class="col-md-3 height40">
                                <label>未发售排序：</label>
                                <label><input id="notSaleOrderBy" value="{{notSaleOrderBy}}" type="text" class="form-control" placeholder=""></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="pannel">
                <div class="panel-heading">
                    <h4>限量详情内容</h4>
                </div>
                <div class="panel-collapse collapse in">
                    <div class="panel-body">
                        
                        <div class="row mb20">
                            <h6><label>封面图*：</label></h6>
                            <div class="col-md-1" id="coverImgBox">
                                {{# attachment}}
                                {{#if isDefault}}
                                <input type="file" name="coverImg" id="coverImg" value="{{attachUrl}}" placeholder="封面图" required/>

                                {{/if}}
                                {{/ attachment}}

                                {{^ attachment}}
                                <input type="file" name="coverImg" id="coverImg" placeholder="封面图" required/>
                                {{/ attachment}}

                            </div>
                        </div>
                        
                        <div class="row mb20">
                            <div id="editor" class="col-md-12">
                                <!-- <div class="quota-text"></div>
                                <div class="quota-img"></div>
                                <div class="quota-video"></div> -->
                                {{# attachment}}
                                    {{#if attachUrl}}
                                    {{#unless isDefault}}
                                    <div class="quota-content quota-img" data-type="{{attachType}}"><img src="{{attachUrl}}" alt=""><a href="javascript:;" class="editor-delete btn btn-default">删除</a></div>
                                    {{/unless}}
                                    {{/if}}

                                    {{#if intro}}
                                    <div class="quota-content quota-text" data-type="{{attachType}}"><span>{{intro}}</span><a href="javascript:;" class="editor-delete btn btn-default">删除</a></div>
                                    {{/if}}
                                {{/ attachment}}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <button class="btn btn-primary mr5" id="textDialog">文本</button>
                                <button class="btn btn-primary mr5" id="picDialog">图片</button>
                                <button class="btn btn-primary mr5" id="videoDialog">视频</button>
                            </div>
                        </div>
                        <!-- <div class="row mb20" style="width: 800px;">
                            <h6><label>限量详情页内容：</label></h6>
                            <div id="editor-container" class="editor-container" style="height:200px"></div>
                        </div> -->
                        <div class="mt20">
                            <input id="limit-add-btn" class="btn btn-primary limit-add-btn" type="button" value="保存"></input>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <input type="hidden" id="id" value="{{id}}">
    </form>
    {{/ data}}
</div>


<script type="text/template" id="picDialogTemp">
    <div class="row">
        <div class="col-md-3">
            <img width="100" src="http://img11.static.yhbimg.com/goodsimg/2015/07/07/08/01315b5bbfd72bc5b59fa2fda6c28b9ae6.jpg" alt=""/>
        </div>
        <div class="col-md-9">
            <div class="form-group">
                <label class="pull-left control-label height40">{name}链接</label>
                <div class="pull-left ml10">
                    <input class="form-control" type="text" placeholder="{name}链接">
                </div>
                <button type="button" class="btn btn-primary ml10">{name}图片</button>
            </div>
            <div class="form-group">
                <label class="pull-left control-label height40">{name}描述</label>
                <div class="pull-left ml10">
                    <input class="form-control" type="text" placeholder="{name}描述">
                </div>
            </div>
        </div>
    </div>
</script>