{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/pageJumpSave',array('m'=>$_GPC['m'],'op'=>'pageJumpSave','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">
                    {php echo tpl_form_field_image('pic', $data['pic']);}
                    <span style="color:#9A999B;">尺寸: n * n像素</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(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(2);" value="2" {if $data['type'] == 2}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" style="margin: 10px 0 0;" {if $data['type'] == 3} 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 $item}
                            <option value="{$item['path']}" {if $data['value'] == $item['path']}selected{/if}>{$item['name']}</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="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">
                    <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(){

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

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

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

        if(value == 3){
            $('.appid').show();
        }
        if(value == 1){
          $('.value').hide();
          $('.path').show();
        }
    }

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