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

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

<div class="contentpanel">
    <div class="row">
        <div class="col-md-12">
            <form id="basicForm" role="form" class="form-horizontal form-bordered" method="post" action="<%action%>">
                
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h4 class="panel-title">基本信息</h4>
                    </div>
                    <div class="panel-body" id="basicInfo">
                        
                    </div>

                    <div class="panel-heading">
                        <h4 class="panel-title">销售属性</h4>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="form-group">
                                 <label class="col-sm-2 control-label">颜色分类 <span class="red">*</span></label>
                                 <p>
                                    <%if list%>
	                                    <%each list as item%>
	                                    <button type="button" class="btn btn-default sortadd btn-xs" data-id="<%item.id%>"><%item.colorName%></button>
	                                    <%/each%>
                                	<%/if%>
                                </p>
                            </div>
                            <div id="basicTable"></div>
                            
                        </div>
                    </div>


                    <div class="panel-footer">
                          <div class="row">
                            <div class="col-sm-8 col-sm-offset-2">
                                <a class="btn btn-default" href="/product/base/index">取消</a>
                                <button type="submit" class="btn btn-success mr5" data-loading-text="保存中..." id="btnReview">保存</button>
                            </div>
                          </div>
                    </div>
                 </div>
                
             </form>
         </div>
    </div>
</div>

<script type="text/template" id="template">
    [[each goodsSizeList as item __index]]
    <div class="form-group">
        <!-- <label class="col-sm-1 red">*</label> -->
        <div class="col-sm-2">
            <select class="form-control btn-sort-chima" data-index=[[index]] data-eq=[[__index]] value='[[item.sizeId]]' required placeholder="尺码">
                <option value="[[item.sizeId||'-1']]">[[item.sizeName||'选择尺码']]</option>
            </select>
        </div>
        <div class="col-sm-2">
            <input class="form-control btn-sort-xiaoshou" value="[[item.salePrice]]" placeholder="默认销售价" data-index=[[index]] data-eq=[[__index]] required match="numbers" type="text"></input>
        </div>
        <div class="col-sm-2">
            <input class="form-control btn-sort-tiaoma" value="[[item.factoryCode]]" placeholder="条码" data-index=[[index]] data-eq=[[__index]]></input>
        </div>
        <!-- <div class="col-sm-2">
            <select class="form-control btn-sort-kebu" value="[[item.isSuppled||'Y']]" data-index=[[index]] data-eq=[[__index]]>
                <option value="N">不可补货</option>
                <option value="Y">可补货</option>
            </select>
        </div>
        <div class="col-sm-2">
            <input class="form-control btn-sort-upmCode" value="[[item.upmCode]]" placeholder="UPM条码" data-index=[[index]] data-eq=[[__index]]></input>
        </div> -->
        <div class="col-sm-2">
            [[if __index==goodsSizeList.length-1]]
            <button type="button" class="btn btn-info btn-xs btn-sort-add" data-index=[[index]]>+</button>
            [[/if]]
            [[if __index!=0]]
            <button type="button" class="btn btn-info btn-xs btn-sort-remove" data-index=[[index]] data-eq=[[__index]]>-</button>
            [[/if]]
        </div>

    </div>
    [[/each]]
</script>

