{template 'common/header'}
<div class="content">
    <div class="we7-page-title">样本管理</div>
    <ul class="we7-page-tab">
        <li {if empty($id)}class="active"{/if}><a href="{php echo $this->createWeburl('yb_manager', array('op' => 'edit'));}">添加样本</a></li>
        {if !empty($id)}
        <li class="active"><a href="{php echo $this->createWeburl('yb_manager', array('op' => 'edit','id'=>$id));}">编辑样本</a></li>
        {/if}
        <li><a href="{php echo $this->createWeburl('yb_manager');}">样本列表</a></li>
    </ul>
    <form action="" method="post" class="we7-form" role="form" id="form" style="">
        <input type="hidden" name="id" value="{$yb[id]}">
        <div class="form-group">
            <label class="col-sm-2 control-label">所属分类</label>
            <div class="form-controls col-sm-8">
                <select name="yb[category_id]" id="category_id" class="form-control">
                    <option value="0">请选择分类</option>
                    {loop $category $k $v}
                    <option value="{$v[id]}" {if $v[id]==$yb[category_id]}selected{/if}>{$v[cat_name]}</option>
                    {/loop}
                </select>
                <div class="help-block">请选择分类</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">样本名称</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="title" autocomplete="false" class="form-control" name="yb[title]" value="{$yb['title']}" placeholder="样本名称">
                <div class="help-block">请填写样本名称</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">样本封面</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('yb[thumb]', $yb[thumb]);}
                <div class="help-block">请上传样本封面</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">背景音乐</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_audio('yb[bgm]', $yb[bgm]);}
                <div class="help-block">请上传背景音乐</div>
            </div>
        </div>
        <div class="form-group" style="">
            <label class="col-sm-2 control-label">内容介绍</label>
            <div class="form-controls col-sm-8" style="">
                <textarea id="form-field-11" name="yb[introduce]" class="autosize-transition form-control" style="overflow: hidden; overflow-wrap: break-word; resize: horizontal; height: 100px;">{$yb[introduce]}</textarea>
            </div>
        </div>
		
		<div class="form-group">
            <label class="col-sm-2 control-label">阅读模式</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="mode-1" name="yb[mode]" value="1" {if $id==0 || $yb[mode]==1}checked=""{/if} onchange="changeMode(1)">
                <label class="radio-inline" for="mode-1">翻页模式</label>
                <input type="radio" name="yb[mode]" id="mode-0" value="2" {if $yb[mode]==2}checked=""{/if} onchange="changeMode(2)">
                <label class="radio-inline" for="mode-0">PDF模式</label>
            </div>
        </div>
		
		<div class="form-group book-mode" style="display: {if $yb[mode]==2}block{else}none{/if};">
            <label class="col-sm-2 control-label">PDF上传</label>
            <div class="form-controls col-sm-8">
                <div class="input-group">
                    <input type="text" class="form-control" id="pdf-input" name="yb[pdf]" readonly="readonly" value="{$yb[pdf]}" placeholder="上传pdf文件" autocomplete="off">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button" onclick="uploadPDF(this);">选择PDF</button>
                    </span>
                </div>
            </div>
		</div>
		<div class="form-group book-mode" style="display: {if $yb[mode]==2}block{else}none{/if};">
            <label class="col-sm-2 control-label">PDF页数</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="pdf_page" autocomplete="false" class="form-control" name="yb[pdf_page]" value="{$yb['pdf_page']}" placeholder="PDF页数">
                <div class="help-block">请填写PDF页数</div>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">是否开启授权</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_auth-1" name="yb[is_auth]" value="1" {if $id==0 || $yb[is_auth]==1}checked=""{/if}>
                <label class="radio-inline" for="is_auth-1">是</label>
                <input type="radio" name="yb[is_auth]" id="is_auth-0" value="0" {if $yb[is_auth]==0}checked=""{/if} >
                <label class="radio-inline" for="is_auth-0"> 否</label>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">是否获取手机号</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_mobile-1" name="yb[is_mobile]" value="1" {if $id==0 || $yb[is_mobile]==1}checked=""{/if}>
                <label class="radio-inline" for="is_mobile-1">是</label>
                <input type="radio" name="yb[is_mobile]" id="is_mobile-0" value="0" {if $yb[is_mobile]==0}checked=""{/if} >
                <label class="radio-inline" for="is_mobile-0"> 否</label>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">联系我们按钮</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="contact_is_show-1" name="yb[contact_is_show]" value="1" {if $yb[contact_is_show]==1 || empty($yb[contact_is_show])}checked=""{/if}>
                <label class="radio-inline" for="contact_is_show-1"> 显示</label>
                <input type="radio" name="yb[contact_is_show]" id="contact_is_show-0" value="2" {if $yb[contact_is_show]==2}checked=""{/if}>
                <label class="radio-inline" for="contact_is_show-0"> 隐藏</label>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">是否单独设置联系</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_type-1" name="yb[is_type]" value="0" {if $yb[is_type]==0}checked=""{/if} onchange="changeType(0)">
                <label class="radio-inline" for="is_type-1">否</label>
                <input type="radio" name="yb[is_type]" id="is_type-0" value="1" {if $yb[is_type]==1}checked=""{/if} onchange="changeType(1)">
                <label class="radio-inline" for="is_type-0"> 是</label>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">联系名称</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_company" autocomplete="false" class="form-control" name="yb[contact_company]" value="{$yb['contact_company']}" placeholder="联系名称">
                <div class="help-block">请填写联系名称</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">联系Email</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_email" autocomplete="false" class="form-control" name="yb[contact_email]" value="{$yb['contact_email']}" placeholder="Email">
                <div class="help-block">请填写联系Email</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">联系QQ</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_qq" autocomplete="false" class="form-control" name="yb[contact_qq]" value="{$yb['contact_qq']}" placeholder="QQ号">
                <div class="help-block">请填写QQ号</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">联系手机号</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_mobile" autocomplete="false" class="form-control" name="yb[contact_mobile]" value="{$yb['contact_mobile']}" placeholder="手机号">
                <div class="help-block">请填写手机号</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">自定义按钮名称(左)</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_left_name" autocomplete="false" class="form-control" name="yb[contact_left_name]" value="{$yb['contact_left_name']}" placeholder="联系我的按钮名称">
                <div class="help-block">请填写按钮名称</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">自定义按钮链接(左)</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_left_url" autocomplete="false" class="form-control" name="yb[contact_left_url]" value="{$yb['contact_left_url']}" placeholder="联系我的按钮链接">
                <div class="help-block">请填写按钮链接</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">自定义按钮名称(右)</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_right_name" autocomplete="false" class="form-control" name="yb[contact_right_name]" value="{$yb['contact_right_name']}" placeholder="联系我的按钮名称">
                <div class="help-block">请填写按钮名称</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">自定义按钮名称(右)</label>
            <div class="form-controls col-sm-8">
                <input type="text" id="contact_right_url" autocomplete="false" class="form-control" name="yb[contact_right_url]" value="{$yb['contact_right_url']}" placeholder="联系我的按钮链接">
                <div class="help-block">请填写按钮链接</div>
            </div>
        </div>
        <div class="form-group is_contact_type" style="display: {if $yb[is_type]==1}block{else}none{/if};">
            <label class="col-sm-2 control-label">二维码</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('yb[contact_qrcode]', $yb[contact_qrcode]);}
                <div class="help-block">请上传二维码，该二维码用于联系我们中</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">是否公开</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_open-1" name="yb[open]" value="0" {if $yb[open]==0}checked=""{/if} onchange="changeOpen(0)">
                <label class="radio-inline" for="is_open-1">公开</label>
                <input type="radio" name="yb[open]" id="is_open-0" value="1" {if $yb[open]==1}checked=""{/if} onchange="changeOpen(1)">
                <label class="radio-inline" for="is_open-0"> 密码</label>
                <input type="radio" name="yb[open]" id="is_open-2" value="2" {if $yb[open]==2}checked=""{/if} onchange="changeOpen(2)">
                <label class="radio-inline" for="is_open-2"> 问题</label>
            </div>
        </div>
        <script>
            function changeOpen(index) {
                $("#password").hide();
                $("#question").hide();
                $("#anwser").hide();
                if (index == 1) {
                    $("#password").show();
                }else if (index == 2){
                    $("#question").show();
                    $("#anwser").show();
                }
            }

            function changeType(index) {
                $('.is_contact_type').hide()
                if (index==1) {
                    $('.is_contact_type').show()
                }
            }
			
			function changeMode(index){
				$(".book-mode").hide();
				if(index == 2){
					$(".book-mode").show();
				}
			}
			function uploadPDF(obj) {
				$("#pdf").click();
                $("#pdf").on("change", function () {
					var pdfFileURL = $(this).val();
					if (pdfFileURL) {
						//判断是否是pdf
						var files = $(this).prop('files'); //获取到文件
						var fileType = files[0].type;
						if (fileType != 'application/pdf') {
							util.message('请上传pdf文件.');
							return;
						}
						$.ajax({
							url: "{php echo $this->createWebUrl('yb_upload2')}&name=file",
							type: 'post',
							data: new FormData($('#pdf-form')[0]),
							dataType: 'json',
							async: false,
							cache: false,
							contentType: false,
							processData: false,
							success(res) {
								console.log(res)
								if (res.code == 0) {
									$("#pdf-input").val(res.path )
								}
							}
						})
					}
				});
			}
        </script>
        <div class="form-group" style="display: {if $yb[open]==1}block{else}none{/if};" id="password">
            <label class="col-sm-2 control-label">密码</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="yb[password]" value="{$yb[password]}" placeholder="请输入访问密码">
                <div class="help-block">请输入访问密码。</div>
            </div>
        </div>
        <div class="form-group" style="display: {if $yb[open]==2}block{else}none{/if};" id="question">
            <label class="col-sm-2 control-label">问题</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="yb[question]" value="{$yb[question]}" placeholder="请输入问题">
                <div class="help-block">请输入问题。</div>
            </div>
        </div>
        <div class="form-group" style="display: {if $yb[open]==2}block{else}none{/if};" id="anwser">
            <label class="col-sm-2 control-label">答案</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="yb[answer]" value="{$yb[answer]}" placeholder="请输入回答">
                <div class="help-block">请输入答案。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">阅读次数</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="yb[hits]" value="{php echo $yb[hits]?$yb[hits]:0}" placeholder="阅读次数">
                <div class="help-block">默认为0。您可以设置一个初始值,阅读次数会在该初始值上增加。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">是否自动播放</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="autoplay-1" name="yb[autoplay]" value="0" {if $yb[autoplay]==0}checked=""{/if} >
                <label class="radio-inline" for="autoplay-1">否</label>
                <input type="radio" name="yb[autoplay]" id="autoplay-0" value="1" {if $yb[autoplay]==1}checked=""{/if}>
                <label class="radio-inline" for="autoplay-0"> 是</label>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">自动播放间隔</label>
            <div class="form-controls col-sm-8">
                <input type="number" min="1" class="form-control" name="yb[loop]" value="{php echo $yb[loop]?$yb[loop]:3}" placeholder="自动播放时间">
                <div class="help-block">默认为3秒。自动播放时间间隔。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">背景图片</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('yb[bgimg]', $yb[bgimg]);}
                <div class="help-block">请上传背景图片</div>
            </div>
        </div>
		<div class="form-group">
            <label class="col-sm-2 control-label">背景颜色</label>
            <div class="form-controls col-sm-8">
                <input type="text" class="form-control" name="yb[bgcolor]" value="{$yb[bgcolor]}" placeholder="背景颜色">
                <div class="help-block">默认为白色。填写示例：#ffffff。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">home图标</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_close_home-1" name="yb[is_close_home]" value="1" {if $id==0 || $yb[is_close_home]==1}checked{/if}>
                <label class="radio-inline" for="is_close_home-1">显示</label>
                <input type="radio" name="yb[is_close_home]" id="is_close_home-0" value="2" {if intval($yb[is_close_home])===2}checked=""{/if}>
                <label class="radio-inline" for="is_close_home-0">隐藏</label>
                <div class="help-block">请选择home图标状态</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">是否显示广告</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_ad-1" name="yb[is_show_ad]" value="1" {if $yb[is_show_ad]==1}checked{/if}>
                <label class="radio-inline" for="is_ad-1">显示</label>
                <input type="radio" name="yb[is_show_ad]" id="is_ad-0" value="0"  {if intval($yb[is_show_ad])===0 || $id == 0}checked=""{/if} >
                <label class="radio-inline" for="is_ad-0"> 不显示</label>
            </div>
        </div>
        <div class="form-group ad-box">
            <label class="col-sm-2 control-label">广告类型</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="ad-type-1" name="yb[ad_type]" onclick="showAdType(1)" value="1" {if $yb[ad_type]==1 || $id == 0}checked{/if}>
                <label class="radio-inline" for="ad-type-1">图片广告</label>
                {if $type == 4}
                <input type="radio" name="yb[ad_type]" id="ad-type-0" value="0" onclick="showAdType(2)" {if intval($yb[ad_type])===0 && $id > 0}checked=""{/if}>
                <label class="radio-inline" for="ad-type-0">流量主banner广告</label>
                {/if}
            </div>
        </div>
        <div class="form-group ad-box ad-type-1" style="display: {if $yb[ad_type]==1 || $id==0}block{else}none{/if};">
            <label class="col-sm-2 control-label">广告图片</label>
            <div class="form-controls col-sm-8">
                {php echo tpl_form_field_image('yb[ad_content_img]', $yb[ad_content_img]);}
                <div class="help-block">请上传广告图片</div>
            </div>
        </div>
        <div class="form-group ad-box ad-type-2" style="display: {if $yb[ad_type]==0 && $id > 0}block{else}none{/if};">
            <label class="col-sm-2 control-label">流量主ID</label>
            <div class="form-controls col-sm-8">
                <input type="text"  class="form-control" name="yb[ad_content]" value="{$yb[ad_content]}" placeholder="请输入流量主ID">
                <div class="help-block">请输入流量主ID。</div>
            </div>
        </div>
        <div class="form-group ad-box">
            <label class="col-sm-2 control-label">广告播放时间</label>
            <div class="form-controls col-sm-8">
                <input type="number" min="1" class="form-control" name="yb[ad_play_time]" value="{php echo $yb[ad_play_time]?$yb[ad_play_time]:3}" placeholder="播放时间">
                <div class="help-block">默认为3秒。播放时间。</div>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">排序</label>
            <div class="form-controls col-sm-8">
                <input type="number" class="form-control" name="yb[sort]" value="{php echo $yb[sort]?$yb[sort]:0}" placeholder="排序">
                <div class="help-block">数字越大，越靠后。</div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">是否显示</label>
            <div class="form-controls col-sm-8">
                <input type="radio" id="is_display-1" name="yb[is_display]" value="1" {if $id==0 || $yb[is_display]==1}checked{/if}>
                <label class="radio-inline" for="is_display-1">显示</label>
                <input type="radio" name="yb[is_display]" id="is_display-0" value="0" {if intval($yb[is_display])===0 && $id > 0}checked=""{/if}>
                <label class="radio-inline" for="is_display-0"> 不显示</label>
            </div>
        </div>
        <div class="col-sm-offset-2">
            <input type="submit" class="btn btn-primary" name="submit" value="提交">
            <input type="hidden" name="token" value="{$_W['token']}">
        </div>
    </form>
