{extend name="../views/public/detail.html"/}


{block name="form"}
<script language="javascript">
    var is_spec_open = "{if condition='$data'}{$data.is_spec_open}{/if}";
    var sku = '{:html_entity_decode($sku)}';
    var alone_rule = "{if condition='$data'}{$data.alone_rule}{/if}";

    $(document).ready(function() {
        mall_obj.product_init();
        $('.select2_style1').each(function () {
            $(this).select2({style: 'select2-width','maximumSelectionLength':2});
        });
    });
</script>
<style>
    .spec-list-row {
        border: 1px solid #e7eaec;
        background-color: rgb(241, 242, 247);
        padding: 10px;
        margin-bottom: 10px;
    }
    .table th, .table td {
        text-align: center;
        vertical-align: middle!important;
    }
    .distribution{
        display:none;
    }
</style>
<ul id="myTab" class="nav nav-tabs">
    <li  class="active">
        <a href="#base" data-toggle="tab">
            基础设置
        </a>
    </li>
    <li>
        <a href="#spec" data-toggle="tab">
            库存/规格
        </a>
    </li>
    <li>
        <a href="#label" data-toggle="tab">
            服务保障
        </a>
    </li>
    <li>
        <a href="#description" data-toggle="tab">
            详情
        </a>
    </li>
</ul>
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade  in active" id="base">
        <div class="form-group">
            <label class="control-label col-lg-2">名称</label>
            <div class="col-lg-10">
                <input class="form-control"
                       type="text"
                       name="name"
                       notnull
                       notice="请填写名称"
                       value="{$data.name | default=''}"/>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">现价</label>
            <div class="col-lg-10">
                <input class="form-control"
                       type="number"
                       name="price"
                       notnull notice="请填写现价"
                       value="{$data.price | default=''}"
                       step="0.01"
                       min="0.01"
                       max="99999999.99"/>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">原价</label>
            <div class="col-lg-10">
                <input class="form-control"
                       type="number"
                       name="price_original"
                       notnull notice="请填写原价"
                       value="{$data.price_original | default=''}"
                       step="0.01"
                       min="0.01"
                       max="99999999.99"/>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">设置初始销量</label>
            <div class="col-lg-10">
                <input class="form-control"
                       type="number"
                       name="sales_origial_number"
                       notnull notice="请设置初始销量"
                       value="{$data.sales_origial_number | default=''}"
                       step="1"
                       min="0"/>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">分类</label>
            <div class="col-lg-10">
                <select class="form-control select2_style" name="category_id[]"  notnull multiple="multiple" notice="请选择所属分类">
                    {volist name='categoryList' id='vo'}
                    <option value="{$vo.pid}_{$vo.id}"
                            {eq name="vo.is_select" value="1" }selected{/eq}>{$vo.name}</option>
                    {/volist}
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">标签</label>
            <div class="col-lg-10">
                <select class="form-control select2_style1" name="label_id[]"  multiple="multiple">
                    {volist name='labelList' id='vo'}
                    <option value="{$vo.id}"
                            {eq name="vo.is_select" value="1" }selected{/eq}>{$vo.name}</option>
                    {/volist}
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">运费类型</label>
            <div class="col-lg-10">
                <label class="checkbox-inline">
                    <input type="radio" {if condition="empty($data.freight_type) || $data.freight_type == 1"}checked="checked"{/if} name="freight_type" value="1"> 统一运费
                </label>
                <label class="checkbox-inline">
                    <input type="radio" {if condition="$data && $data.freight_type == 2"}checked="checked"{/if} name="freight_type" value="2"> 运费模板
                </label>
            </div>
        </div>

        <div class="form-group freight_type_1" {if condition="$data && $data.freight_type == 2"}style="display:none"{/if}>
        <label class="control-label col-lg-2">运费价格</label>
        <div class="col-lg-10">
            <input type="number" min="0" step="0.01" name="freight_money" class="form-control" value="{$data.freight_money|default=0}">
        </div>
    </div>

    <div class="form-group freight_type_2" {if condition="empty($data.freight_type) || $data.freight_type == 1"}style="display:none"{/if}>
    <label class="control-label col-lg-2">运费模板</label>
    <div class="col-lg-10">
        <select name="freight_id" class="form-control">
            {volist name='freight' id='vo'}
            <option value="{$vo.id}" {if condition='!empty($data) && $data.freight_id == $vo.id'}selected="selected" {/if}>{$vo.name}</option>
            {/volist}
        </select>
    </div>