<script type="text/template" id="template2">
    <div class="row">

        <div class="form-group">
            <label class="col-sm-2 control-label">品牌 <span class="red">*</span></label>
            <div class="col-sm-2">
                <select id="brandId" class="form-control" required placeholder="品牌">
                    <option value="[[brandId||'-1']]">[[brandName||'品牌']]</option>
                </select>
            </div>

            <label class="col-sm-2 control-label">供应商 <span class="red">*</span></label>
            <div class="col-sm-2">
                <select id="supplierId" class="form-control" required placeholder="供应商">
                    <option value="[[supplierId||'-1']]">[[supplierName||'供应商']]</option>
                </select>
                <div class="col-sm-12 control-label red">选择供应商</div>
            </div>
            <label class="col-sm-2 control-label">经营模式 <span class="red">*</span></label>
            <div class="col-sm-2">
                <select id="sellType" class="form-control" required placeholder="经营模式" value="[[sellType]]">
                    <option value="-1">经营模式</option>
                    <option value="2">代销</option>
                    <option value="3">JIT</option>
                </select>
            </div>

        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">分类<span class="red">*</span></label>
            <div class="col-sm-4">
                <div id="tree"></div>
            </div>
            <label class="col-sm-1 control-label">厂家编号</label>
            <div class="col-sm-2">
                <input type="text" id="factoryCode" placeholder="厂家编号" value="[[factoryCode]]" class="form-control" />
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">商品名称<span class="red">*</span></label>
            <div class="col-sm-10">
                <input type="text" id="productName" class="form-control" value="[[productName]]" placeholder="品牌英文名+性别+最小类目" required/>
            </div>

        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">货品年<span class="red">*</span></label>
            <div class="col-sm-2">
                <select id="goodsYears" class="form-control" value="[[goodsYears||'2016']]">
                    [[each ENUMYEAR as item index]]
                    <option value="[[item.YEAR]]">[[item.YEAR]]</option>
                    [[/each]]
                </select>
            </div>
            <label class="col-sm-1 control-label">货品季<span class="red">*</span></label>
            <div class="col-sm-2">
                <select id="goodsSeason" class="form-control" value="[[goodsSeason]]">
                    <option value="1">春</option>
                    <option value="2">夏</option>
                    <option value="3">秋</option>
                    <option value="4">冬</option>
                    <option value="5">春夏</option>
                    <option value="6">秋冬</option>
                </select>
            </div>
            <label class="col-sm-1 control-label">商品属性<span class="red">*</span></label>
            <div class="col-sm-2">
                <select id="attribute" class="form-control" value="[[attribute]]">
                    <option value="1">普通商品</option>
                    <!-- <option value="2">赠品</option>
                    <option value="3">虚拟商品</option> -->
                </select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">品牌上市日期 <span class="red">*</span></label>
            <div class="col-sm-2">
                <input type="text" style="background-color: #fff" id="brandSaleTimeStr" jsaction="date" value="[[brandSaleTimeStr]]" class="form-control" readonly="readonly" required placeholder="品牌上市日期" />
            </div>
            <label class="col-sm-1 control-label">预计上市日期 <span class="red">*</span></label>
            <div class="col-sm-2">
                <input type="text" style="background-color: #fff" id="expectSaleTimeStr" jsaction="date" value="[[expectSaleTimeStr]]" class="form-control" readonly="readonly" required placeholder="预计上市日期" />
            </div>
            <label class="col-sm-1 control-label">品牌经典款 <span class="red">*</span></label>
            <div class="col-sm-2" id="classicDiv">
                <label class="radio-inline">
                    <input type="radio" name="classic" value="1">是</label>
                <label class="radio-inline">
                    <input type="radio" name="classic" value="0">否</label>
                <input type="hidden" id="classic" name="classic" value="[[classic||'0']]" for="radio" required />
            </div>
        </div>
        <!-- <div class="form-group" id="productTagDiv">
            <label class="col-sm-2 control-label">商品话题</label>
            <div class="col-sm-10">
                <input type="text" id="productTag" class="form-control" value="[[productTag]]" readonly="readonly" />
            </div>
        </div> -->
        <div class="form-group">
            <label class="col-sm-2 control-label">年龄层<span class="red">*</span></label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="checkbox" name="ageLevel" value="1">成人</label>
                <label class="radio-inline">
                    <input type="checkbox" name="ageLevel" value="2">大童</label>
                <label class="radio-inline">
                    <input type="checkbox" name="ageLevel" value="3">小童</label>
                <label class="radio-inline">
                    <input type="checkbox" name="ageLevel" value="4">中童</label>
                <label class="radio-inline">
                    <input type="checkbox" name="ageLevel" value="5">幼童</label>
                <input type="hidden" id="ageLevel" name="ageLevel" value="[[ageLevel]]" for="checkbox" placeholder="年龄层" required />
            </div>
            <label class="col-sm-1 control-label">性别<span class="red">*</span></label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="radio" name="gender" value="1">男</label>
                <label class="radio-inline">
                    <input type="radio" name="gender" value="2">女</label>
                <label class="radio-inline">
                    <input type="radio" name="gender" value="3">通用</label>
                <input type="hidden" id="gender" name="gender" value="[[gender||'1']]" for="radio" required />
            </div>
        </div>
        <div class="form-group">
           <!--  <label class="col-sm-2 control-label">重点款<span class="red">*</span></label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="radio" name="grade" value="1">是</label>
                <label class="radio-inline">
                    <input type="radio" name="grade" value="0">否</label>
            </div> -->
            
            <label class="col-sm-2 control-label">适销季<span class="red">*</span></label>
            <div class="col-sm-4">
                <label class="radio-inline">
                    <input type="radio" name="seasons" value="spring">春秋</label>
                <label class="radio-inline">
                    <input type="radio" name="seasons" value="summer">夏</label>
               <!--  <label class="radio-inline">
                    <input type="checkbox" name="seasons" value="autumn">秋</label> -->
                <label class="radio-inline">
                    <input type="radio" name="seasons" value="winter">冬</label>
                <label class="radio-inline">
                    <input type="radio" name="seasons" value="seasons">四季</label>
                <input type="hidden" id="seasons" name="seasons" value="[[seasons||'seasons']]" for="radio" placeholder="年龄层" />
            </div>
            <input type="hidden" id="grade" value="[[grade||'0']]" for="radio" required/>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">限量款</label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="radio" name="isLimited" value="Y">是</label>
                <label class="radio-inline">
                    <input type="radio" name="isLimited" value="N">否</label>
            </div>
            <input id="isLimited" type="hidden" value="[[isLimited||'N']]" for="radio" />


           [[if isAuditing==200]]
            <label class="col-sm-1 control-label">是否预售</label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="radio" name="isAdvance" value="Y">是</label>
                <label class="radio-inline">
                    <input type="radio" name="isAdvance" value="N">否</label>
                <input type="hidden" id="isAdvance" value="[[isAdvance||'N']]" for="radio" />
            </div>
            [[/if]]

        </div>

       <!--  [[if isAuditing==200]]
        <div class="form-group">
            <label class="col-sm-2 control-label">是否奥莱</label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="radio" name="isOutLets" value="Y">是</label>
                <label class="radio-inline">
                    <input type="radio" name="isOutLets" value="N">否</label>
                <input type="hidden" id="isOutLets" value="[[isOutLets||'N']]" for="radio" />
            </div>


        </div>
        [[/if]] -->

       <!--  [[if isAuditing==200]]
        <div class="form-group">
            <label class="col-sm-2 control-label">是否VIP</label>
            <div class="col-sm-2">
                <label class="radio-inline">
                    <input type="radio" name="isVip" value="B">品牌设置</label>
                <label class="radio-inline">
                    <input type="radio" name="isVip" value="Y">开启</label>
                <label class="radio-inline">
                    <input type="radio" name="isVip" value="N">关闭</label>
                <input type="hidden" id="isVip" value="[[isVip||'B']]" for="radio" />
            </div>
        </div>
        [[/if]]
 -->

        <div class="form-group">
            <label class="col-sm-2 control-label">吊牌价<span class="red">*</span></label>
            <div class="col-sm-2">
                <input type="text" id="retailPriceStr" class="form-control" required value="[[retailPriceStr]]" match="numbers" placeholder="吊牌价" />
            </div>
            <label class="col-sm-1 control-label">销售价<span class="red">*</span></label>
            <div class="col-sm-2">
                <input type="text" id="salesPriceStr" class="form-control" required value="[[salesPriceStr]]" match="numbers" placeholder="销售价" />
            </div>
        </div>

        <div class="form-group">
            [[if isAdvance=='Y']]
            <label class="col-sm-2 control-label" id="expectArrivalTimeStrTxt">预计到货时间<span class="red">*</span></label>
            <div class="col-sm-2">
                <input type="text" id="expectArrivalTimeStr" jsaction="time" value="[[expectArrivalTimeStr]]" class="form-control" readonly="readonly" required placeholder="预计到货时间" />
            </div>
            [[else]]
            <label class="col-sm-2 control-label" id="expectArrivalTimeStrTxt">预计到货时间</label>
            <div class="col-sm-2">
                <input type="text" id="expectArrivalTimeStr" jsaction="time" value="[[expectArrivalTimeStr]]" class="form-control" readonly="readonly" placeholder="预计到货时间" />
            </div>
            [[/if]]

        </div> 

    </div>
