{layout name="layout" /}
<style>
    a, a:hover {
        color: #fff;
        text-decoration: none;
    }

    .set_con {
        width: 100%;
        height: auto;
        float: left;
        background-color: #fff;
        min-width: 1130px;
        overflow: auto;
        box-sizing: border-box;
        padding-left: 50px;
    }

    .layui-form-item {
        /* margin-bottom: 15px; */
        clear: both;
        width: 1130px;
        margin: 10px 0;
        float: left;
    }

    .layui-input, .layui-textarea {
        width: 190px;
    }

    #if_con {
        overflow: auto;
        background: #fff;
    }

    .height150 {
        height: 150px;
    }

    .layui-form-label {
        width: 100px;
        margin-top: 10px;
    }

    .display {
        display: none
    }
    .layui-input{
        display: inline-block;
    }
    .answer{
        margin-top: 20px;
        margin-left: -85px;
    }
    .sort{
        margin-left: 44px;
        margin-top: 0px;
    }
    .layui-elem-field{
        border:0px;
        height: 203px;
        background-color: #f7f7f7;
    }
</style>
<div class="if_wrap">
    <div id="if_con">
        <div class="cus-con">
            <div class="set-top">
                <div class="layui-btn "><a href="/vip/Evaluationquestionnaire/index">评价问卷</a></div>
               
            </div>
            <hr>
            <div class="hint"><small>操作提示</small></div>
            <div class="layui-form-mid layui-word-aux"><span class="layui-badge-dot layui-bg-red"></span>   题目最多10个,答案最多4个,最少2个；</div>
            <hr>
            <button type="reset" class="ass_topic_php layui-btn layui-btn-warm layui-btn-sm"><i class="layui-icon"></i>增加题目</button>
            <form action="{:url('vip/Evaluationquestionnaire/add');}" method="post" id="myform">
                <?php for($i=0;$i<$titleUpperLimit;$i++){  $j +=1;?>
                <div class="layui-form-item layui-elem-field" {gt name="i" value="0" }style="display:none;" {/gt} />
                <label class="layui-form-label">题目<?php echo $j;?></label>
                <div class="layui-input-block">
                    <input type="text" name="title_<?php echo $j;?>" class="layui-input" style="width: 450px;margin-top: 15px;" lay-verify="required|title"  placeholder="请输入题目" autocomplete="off" value="">
                </div>
                <label class="layui-form-label answer">答案</label>
                <div class="layui-input-block answer">
                    <?php for($kk=0;$kk<$answerUpperLimit;$kk++){ ?>
                    <input type="text" name="answer_<?php echo $j;?>[]" class="layui-input" placeholder="请输入答案" value="">
                    <?php } ?>
                </div>
                <br/>
                <label class="layui-form-label sort">排序</label>
                <div class="layui-input-block sort">
                    <input type="text" name="sort_<?php echo $j;?>" class="layui-input" lay-verify="required|title"
                           placeholder="数字越大越靠前" autocomplete="off"
                           value="<?php echo $data['titleList'][$i]['sort']?>">
                </div>
                <button type="reset" class="ass2_topic_php layui-btn layui-btn-danger"><i class="layui-icon"></i>删除题目</button>
            </div>
            <?php }?>

        <div class="layui-form-item height150">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
                <button type="reset" onclick="javascript :history.back(-1)" class="layui-btn layui-btn-primary back">返回</button>
            </div>
        </div>
        <input type="hidden" name="type_id" value="{$type_id}"/>
        </form>
    </div>
</div></div>
<script>
    $('.ass_topic_php').on('click', function () {
        $('.layui-form-item').each(function(i){
            console.log($('.layui-form-item').eq(i).css('display'));
            if($('.layui-form-item').eq(i).css('display') == "none"){
                $('.layui-form-item').eq(i).show();
                return false;
            }
        });
        return false;
    });

    $('.ass2_topic_php').on('click', function () {
        $(this).parent('.layui-form-item').find('.layui-input').val("");
        $(this).parent('.layui-form-item').css('display','none');
        return false;
    });


    layui.use('form', function () {
        var form = layui.form;
        //监听提交
        form.on('submit(*)', function (data) {
            var formid = document.getElementById("myform");
            var sformData = new FormData(formid);
            $.ajax({
                type: 'post',
                data: sformData,
                processData: false,  // 不处理数据
                contentType: false,
                success: function (s) {
                    if (s.code == 200) {
                        layer.open({
                            content: '恭喜您添加成功！',
                            btn: ['确认'],
                            yes: function (index, layero) {
                                location.href = "{:url('vip/Evaluationquestionnaire/index')}";
                            }
                        });
                    } else {
                        layer.msg(s.msg, {
                            icon: 2
                        });
                    }
                }
            })

            return false;
        });
    });


</script>
</body>
</html>