{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/edit');}" method="post" id="myform" class="layui-form">
                {for start="0" end="$titleUpperLimit" name="key"}
                <div class="layui-elem-field question question{$key+1}" {if condition="$key+1 gt count($data['titleList'])"}style="display:none"{/if}>
                    <div class="layui-form-item"/>
                        <label class="layui-form-label">题目{$key+1}</label>
                        <div class="layui-input-block">
                            <input type="text" name="title_{$key+1}" class="layui-input" style="width: 450px;margin-top: 15px;" lay-verify="title"  placeholder="请输入题目" autocomplete="off" value="{$data['titleList'][$key]['title']}">
                            <input type="hidden" name="title_{$key+1}_id" class="hid_php" value="{$data['titleList'][$key]['id']}"/>
                        </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_{$key+1}" class="type" lay-filter="type">
                                    <option value="1" {if condition="$data['titleList'][$key]['type'] eq 1"}selected{/if}>选项模式</option>
                                    <option value="2" {if condition="$data['titleList'][$key]['type'] eq 2"}selected{/if}>文本模式</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline answer_nums" {if condition="$data['titleList'][$key]['type'] eq 2"}style="display:none"{/if}>
                            <label class="layui-form-label">答案个数</label>
                            <div class="layui-input-inline">
                                <select name="answer_nums_{$key+1}" lay-filter="answer_nums" j="{$key}">
                                    {for start="$answerLowerLimit" end="$answerUpperLimit+1"}
                                    <option value="{$i}" {if condition="count($data['answerList'][$key]) eq $i || (count($data['answerList'][$key]) eq 0 && $i eq 4)"}selected{/if}>{$i}</option>
                                    {/for}
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item answer_div" {if condition="$data['titleList'][$key]['type'] eq 2"}style="display:none"{/if}>
                        <div class="layui-inline answer">
                            <label class="layui-form-label">答案</label>
                            <div class="answer_list">
                                {for start="0" end="$answerUpperLimit" name="i"}
                                <div class="layui-input-block" {if condition="(count($data['answerList'][$key]) eq 0 && $i > 3) || (count($data['answerList'][$key]) neq 0 && $i+1 gt count($data['answerList'][$key])) "}style="display:none"{/if}>
                                    <div class="layui-input-inline">
                                        <input type="text" name="answer_{$key+1}[]" placeholder="答案{$i+1}" autocomplete="off" class="layui-input" value="{$data['answerList'][$key][$i]['text']}">
                                        <input type="hidden" name="answer_{$key+1}_id[]" value="{$data['answerList'][$key][$i]['id'] ? : $editAddSign.($k+1).'_'.$i}">
                                    </div>
                                    <div class="layui-input-inline">
                                        <input type="text" name="score_{$key+1}[]" placeholder="分值{$i+1}" autocomplete="off" class="layui-input" value="{$data['answerList'][$key][$i]['score']}">
                                    </div>
                                    <div class="layui-input-inline">
                                        <select name="notice_{$key+1}[]">
                                            <option value="0" {if condition="$data['answerList'][$key][$i]['notice'] eq 0"}selected{/if}>不发送差评通知</option>
                                            <option value="1" {if condition="$data['answerList'][$key][$i]['notice'] eq 1"}selected{/if}>发送差评通知</option>
                                        </select>
                                    </div>
                                </div>
                                {/for}
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item"/>
                        <label class="layui-form-label">排序</label>
                        <div class="layui-input-block">
                            <input type="text" name="sort_{$key+1}" class="layui-input" style="width: 450px;margin-top: 15px;" lay-verify="title" placeholder="数字越大越靠前" autocomplete="off" value="{$data['titleList'][$key]['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>
            {/for}

        <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" value="{$score_notice}">
                </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>