{extend name='admin@main'}

{block name="content"}

<form onsubmit="return false;" id="GoodsForm" data-auto="true" method="post" class='layui-form layui-card' autocomplete="off">

    <div class="layui-card-body think-box-shadow padding-left-40">

        <div class="layui-form-item">
            <span class="color-green label-required-prev">藏品图片</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <td width="90px" class="text-left"><input name="cover" lay-verify="required" type="hidden" value="{$vo.covers|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script>$('[name="cover"]').uploadOneImage(), $('[name="covers"]').uploadMultipleImage()</script>
        </div>


        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品名称</span>
                <input name="name" required class="layui-input" placeholder="请输入藏品名称" value="{$vo.name|default=''}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品标签</span>
                <input name="label" required class="layui-input" placeholder="请输入藏品标签" value="{$vo.label|default=''}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品库存</span>
                <input name="inventory" required type="number" class="layui-input" placeholder="请输入库存" value="{$vo.inventory|default='1'}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">藏品价格</span>
                <input name="price" required type="number" step="1" class="layui-input" placeholder="请输入价格" value="{$vo.price|default='0'}">
            </label>
        </div>
        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">开始时间</span>
                <input name="sell_time" required id="sell_time" readonly value='{$vo.sell_time|default=""}' placeholder="" class="layui-input">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">结束时间</span>
                <input name="end_time" required id="end_time" readonly value='{$vo.end_time|default=""}' placeholder="" class="layui-input">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">转赠时间(第一次转赠限制时间[小时],0为不限制)</span>
                <input name="one_given_day" required type="number" class="layui-input" placeholder="转赠时间(第一次转赠限制时间[小时],0为不限制)" value="{$vo.one_given_day|default='0'}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">转赠时间(后续转赠限制限制时间[小时],0为不限制)</span>
                <input name="other_given_day" required type="number" step="1" class="layui-input" placeholder="转赠时间(后续转赠限制限制时间[小时],0为不限制)" value="{$vo.other_given_day|default='0'}">
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">作者姓名</span>
                <input name="auth_name" required class="layui-input" placeholder="请输入作者姓名" value="{$vo.auth_name|default=''}">
            </label>

        </div>

        <div class="layui-form-item">
            <span class="color-green label-required-prev">作者头像</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <td width="90px" class="text-left"><input name="auth_img" type="hidden" value="{$vo.auth_imgs|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script>$('[name="auth_img"]').uploadOneImage(), $('[name="auth_imgs"]').uploadMultipleImage()</script>
        </div>

        <div class="layui-form-item layui-row layui-col-space15">
            <label class="layui-col-xs3 relative">
                <span class="color-green">作品介绍</span>
                <textarea placeholder="请输入作品介绍" required class="layui-textarea" name="intro">{$vo.intro|default=""}</textarea>
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">权益说明</span>
                <textarea placeholder="请输入权益说明" required class="layui-textarea" name="instructions">{$vo.instructions|default=""}</textarea>
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">购买须知</span>
                <textarea placeholder="请输入购买须知" required class="layui-textarea" name="buy_notice">{$vo.buy_notice|default=""}</textarea>
            </label>
            <label class="layui-col-xs3 relative">
                <span class="color-green">温馨提示</span>
                <textarea placeholder="请输入温馨提示" required class="layui-textarea" name="warm_prompt">{$vo.warm_prompt|default=""}</textarea>
            </label>
        </div>


        <div class="layui-form-item">
            <span class="color-green label-required-prev">商品描述(多张图片)</span>
            <table class="layui-table">
                <thead>
                <tr>
                    <!--<td width="90px" class="text-center"><input name="logo" type="hidden" value="{$vo.logo|default=''}"></td>-->
                    <td width="auto" class="text-left"><input name="describe" type="hidden" value="{$vo.describes|default=''}"></td>
                </tr>
                </thead>
            </table>
            <script>$('[name="logo"]').uploadOneImage(), $('[name="describe"]').uploadMultipleImage()</script>
        </div>

<!--        <div class="layui-form-item">-->
<!--            <span class="color-green label-required-prev">分享二维码</span>-->
<!--            <table class="layui-table">-->
<!--                <thead>-->
<!--                <tr>-->
<!--                    <td width="90px" class="text-left"><input name="share_img" type="hidden" value="{$vo.share_imgs|default=''}"></td>-->
<!--                </tr>-->
<!--                </thead>-->
<!--            </table>-->
<!--            <script>$('[name="share_img"]').uploadOneImage(), $('[name="share_imgs"]').uploadMultipleImage()</script>-->
<!--        </div>-->

        <div class="layui-form-item text-center">
            {notempty name='vo.id'}<input type="hidden" name="id" value="{$vo.id}">{/notempty}
            <button class="layui-btn layui-btn-danger" onclick="history.go(-1);" type="button">取消编辑</button>
            <button class="layui-btn" type="submit">保存</button>
        </div>

    </div>
</form>
{/block}

{block name='script'}
<script>
    layui.form.render();
    layui.use(['form', 'layedit', 'laydate'], function(){

        var form = layui.form
            ,layer = layui.layer
            ,layedit = layui.layedit
            ,laydate = layui.laydate;

        laydate.render({
            elem: '#sell_time'
            ,type: 'datetime'
            ,min:new Date().toLocaleString()
        });
        laydate.render({
            elem: '#end_time'
            ,type: 'datetime'
            ,min:new Date().toLocaleString()
        });
        form.render();
        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });

        form.on('select(province)', function (data) {
            var val = data.value;
            // console.log(val)
            $.ajax({
                type:"get",
                url:"{:url('member/get_city')}",  //数据传输的控制器方法
                data: {id:val},//这里data传递过去的是序列化以后的字符串
                success:function(data){
                   // console.log(data)
                    var arr = data.data;
                    //console.log(arr)
                    if (arr.length>0){
                        //$("#tow").attr("style","display:block;");//显示div
                        var options='<option value="">请选择市</option>';
                        for (var i = 0; i < arr.length; i++) {
                            var tag = arr[i];
                            options+=' <option value="'+tag.id+'">'+tag.name+'</option>';
                        }
                        $("select[name='city']").html(options)
                        form.render('select');
                    }else {
                        var options='<option value="">请选择市</option>';
                        $("select[name='city']").html(options)
                        form.render('select');
                    }
                }
            });
        });

        form.on('select(city)', function (data) {
            var val = data.value;
            // console.log(val)
            $.ajax({
                type:"get",
                url:"{:url('member/get_area')}",  //数据传输的控制器方法
                data: {id:val},//这里data传递过去的是序列化以后的字符串
                success:function(data){
                    //console.log(data)
                    var arr = data.data;
                   // console.log(arr)
                    if (arr.length>0){
                        var options='<option value="">请选择区</option>';
                        for (var i = 0; i < arr.length; i++) {
                            var tag = arr[i];
                            options+=' <option value="'+tag.id+'">'+tag.name+'</option>';
                        }
                        $("select[name='area']").html(options)
                        form.render('select');
                    }else {
                        var options='<option value="">请选择区</option>';
                        $("select[name='area']").html(options)
                        form.render('select');
                    }
                }
            });
        });



    });
</script>
{/block}