{layout name="layout2" /}
<style>
    .layui-form {padding: 20px 30px;background-color: #ffffff;}
    .layui-form-item .layui-form-label { width: 95px; }
    .layui-form-item .layui-input-inline { width: 240px; }
    .layui-form-item .map-container{ width: 600px; height: 400px; margin-left: 100px; margin-top: 20px; }
    #video-block {position: relative; width: 700px;height: 300px}
    .del-video-btn {
        visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 100;
        top: -11px;
        right: -9px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        font-size: 14px;
        color: #FFFFFF;
        border-radius: 50%;
        background: hsla(0, 0%, 60%, .6)
    }
    .select-goods {margin-left: 10px}
</style>

<div class="layui-card layui-form">
    <input type="hidden" value="{$detail.id}" name="id">
    <div class="layui-card-body">
        <div class="layui-form-item">
            <label class="layui-form-label">商品：</label>
            <div class="layui-input-inline" style="display: flex">
                <div id="shop_name">{$detail.goods['name']}</div>
                <input type="hidden" id="goods_id" name="goods_id" value="{$detail.goods_id}">
                <a class="layui-btn layui-btn-normal select-goods">选择商品</a>
            </div>
        </div>

        <div class="layui-form-item">
            <label for="sort" class="layui-form-label">排序：</label>
            <div class="layui-input-inline">
                <input type="text" name="sort" id="sort" autocomplete="off" class="layui-input" value="{$detail.sort}">
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-hide">
        <input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认">
    </div>
</div>

<script src="__PUBLIC__/static/common/js/area.js"></script>
<script>
    layui.config({
        base: "/static/lib/"
    }).extend({
        likeedit: "likeedit/likeedit",
        likeArea: "likeArea/likeArea",
        txMap: "likeMap/txMap"
    }).use(["form", "laydate", "likeArea", "txMap", 'likeedit', 'upload', 'element'], function(){
        var $ = layui.$;
        var form = layui.form;

        // 选择商品
        $(document).on('click','.select-goods',function () {
            layer.open({
                type: 2
                ,title: '选择商品'
                ,content: '{:url("newGoods/goods")}'
                ,area: ['90%', '90%']
                ,btn: ['确认', '取消']
                ,yes: function(index, layero){
                    var data = window["layui-layer-iframe" + index].callbackdata();
                    $('#shop_name').html(data[0].name)
                    $('#goods_id').val(data[0].id)
                }
            })
        })
    })
</script>