{layout name="manager/layout" /}
<style>
    .w-e-text-container {
        height: 600px !important; /*原div是行内样式设置的高度300px*/
    }

</style>
<div class="layuimini-container location-operate-page">
    <div class="layuimini-main">
        <div class="layui-form layuimini-form">

            <div class="layui-tab layui-tab-card form-tab-card">
                <ul class="layui-tab-title">
                    <li class="layui-this">基本信息</li>
                    <li>规格信息</li>
                    <li>课程详情</li>
                </ul>

                <div class="layui-tab-content pad-15">
                    <!--  基本信息  -->
                    <div class="layui-tab-item layui-show">
                        <!-- 分类 -->
                        <div class="layui-form-item layui-col-md6">
                            <label class="layui-form-label required">分类</label>
                            <div class="layui-input-block">
                                <div id="parent-category" data-list="{$categoryJson ?? ''}"></div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-row">
                            <div class="layui-inline layui-col-md6">
                                <label class="layui-form-label required">课程名称</label>
                                <div class="layui-input-block">
                                    <input type="text" name="item[name]" placeholder="请输入课程名称" class="layui-input"
                                           value="{$item.name ?? ''}"
                                           maxlength="250">
                                </div>
                            </div>
                            <div class="layui-inline layui-col-md6">
                                <label class="layui-form-label">课程副标</label>
                                <div class="layui-input-block">
                                    <input type="text" name="item[subtitle]" placeholder="请输入课程副标题" class="layui-input"
                                           value="{$item.subtitle ?? ''}" maxlength="1000">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-row">
                            <div class="layui-inline layui-col-md6">
                                <label class="layui-form-label">教练</label>
                                <div class="layui-input-block">
                                    <input type="text" name="item[teacher]" placeholder="请输入教练" class="layui-input"
                                           value="{$item.teacher ?? ''}" maxlength="255">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-hide">
                            <div class="layui-inline">
                                <label class="layui-form-label">限购周期</label>
                                <div class="layui-input-block">
                                    <input type="number" name="item[limit_time]" placeholder="30 表示30天内限购X件"
                                           class="layui-input"
                                           value="{$item.limit_time ?? 0}">
                                </div>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-form-label">限购数量</label>
                                <div class="layui-input-block">
                                    <input type="number" name="item[limit_num]" placeholder="请输入限购数量"
                                           class="layui-input"
                                           value="{$item.limit_num ?? 0}">
                                </div>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-input-block"> (周期单位天 0不限)</label>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline layui-hide">
                                <label class="layui-form-label">推荐至热门</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="item[is_hot]" class="layui-input" value="1"
                                           title="是" {if $item.is_hot== 1} checked {/if}>
                                    <input type="radio" name="item[is_hot]" class="layui-input" value="0"
                                           title="否" {if $item.is_hot== 0} checked {/if}>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-hide">
                            <div class="layui-inline">
                                <label class="layui-form-label">包邮</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="item[postage]" class="layui-input" value="0"
                                           title="是" {if $item.postage== 0} checked {/if}>
                                    <input type="radio" name="item[postage]" class="layui-input" value="1"
                                           title="否" {if $item.postage== 1} checked {/if}>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-hide">
                            <div class="layui-inline">
                                <label class="layui-form-label">首页推荐</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="item[is_home]" class="layui-input" value="1"
                                           title="是" {if $item.is_home== 1} checked {/if}>
                                    <input type="radio" name="item[is_home]" class="layui-input" value="0"
                                           title="否" {if $item.is_home== 0} checked {/if}>
                                </div>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-form-label">首页展示</label>
                                <div class="layui-input-block">
                                    <input type="radio" name="item[home_display]" class="layui-input" value="big"
                                           title="大图" {if $item.home_display== 'big'} checked {/if}>
                                    <input type="radio" name="item[home_display]" class="layui-input" value="normal"
                                           title="小图" {if $item.home_display== 'normal'} checked {/if}>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label required">课程状态</label>
                                <div class="layui-input-block">
                                    {foreach $statusList as $status => $name}
                                    <input type="radio" name="item[saleable]" class="layui-input" value="{$status}"
                                           title="{$name}" {if $status== $item['saleable']} checked {/if}>
                                    {/foreach}
                                </div>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-form-label required">发布时间</label>
                                <div class="layui-input-block">
                                    <input type="text" name="item[published_at]" class="layui-input"
                                           value="{$item.published_at ?? ''}" id="published-at">
                                </div>
                            </div>

                            <div class="layui-inline layui-hide">
                                <label class="layui-form-label">初始销量</label>
                                <div class="layui-input-block">
                                    <input type="text" name="item[init_amount]" placeholder="请输入课程初始销量"
                                           class="layui-input"
                                           value="{$item['init_amount'] ?? 0}">
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-row">
                            <label class="layui-form-label required">封面图</label>
                            <div class="layui-inline layui-col-xs12 layui-col-md8">
                                <div class="layui-row upload-file-div">
                                    <div class=" layui-col-xs12 layui-col-md8">
                                        <input class="layui-input upload-file-value" name="item[cover]" type="text"
                                               value="{$item.cover ?? ''}">
                                        <div class="layui-form-mid layui-word-aux">图片尺寸：700*400</div>
                                    </div>
                                    <div class="layui-col-xs12 layui-col-md3">
                                      <span>
                                          <button type="button" class="layui-btn layui-btn-danger upload-btn">
                                              <i class="fa fa-upload"></i> 上传
                                          </button>
                                      </span>
                                      <span>
                                          <button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                                  data-type="image" data-multiple="false"><i
                                                  class="fa fa-list"></i> 选择
                                          </button>
                                      </span>
                                    </div>
                                    <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-row">
                            <label class="layui-form-label required">轮播图</label>
                            <div class="layui-inline layui-col-xs12 layui-col-md8">
                                <div class="layui-row upload-file-div">
                                    <div class=" layui-col-xs12 layui-col-md8">
                                        <input class="layui-input upload-file-value" name="item[images]" type="text"
                                               value="{$item.images ?? ''}">
                                        <div class="layui-form-mid layui-word-aux">图片尺寸：750*400</div>
                                    </div>

                                    <div class="layui-col-xs12 layui-col-md3">
                                      <span>
                                          <button type="button" class="layui-btn layui-btn-danger upload-btn" data-multiple="true">
                                              <i class="fa fa-upload"></i> 上传
                                          </button>
                                      </span>
                                      <span>
                                          <button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                                  data-type="image" data-multiple="true"><i
                                                  class="fa fa-list"></i> 选择
                                          </button>
                                      </span>
                                    </div>
                                    <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                                </div>
                            </div>
                        </div>

                        <div class="layui-form-item layui-row">
                            <label class="layui-form-label required">视频上传</label>
                            <div class="layui-inline layui-col-xs12 layui-col-md8">
                                <div class="layui-row upload-file-div">
                                    <div class=" layui-col-xs12 layui-col-md8">
                                        <input class="layui-input upload-file-value" name="item[video]" type="text"
                                               value="{$item.video ?? ''}">
                                    </div>
                                    <div class="layui-col-xs12 layui-col-md3">
                                      <span>
                                          <button type="button" class="layui-btn layui-btn-danger upload-btn"
                                                  data-url="/manager/upload/video" data-field="video_video"
                                                  data-accept="video" data-mimetype="video/*" data-exts="mp4|ogv|webm">
                                              <i class="fa fa-upload"></i> 上传
                                          </button>
                                      </span>
                                      <span>
                                          <button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                                  data-type="video" data-multiple="false"><i class="fa fa-list"></i> 选择
                                          </button>
                                      </span>
                                    </div>
                                    <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--  规格参数  -->
                    <div class="layui-tab-item">
                        <!--课程规格选项 data-only 0为仅允许单规格 1位仅允许多规格 不填则两个允许 -->
                        <div id="fairy-is-attribute" data-only="0"></div>
                        <!--课程类型选择-->
                        <div id="fairy-product-type"></div>
                        <!--课程属性表-->
                        <!--            <div id="fairy-attribute-table"></div>-->
                        <!--课程规格表-->
                        <div id="fairy-spec-table"></div>
                        <!--课程库存表-->
                        <div id="fairy-sku-table" data-id="{$id}" data-type="{$item['spu_type_id'] ?? 0}"
                             data-multi="{$item['multi_spec']}"></div>
                    </div>

                    <!--  课程详情  -->
                    <div class="layui-tab-item">
                        <div class="layui-form-item field-div">
                            <label class="layui-form-label required">课程详情</label>
                            <div class="layui-input-block editor-text">
                                <textarea name="item[content]" class="layui-textarea tinymce-editor">{$item.content ?? ''}</textarea>
                            </div>
                        </div>

                    </div>

                </div>
            </div>

            <div class="pad-15">
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <input type="hidden" id="item-id" name="id" value="{$item.id ?? 0}">
                        <input type="hidden" id="is-score" value="{$isScore ?? 0}">
                        <button class="layui-btn layui-btn-normal" data-url="/manager/mall/course/edit" lay-submit
                                lay-filter="saveBtn">确认保存
                        </button>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script src="__MANAGER__/js/mall/course.js?v={:mt_rand()}"></script>
<script src="__MANAGER__/js/mall/sku.js?v={:mt_rand()}"></script>