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

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

    .height150 {
        height: 150px;
    }
</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>   题目最多{$titleUpperLimit}个,答案最多{$answerUpperLimit}个,最少{$answerLowerLimit}个；</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" class="layui-form">
                <?php for($i=0;$i<$titleUpperLimit;$i++){  $j +=1;?>
                <div class="layui-elem-field question question<?php echo $j;?>" {gt name="i" value="0" }style="display:none;" {/gt}>
                    <div class="layui-form-item"/>
                        <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="title"  placeholder="请输入题目" autocomplete="off" value="">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">类型</label>
                            <div class="layui-input-inline">
                                <select name="type_<?php echo $j;?>" class="type" lay-filter="type">
                                    <option value="1">选项模式</option>
                                    <option value="2">文本模式</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline answer_nums">
                            <label class="layui-form-label">答案个数</label>
                            <div class="layui-input-inline">
                                <select name="answer_nums_<?php echo $j;?>" lay-filter="answer_nums" j="<?php echo $j;?>">
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="4" selected>4</option>
                                    <option value="5">5</option>
                                    <option value="6">6</option>
                                    <option value="7">7</option>
                                    <option value="8">8</option>
                                    <option value="9">9</option>
                                    <option value="10">10</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item answer_div">
                        <div class="layui-inline answer">
                            <label class="layui-form-label">答案</label>
                            <div class="answer_list">
                                <?php for($kk=0;$kk<$answerUpperLimit;$kk++){ ?>
                                    <div class="layui-input-block" {if condition="$kk gt 3"}style="display:none"{/if}>
                                        <div class="layui-input-inline">
                                            <input type="text" name="answer_<?php echo $j;?>[]" placeholder="答案{$kk+1}" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline">
                                            <input type="text" name="score_<?php echo $j;?>[]" placeholder="分值{$kk+1}" autocomplete="off" class="layui-input">
                                        </div>
                                        <div class="layui-input-inline">
                                            <select name="notice_<?php echo $j;?>[]">
                                                <option value="0">不发送差评通知</option>
                                                <option value="1">发送差评通知</option>
                                            </select>
                                        </div>
                                    </div>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item"/>
                        <label class="layui-form-label">排序</label>
                        <div class="layui-input-block">
                            <input type="text" name="sort_<?php echo $j;?>" class="layui-input" style="width: 450px;margin-top: 15px;" lay-verify="title" placeholder="数字越大越靠前" autocomplete="off" value="<?php echo $data['titleList'][$i]['sort']?>">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button type="reset" class="ass2_topic_php layui-btn layui-btn-danger"><i class="layui-icon"></i>删除题目</button>
                        </div>
                    </div>
                </div>
            <?php }?>

        <div class="layui-form-item height150">
            <div class="layui-form-item"/>
            <label class="layui-form-label">分值低于多少发送通知</label>
            <div class="layui-input-block">
                <input type="text" name="score_notice" class="layui-input" style="width: 450px;margin-top: 15px;" lay-verify="title" placeholder="分值低于多少发送通知" autocomplete="off">
            </div>
        </div>
            <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 () {
        $('.question').each(function(i){
            // console.log($('.layui-form-item').eq(i).css('display'));
            if($('.question'+i).css('display') == "none"){
                $('.question'+i).show();
                return false;
            }
        });
        return false;
    });

    //删除题目，测试通过
    $('.ass2_topic_php').on('click', function () {
        // $(this).parents('.layui-form-item').find('.layui-input').val("");
        $(this).parents('.question').css('display','none');
        $(this).parents('.question').find('input').val('');
        return false;
    });


    layui.use('form', function () {
        var form = layui.form;form.render("select"); //更新全部
        //监听提交
        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;
        });

        //答案个数切换，测试通过
        form.on('select(answer_nums)', function(data){
            var div = $(this).parents('.question').find('.answer_list').children('div.layui-input-block');
            var nums = data.value;//需要变更的答案个数
            div.each(function(index,item){
                if(index < nums){
                    $(item).show();
                }else{
                    $(item).hide();
                }
            })
        });

        //切换答案的选项模式和文本模式，测试通过
        form.on('select(type)', function(data){
            var type_id = data.value;
            if(type_id == 1){
                $(this).parents('.layui-form-item').find('.answer_nums').show();
                $(this).parents('.question').find('.answer_div').show();
            }else{
                $(this).parents('.layui-form-item').find('.answer_nums').hide();
                $(this).parents('.question').find('.answer_div').hide();
            }
        })
    });


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