{template 'common/header'}
<link rel="stylesheet" type="text/css" href="/addons/{$_GPC['m']}/resource/css/style.css"/>
<div class="panel panel-default">
    {if $id > 0}<div class="panel-heading">编辑推荐设置</div>{else}<div class="panel-heading">添加推荐设置</div>{/if}
    
    <div class="panel-body">
        <form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/RecSetSave',array('m'=>$_GPC['m'],'op'=>'RecSetSave','version_id'=>$_GPC['version_id'])}" name="submit" style="padding: 20px 0;">
            <div class="form-group">
                <label class="col-sm-2 control-label">设置标题</label>
                <div class="col-sm-8">
                    <input type="text" class="form-control"  name="title" value="{$data['title']}">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">介绍</label>
                <div class="col-sm-8">
                    <textarea name="introduce" id="introduce"  class="form-control" cols="30" rows="5" placeholder="介绍内容不超过200字" onkeyup="checkLength(this);" maxlength="200">{$data['introduce']}</textarea>
                    <span style="color:#9A999B;">限制字数为：200 剩余字数：</span><span id="sy" style="color:Red;">200</span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">使用人数</label>
                <div class="col-sm-8">
                    <input type="text" class="form-control"  name="wan" value="{$data['wan']}">
                    <span style="color:#9A999B;">单位为万人</span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">排序序号</label>
                <div class="col-sm-8">
                    <input type="text" class="form-control"  name="sort" value="{$data['sort']}">
                    <span style="color:#9A999B;">填入数字, 越大越排前</span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">图片</label>
                <div class="col-sm-8">
                    {php echo tpl_form_field_image('pic', $data['pic']);}
                    <span style="color:#9A999B;">尺寸: 320 * 150像素</span>
                </div>
            </div>
            <div class="form-group">
                 <label class="col-sm-2 control-label">点击动作</label>
                 <!-- <div class="form-check" style="display: inline-block;">
                   <label class="form-check-label" style="margin-left: 20px;">
                     <input class="form-check-input" type="radio" name="type" id="exampleRadios" onclick="check(6);" value="6" {if $item['type'] == 6}checked{/if} style="margin: 10px 0 0;"> 跳转其他页面
                   </label>
                 </div> -->
                 <div class="form-check" style="display: inline-block;">
                   <label class="form-check-label"  style="margin-left: 20px;">
                     <input class="form-check-input" type="radio" name="type" id="exampleRadios" onclick="check(5);" value="5" {if $data['type'] == 5}checked{/if} style="margin: 10px 0 0;"> 播放视频 </label>
                 </div>
                  <div class="form-check" style="display: inline-block;">
                   <label class="form-check-label"  style="margin-left: 20px;">
                     <input class="form-check-input" type="radio" name="type" id="exampleRadios" onclick="check(1);" value="1" {if $data['type'] == 1}checked{/if} style="margin: 10px 0 0;"> 跳转网页  </label>
                 </div>
                  <div class="form-check" style="display: inline-block;">
                   <label class="form-check-label"  style="margin-left: 20px;">
                     <input class="form-check-input" type="radio" name="type" id="exampleRadios" onclick="check(3);" value="3" {if $data['type'] == 3}checked{/if} style="margin: 10px 0 0;"> 拨打电话  </label>
                 </div>
                  <div class="form-check" style="display: inline-block;">
                   <label class="form-check-label"  style="margin-left: 20px;">
                     <input class="form-check-input" type="radio" name="type" id="exampleRadios" onclick="check(2);" value="2" style="margin: 10px 0 0;" {if $data['type'] == 2} checked {elseif !isset($data['type']) } checked {/if} > 跳转小程序  </label>
                 </div>
                 <div class="form-check" style="display: inline-block;">
                   <label class="form-check-label"  style="margin-left: 20px;">
                     <input class="form-check-input" type="radio" name="type" id="exampleRadios" onclick="check(7);" value="7" style="margin: 10px 0 0;" {if $data['type'] == 7} checked {elseif !isset($data['type']) } checked {/if} > 显示二维码  </label>
                 </div>
             </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">路径/链接/电话</label>
                <div class="col-sm-8 path_value">
                    <input type="text" class="form-control value"  name="value" value="{$data['value']}">
                    <div class="input-group path" style="display: none;">
                        <select name="path">
                            <option value="">请选择路径&nbsp;&nbsp;&nbsp;&nbsp;</option>
                            {loop $pageData $index $path}
                            <option value="{$path}" {if $data['value'] == $path}selected{/if}>{$path}</option>
                            {/loop}
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-group appid" style="display: none;">
                <label class="col-sm-2 control-label">小程序appid</label>
                <div class="col-sm-8">
                    <input type="text" class="form-control"  name="appid" value="{$data['appid']}">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">状态</label>
                <div class="col-sm-8">
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="{$data['status']}" data-field="status">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="hidden" name="id" value="{$data['id']}" />
                    <input type="submit" name="submit" class="btn btn-default">
                    <a class="btn btn-default" href="javascript:history.back(-1)">返回</a>
                </div>
            </div>
        </form>
    </div>
   {template 'common/footer_hj'}
</div>
<script type="text/javascript" charset="utf-8">
    
    if ($("#status").attr("data-value") == "1") {
        $('#status').attr("checked", "checked");
    }else {
        $('#status').attr("checked", false)
    }

    function checkLength(which) {
        var maxChars = 200; 
        if (which.value.length > maxChars)
        {
            alert("您出入的字数超多限制!");
            which.value = which.value.substring(0,maxChars);
            return false;
        } else{
            var curr = maxChars - which.value.length;
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    }

    $(function(){

        var box = $("input[name='type']");
        for(var i = 0; i< box.length;i++){
            if(box[i].value == 2 && box[i].checked == true){
                $('.appid').show();
            }
        }

        var val = $("input[name='type']:checked").val();
        if(val == 6){
          $('.value').hide();
          $('.path').show();
        }
    })

    function check(value){
        $('.appid').hide();
        $('.path').hide();
        $('.value').show();

        if(value == 2){
            $('.appid').show();
        }
        if(value == 6){
          $('.value').hide();
          $('.path').show();
        }
    }

</script>
{template 'common/footer'}