</div>
<form id="pdf-form" enctype="multipart/form-data" style="display:none;">
	<input  id='pdf' type='file' name="file" accept="application/pdf">
</form>

<script>
    function showAd() {
        $(".ad-box").toggle();
    }
    function showAdType(index){
        $(".ad-type-1").hide();
        $(".ad-type-2").hide();
        $(".ad-type-"+index).show();
    }
    require(['jquery', 'util'], function ($, util) {
        $(function () {
            $('#form').submit(function () {
                if($('input[name="yb[title]"]').val() == ''){
                    util.message('请输入样本名称.');
                    return false;
                }
                if($('input[name="yb[thumb]"]').val() == ''){
                    util.message('请上传样本封面.');
                    return false;
                }
                var open = parseInt($('input[name="yb[open]"]:checked').val());
                if(open == 1){
                    if ($('input[name="yb[password]"]').val() == '') {
                        util.message('请输入访问密码.');
                        return false;
                    }
                }
                if (open == 2) {
                    if ($('input[name="yb[question]"]').val() == ''){
                        util.message('请输入问题.');
                        return false;
                    }

                    if ($('input[name="yb[answer]"]').val() == ''){
                        util.message('请输入答案.');
                        return false;
                    }

                }
                return true;
            });
        });
    });
</script>

{template 'common/footer'}