{php echo template('common/header-base', TEMPLATE_FETCH);}
<link rel="stylesheet" href="/addons/sell_dream2/static/layui/css/layui.css" media="all">
<link rel="stylesheet" type="text/css" href="/addons/sell_dream2/static/css/style.css">
<div class="sell_dream2_container">
    <div class="sell_dream2_main">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend style="width: auto;border-bottom: none;">新增视频</legend>
        </fieldset>
        <form id="myForm" class="form-horizontal" method="POST" οnsubmit="return mySubmit(true)">
            <div style="margin-top: 20px;"></div>
            <input type="hidden" name="tablename" value="SellDream2Video">
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">视频标题</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="video_title" placeholder="请填写视频标题" required="true">
                </div>
            </div>
            <div class="form-group" id="jump">
                <label for="column" class="col-xs-2 control-label">选择所属资源</label>
                <div class="col-xs-9">
                    <input type="hidden" class="form-control" id="resource_id" name="resource_id" placeholder="" required="true">
                    <button type="button" class="btn btn-danger" id="resource_title" style="display: none;">尚未选择</button>
                    <button type="button" class="btn btn-info select_resource_id">点击选择资源</button>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">视频类型</label>
                <div class="col-xs-9">
                    <label class="radio-inline">
                        <input type="radio" name="video_type" id="video_type1" value="1" checked> 普通视频
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="video_type" id="video_type2" value="2"> 腾讯视频
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label" id="video_url_label">视频链接</label>
                <div class="col-xs-9">
                    <input id="video_url_input" type="input" class="form-control" value="" name="video_url" placeholder="请填写视频链接" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">视频时长</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="" name="video_length" placeholder="请填写视频时长，例如：05:30" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">是否免费（试看课程）</label>
                <div class="col-xs-9">
                    <label class="radio-inline">
                        <input type="radio" name="is_free" id="is_free1" value="0" checked> 否
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="is_free" id="is_free2" value="1"> 是
                    </label>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">试看时长</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" id="video_free_time" value="10" name="video_free_time" placeholder="试看时长，填写秒数，填写0则代表可以完整试看该视频">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">视频排序</label>
                <div class="col-xs-9">
                    <input type="input" class="form-control" value="999" name="sort" placeholder="请填写数字，数字越小越靠前" required="true">
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">封面</label>
                <div class="col-xs-9">
                    {php echo tpl_form_field_image("video_img");}
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label">视频简介</label>
                <div class="col-xs-9">
                    <textarea class="form-control" rows="5" name="video_intro" required="true"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label for="column" class="col-xs-2 control-label"></label>
                <div class="col-xs-9">
                    <button type="submit" class="btn btn-lg btn-primary">提交</button>
                    <a href="javascript:window.history.back();" class="btn btn-lg btn-danger">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>
{php includeWe7Copyright();}
<script src="/addons/sell_dream2/static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">
    $('input[type=radio][name=video_type]').change(function() {
        if (this.value == 2) {
            $("#video_url_label").text("腾讯视频vid");
            $("#video_url_input").attr("placeholder","请填写腾讯视频vid");
        }
        else {
            $("#video_url_label").text("视频链接");
            $("#video_url_input").attr("placeholder","请填写视频链接");
        }
    });
    var uniacid = {$_W['uniacid']};
    layui.use(["layer"], function() {
        $("#myForm").submit(function(){
            if($("#resource_id").val()!=""){
                return mySubmit(true);
            }else{
                layer.msg("请选择所属资源",{icon:5});
                return mySubmit(false);
            }
        });
        $(".select_resource_id").click(function() {
        layer.open({
            type: 2,
            area: ['80%', '80%'],
            title: ['<i class="layui-icon layui-icon-about"></i>&nbsp;选择资源', 'background-color:#1E9FFF;'],
            content: '/web/index.php?c=site&a=entry&m=sell_dream2&do=web.Video.selectId&unicaid='+uniacid,
            btn: ['<i class="layui-icon layui-icon-ok"></i>&nbsp;确定', '<i class="layui-icon layui-icon-close"></i>&nbsp;关闭'],
            yes: function(index, layero) {
                var iframe = layero.find('iframe')[0];
                var select_id = $(iframe).contents().find("#select_id").val();
                var select_title = $(iframe).contents().find("#select_title").val();
                if (select_id=="") {
                    layer.msg("您尚未选择资源",{icon:5});
                }else{
                    $("#resource_id").val(select_id);
                    $("#resource_title").text(select_title);
                    $("#resource_title").css("display","inline-block");
                    layer.close(index);
                }
                
            },
            btn2: function(index) {
                layer.close(index);
            }
        });
    });
    });
    function mySubmit(flag){
        return flag;
    }

    
</script>