{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: 1500px;
        margin: 10px 0;
        float: left;
        background: #f7f7f7;
    }

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

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

    .height150 {
        height: 150px;
    }

    .display {
        display: none;
    }

    .layui-input {
        display: inline;
    }

    .display {
        display: none;
    }

    .layui-input{
        display: inline-block;
    }

    .sort{
        margin-left: 44px;
        margin-top: 0px;
    }
 
    .layui-form-label {
        width: 100px;
        margin-top: 10px;
    }

    .answer{
        margin-left: -88px;
    }
    .layui-elem-field{
        border:0px;
        height: 303px;
        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">增加题目</button>
            <form action="{:url('vip/Evaluationquestionnaire/edit');}" method="post" id="myform">
                <?php for($i=0;$i<$titleUpperLimit;$i++){  $j +=1;?>
                <div class="layui-form-item"
                <?php if(empty($data['titleList'][$i]['title'])){?>  style="display:none;" <?php } ?>>
                <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" lay-verify="required|title"
                           placeholder="请输入题目" autocomplete="off" style="width: 450px;margin-top: 10px;"
                           value="<?php echo $data['titleList'][$i]['title']?>">
                    <input type="hidden" name="title_<?php echo $j;?>_id" class="hid_php"
                           value="<?php echo $data['titleList'][$i]['id']?:$editAddSign.$j;?>"/>
                </div>

                <label class="layui-form-label answer">类型</label>
                <div class="layui-input-block answer">
                    <select name="type_<?php echo $j;?>" class="type">
                        <option value="1" {if condition="$data['titleList'][$j-1]['type'] eq 1"}selected{/if}>选项模式</option>
                        <option value="2" {if condition="$data['titleList'][$j-1]['type'] eq 2"}selected{/if}>文本模式</option>
                    </select>
                </div>

                <div class="select_answer" {if condition="$data['titleList'][$j-1]['type'] eq 2"}style="display: none;"{/if}>
                    <label class="layui-form-label answer">答案</label>
                    <br/><br/>
                    <div class="layui-input-block" style="margin-top: -25px;">
                    <input type="text" name="answer_<?php echo $j;?>[]" class="layui-input" placeholder="请输入答案"
                           value="<?php echo $data['answerList'][$i][0]['text']?>">
                    <span>人数:<?php echo $data['answerList'][$i][0]['num']?:0;?></span>

                    <input type="text" name="answer_<?php echo $j;?>[]" class="layui-input" placeholder="请输入答案"
                           value="<?php echo $data['answerList'][$i][1]['text']?>">
                    <span>人数:<?php echo $data['answerList'][$i][1]['num']?:0;?></span>

                    <input type="text" name="answer_<?php echo $j;?>[]" class="layui-input" placeholder="请输入答案"
                           value="<?php echo $data['answerList'][$i][2]['text']?>">
                    <span>人数:<?php echo $data['answerList'][$i][2]['num']?:0;?></span>

                    <input type="text" name="answer_<?php echo $j;?>[]" class="layui-input" placeholder="请输入答案"
                           value="<?php echo $data['answerList'][$i][3]['text']?>">
                    <span>人数:<?php echo $data['answerList'][$i][3]['num']?:0;?></span>

                    <?php for($kk=0;$kk<$answerUpperLimit;$kk++){?>
                    <input type="hidden" name="answer_<?php echo $j;?>_id[]"
                           value="<?php echo $data['answerList'][$i][$kk]['id']?:$editAddSign.$j.'_'.$kk;?>"/>
                    <?php } ?>

                    <select name="notice_<?php echo $j;?>" class="notice" notice="{$j}">
                        <option value="0" {if condition="$data['answerList'][0][0]['notice'] eq 1"}selected{/if}>用户选择哪项给客服发送差评通知</option>
                        <option value="1" {if condition="$data['answerList'][0][1]['notice'] eq 1"}selected{/if}>答案1</option>
                        <option value="2" {if condition="$data['answerList'][0][2]['notice'] eq 1"}selected{/if}>答案2</option>
                        <option value="3" {if condition="$data['answerList'][0][3]['notice'] eq 1"}selected{/if}>答案3</option>
                        <option value="4" {if condition="$data['answerList'][0][4]['notice'] eq 1"}selected{/if}>答案4</option>
                    </select>
                </div>
                </div>

                <br/>
                <label class="layui-form-label sort" style="margin-top: -10px;">排序</label>
                <div class="layui-input-block sort" style="margin-top: -4px;">
                    <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"  style="margin-left: 215px; margin-top: 15px;margin-bottom: 10px;}"><i class="layui-icon"></i>删除题目</button>
                </div>

        <?php }?>

        <div class="layui-form-item height150" style="background: #ffffff">
            <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>

    //切换答案的选项模式和文本模式
    $('.type').on('change',function () {
        if($(this).val() == 1){
            $(this).parents('.layui-form-item').find('.select_answer').show();
            // $(this).parents('.layui-form-item').find('.text_answer').hide();
        }else{
            $(this).parents('.layui-form-item').find('.select_answer').hide();
            // $(this).parents('.layui-form-item').find('.text_answer').show();
        }
    })

    //增加题目
    $('.ass_topic_php').on('click', function () {
        $('.layui-form-item').each(function (i) {
            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 () {
        var obj = $(this);
        layer.confirm('你确定要删除吗？', function (index){
            layer.close(index);
            obj.parent('.layui-form-item').find('.layui-input').val("");
            obj.parent('.layui-form-item').find('.hid_php').val("");
            obj.parent('.layui-form-item').find('.layui-input').val("");
            obj.parent('.layui-form-item').css('display', 'none');
            return false;
        });
        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>