</script>

<script type="text/template" id="template3">
    <div class="form-group">
        [[if inputType=='checkbox']]
        [[each idNameList as item index ]]
        <label class="radio-inline">
            <input type="checkbox" name="attr_[[__index]]" data-index=[[__index]] class="attr_checkobx_class" value="[[item.id]]">[[item.text]]</label>
        [[/each]]
        <input type="hidden" id="attr_[[__index]]" value="[[__val||'']]"  [[required]] for="checkbox" placeholder="[[attributeName]]"/>
        [[/if]]

        [[if inputType=='radio']]
        [[each idNameList as item index ]]
        <label class="radio-inline">
            <input type="radio" name="attr_[[__index]]" data-index=[[__index]] class="attr_input" value="[[item.id]]">[[item.text]]</label>
        [[/each]]
        <input type="hidden" id="attr_[[__index]]" data-index='[[__index]]' value="[[__val||'']]" [[required]] for="radio" placeholder="[[attributeName]]" />
        [[/if]]

        [[if inputType=='select']]
        <select class="form-control attr_input" style="width: 280px" data-index='[[__index]]' value="[[__val||'']]" [[required]]>
            <option value="">请选择[[attributeName]]</option>
            [[each idNameList as item index ]]
            <option value="[[item.id]]">[[item.text]]</option>
            [[/each]]
        </select>
        [[/if]]

        [[if inputType=='text']]
        <input type="text" class="form-control attr_input" style="width: 280px" data-index='[[__index]]' value="[[val||'']]" [[required]] maxlength='[[maxValueLen]]' placeholder="[[attributeName]]"/>
        [[/if]]
        [[if inputType=='textarea']]
        <textarea class="form-control attr_input" data-index='[[__index]]' [[required]] maxlength='[[maxValueLen]]' placeholder="[[attributeName]]">[[val||'']]</textarea>
        [[/if]]
    </div>
</script>

<%include '../../common/__ui/footer'%>