@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="carInfoForm">

            <input id="id" value="${id}" hidden>
            <#avatar id="url" name="图片(推荐像素宽度316px)"/>

            <div class="input-group" style="margin-left: 342px;">
                <div class="input-group-btn">
                    <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
                        跳转模块
                    </button>
                </div>
                <select class="form-control" id="name" style="width: 400px;" onclick="updateType(this)">
                    <option value="" selected disabled>选择跳转模块</option>
                    <option value="不跳转">不跳转</option>
                    <option value="加入玩湃">加入玩湃</option>
                    <option value="开始课程">开始课程</option>
                    <option value="使用福利">使用福利</option>
                    <option value="探索玩湃">探索玩湃</option>
                </select>
            </div>

            <div class="input-group" style="margin-left: 342px;" id="t1" hidden >
                <div class="input-group-btn">
                    <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
                        跳转页面
                    </button>
                </div>
                <select class="form-control" id="page" style="width: 400px;" onchange="updateOne(this)">

                </select>
            </div>

            <div class="input-group" style="margin-left: 342px;" id="t2" >
                <div class="input-group-btn">
                    <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">
                        跳转类型
                    </button>
                </div>
                <select class="form-control" id="type" style="width: 400px;" >

                </select>
            </div>

            <div class="form-group" id="t3"  >
                <label class="col-sm-3 control-label">跳转ID：</label>
                <div class="col-sm-9">
                    <input class="form-control" id="turnId" name="turnId" type="text" style="width: 400px;">
                </div>
            </div>

            <div class="form-group" id="t4" >
                <label class="col-sm-3 control-label">排序：</label>
                <div class="col-sm-9">
                    <input class="form-control" id="sort" name="sort" type="text" style="width: 400px;">

                </div>
            </div>

        </div>

        <div class="row btn-group-m-t">
            <div class="col-sm-10 col-sm-offset-5">
                <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TCompetition.close()"/>
                <#button btnCss="info" name="保存" id="ensure" icon="fa-check" clickFun="TCompetition.addSubmit3()"/>
            </div>
        </div>


    </div>
    <script src="${ctxPath}/modular/system/tShop/tShopOtherTwo.js"></script>
    <script>
        laydate.render({
            elem: '#time',
            range:true
        });

        function updateType(e) {
            let name  =  $("#name").val()
            console.log(name
            )
            if(name =='不跳转'){
                $("#t1").hide()
                $("#t2").hide()
                $("#t3").hide()
            }else {
                $("#t1").show()
                $("#t2").show()
                $("#t3").show()

                var oneId=$(e).val();
                var ajax = new $ax(Feng.ctxPath + "/tShop/typeChange", function(data){
                    if(data!=null){
                        var content;
                        $.each(data, function(k,v) {
                            content += "<option value='"+v.id+"'>"+v.name+"</option>";
                        });
                        $("#page").empty().append(content);
                    }
                });
                ajax.set("name",oneId);
                ajax.start();
            }
        }


        function updateOne(e) {
            var oneId=$(e).val();
            var ajax = new $ax(Feng.ctxPath + "/tShop/typeChangeOne", function(data){
                if(data!=null){
                    var content1;
                    $.each(data, function(k,v) {
                        content1 += "<option value='"+v.id+"'>"+v.name+"</option>";
                    });
                    $("#type").empty().append(content1);
                }
            });
            ajax.set("id",oneId);
            ajax.start();
        }
    </script>
    @}