</div>

<div class="form-group freight_type_2" {if condition="empty($data.freight_type) || $data.freight_type == 1"}style="display:none"{/if} >
<label class="control-label col-lg-2">商品重量</label>
<div class="col-lg-10">
    <input type="number" min="0" step="0.01" name="weight" class="form-control" value="{$data.weight | default=''}">
    <p class="help-block">单位：克</p>
</div>
</div>

<div class="form-group">
    <label class="control-label col-lg-2">商品属性</label>
    <div class="col-lg-10">
        <label class="checkbox-inline">
            <input type="checkbox" {if condition='!empty($data) && $data.is_recommend == 1'}checked {/if} name="is_recommend" value="1"> 推荐
        </label>
    </div>
</div>
<div class="form-group">
    <label class="control-label col-lg-2">发布状态</label>
    <div class="col-lg-10">
        <label class="checkbox-inline">
            <input type="checkbox"{if condition='!empty($data) && $data.is_publish == 1'}checked {/if} name="is_publish" value="1"> 发布
        </label>
    </div>
</div>
<div class="form-group one-img">
    <label class="control-label col-lg-2">封面图</label>

    <div class="col-sm-10 image-size">图片建议尺寸300*300px</div>

    <div class="col-sm-1">
        <!--data-name:隐藏域名称（必填），data-file-number：可上传数量（非必填，默认1），data-file-type：上传类型（非必填，默认为图片）
        data-upload-url：上传地址（非必填，默认为oss上传）,data-file-size：文件上传大小限制（非必填，默认为20M，填写为字节数）
        -->
        <div data-name="cover_img" data-file-type="image" class="file-upload"
             data-original-value='{if condition="$data"}{:json_encode([$data.cover_img])}{else/}{:json_encode([])}{/if}'></div>
    </div>
</div>
<div class="form-group">
    <label class="col-sm-2 control-label">展示图</label>
    <div class="col-sm-10 image-size">共可上传5张图片，图片建议尺寸800*800px</div>
    <div class="col-sm-1">
        <!--data-name:隐藏域名称（必填），data-file-number：可上传数量（非必填，默认1），data-file-type：上传类型（非必填，默认为图片）
        data-upload-url：上传地址（非必填，默认为oss上传）,data-file-size：文件上传大小限制（非必填，默认为20M，填写为字节数）
        -->
        <div data-name="img_path" data-file-type="image" data-file-number="5" class="file-upload" data-is-require="1" data-require-text="请上传展示图片"
             data-original-value='{if condition="$data"}{:json_encode($data.img_path)}{else/}{:json_encode([])}{/if}'></div>
    </div>
</div>
<div class="form-group one-img">
    <label class="control-label col-lg-2">视频封面图</label>
    <div class="col-sm-10 image-size">图片建议尺寸300*300px</div>
    <div class="col-sm-1">
        <!--data-name:隐藏域名称（必填），data-file-number：可上传数量（非必填，默认1），data-file-type：上传类型（非必填，默认为图片）
        data-upload-url：上传地址（非必填，默认为oss上传）,data-file-size：文件上传大小限制（非必填，默认为20M，填写为字节数）
        -->
        <div data-name="video_cover_img" data-file-type="image" class="file-upload"
             data-original-value='{if condition="$data"}{:json_encode([$data.video_cover_img])}{else/}{:json_encode([])}{/if}'></div>
    </div>
</div>
<div class="form-group one-img">
    <label class="control-label col-lg-2">视频</label>
    <div class="col-sm-1">
        <!--data-name:隐藏域名称（必填），data-file-number：可上传数量（非必填，默认1），data-file-type：上传类型（非必填，默认为图片）
        data-upload-url：上传地址（非必填，默认为oss上传）,data-file-size：文件上传大小限制（非必填，默认为20M，填写为字节数）
        -->
        <div data-name="video_url" data-file-type="video" class="file-upload"
             data-original-value='{if condition="$data"}{:json_encode([$data.video_url])}{else/}{:json_encode([])}{/if}'></div>
    </div>
</div>
</div>
<div class="tab-pane fade" id="spec">

    <div class="form-group">
        <label class="control-label col-lg-2">库存</label>
        <div class="col-lg-10">
            <input type="number" name="stock" min="0" step="1" class="form-control" value="{$data.stock | default=''}">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-lg-2">规格</label>
        <div class="col-lg-10">
            <label class="checkbox-inline">
                <input type="checkbox" {if condition='!empty($data) && $data.is_spec_open == 1'}checked {/if} name="is_spec_open" value="1"> 启用商品规格
            </label>
            <p class="help-block" style="color: #999">启用商品规格后，商品的价格及库存以商品规格为准</p>
        </div>
        <div class="spec col-lg-12" style="margin-top: 60px;display: none">
            <div class="col-lg-12 spec-operation">
                <div class="col-lg-2"></div>
                <div class="col-lg-10">
                    <div class="row">
                        <button type="button" class="btn btn-info add-spec">
                            <span class="icon-plus"></span> 添加规格
                        </button>
                    </div>
                </div>
            </div>
            {volist name='spec' id='vo'}
            <div class="col-lg-12 spec-list">
                <div class="col-lg-2"></div>
                <div class="col-lg-10 spec-list-row">
                    <div class="input-group m-bot15">
                        <input type="hidden" name="spec_id[]" notnull notice="规格不能为空" value="{$vo.spec_id}"/>
                        <input type="text"
                               name="spec_title[{$vo.spec_id}]"  notnull notice="规格项不能为空"
                               placeholder="规格名称（比如：颜色）"
                               class="form-control" value="{$vo.spec_title}">
                        <div class="input-group-btn">
                            <a href="javascript:void(0)"
                               type="button"
                               spec-id="{$vo.spec_id}"
                               class="btn btn-info save-spec-item"
                               data-toggle="dropdown">
                                <span class="icon-ok">保存</span>
                            </a>

                            <a href="javascript:void(0)"
                               type="button"
                               class="btn btn-danger delete-spec"
                               data-toggle="dropdown">
                                <span class="icon-remove">删除</span>
                            </a>
                            <a href="javascript:void(0)"
                               type="button"
                               class="btn btn-white dropdown-toggle"
                               data-toggle="dropdown">
                                <span class=" icon-move">拖动</span>
                            </a>
                        </div>
                    </div>
                    <div class="input-group m-bot15">
                        <div class="input-group-btn">
                            <a href="javascript:void(0)"
                               type="button"
                               spec-id="{$vo.spec_id}"
                               class="btn btn-info add-spec-item"
                               data-toggle="dropdown">
                                <span class="icon-plus">添加具体项</span>
                            </a>
                        </div>
                    </div>
                    <div class="form-group spec-item">
                        {volist name='vo.item' id='v'}
                        <div class="col-lg-3 spec-item-list">
                            <div class="input-group m-bot15">
                                <input type="hidden" name="spec_item_id_{$vo.spec_id}[]" value="{$v.spec_item_id}"/>
                                <input type="text"
                                       name="spec_item_name_{$vo.spec_id}[]"
                                       class="form-control input-sm" value="{$v.spec_item_value}">
                                <div class="input-group-btn">
                                    <a href="javascript:void(0)"
                                       type="button"
                                       class="btn btn-white btn-sm save-spec-item"
                                       data-toggle="dropdown">
                                        <span class="icon-ok">保存</span>
                                    </a>
                                    <a href="javascript:void(0)"
                                       type="button"
                                       class="btn btn-white btn-sm delete-spec-item"
                                       data-toggle="dropdown">
                                        <span class="icon-remove">删除</span>
                                    </a>
                                    <a href="javascript:void(0)"
                                       type="button"
                                       class="btn btn-white btn-sm dropdown-toggle"
                                       data-toggle="dropdown">
                                        <span class=" icon-move">拖动</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        {/volist}
                    </div>
                </div>
            </div>
            {/volist}
        </div>

        <div class="col-lg-12">
            <div class="col-lg-12 error-info" style="display: none">
                <div class="col-lg-2"></div>
                <div class="col-lg-10">
                    <div class="row">
                        <div class="alert alert-block alert-danger fade in">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-12  sku-table">
                <div class="col-lg-2"></div>
                <div class="col-lg-10">
                    <div class="row spec-table">
                        <!--<table class="table table-bordered">-->
                        <!--<thead><tr><th>颜色</th><th >大小</th><th>价格<div class="input-group "><input type="number" min="0" step="0.01" class="form-control"><div class="input-group-btn"><a href="javascript:void(0)" type="button" class="btn btn-white" data-toggle="dropdown"><span class="icon-double-angle-down"></span></a></div></div></th><th>库存<div class="input-group "><input type="number" min="0" step="0.01" class="form-control"><div class="input-group-btn"><a href="javascript:void(0)" type="button" class="btn btn-white" data-toggle="dropdown"><span class="icon-double-angle-down"></span></a></div></div></th></tr>-->
                        <!--</thead>-->
                        <!--<tbody><tr><td rowspan="2">黄色</td><td>XL</td><td><input type="number" name="option_price_" min="0.01" step="0.01" notnull notice='请填写规格价格数据' class="form-control"></td><td><input type="number" name="option_stock_" min="0.01" step="0.01" notnull notice='请填写规格库存数据' class="form-control"></td></tr><tr><td>L</td><td><input type="number" name="" min="0.01" step="0.01" notnull notice='请填写规格价格数据' class="form-control"></td><td><input type="number" name="" min="0.01" step="0.01"  notnull notice='请填写规格库存数据' class="form-control"></td></tr>-->
                        <!--</tbody>-->
                        <!--</table>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="tab-pane fade" id="label">
    <div class="form-group">
        <label class="control-label col-lg-2">服务保障</label>
        <div class="col-lg-10">
            <select class="form-control select2_style"
                    name="attach_id[]"
                    multiple="multiple"
                    style="width: 1262px;">
                {volist name='attach' id='vo'}
                <option value="{$vo.id}"
                        {eq name="vo.is_select" value="1" }selected{/eq}>{$vo.name}</option>
                {/volist}
            </select>
        </div>
    </div>
</div>
<div class="tab-pane fade" id="description">
    <div class="form-group">
        <label class="control-label col-lg-2">详情</label>
        <div class="col-lg-10 row">
            <script type="text/plain" id="editor" name="description" class="col-lg-10">{$data.description | default=''} </script>
        </div>
    </div>
</div>
</div>


<input type="hidden" name="id" value="{$data.id | default=''}">
<input type="hidden" name="is_change" value="0">

<div class="form-group">
    <div class="col-lg-offset-2 col-lg-10">
        <input class="btn btn-danger" type="submit" value="提交保存">
        <button class="btn btn-default backPrev" type="button">返回列表</button>
    </div>
</div>

<input type="hidden" id="do_action" value="{:url('Spike/'.request()->action())}">
<input type="hidden" id="do_jump" value="{:url('Spike/product')}">

{/block}