{template 'common/header'}
<link rel="stylesheet" type="text/css" href="/addons/{$_GPC['m']}/resource/css/style.css"/>
<div class="panel panel-default">
    {if $id}<div class="panel-heading">编辑</div>{else}<div class="panel-heading">添加</div>{/if}
    <div class="panel-body">
        <form id="sign-form" class="form-horizontal" role="form" method="post" action="{url 'site/entry/QuestionSave',array('m'=>$_GPC['m'],'op'=>'QuestionSave','version_id'=>$_GPC['version_id'])}" name="submit" style="padding: 20px 0;">
            <div class="form-group">
                <label class="col-sm-2 control-label">问题</label>
                <div class="col-sm-8">
                    <input type="text" class="form-control"  name="subject" value="{$item['subject']}" style="width:90%;">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">答案</label>
                <div class="col-sm-8">
                    {if $item['answers'] != false}
                    <ul class='ul'>
                        {loop $item['answers'] $index $v}
                        <li style="padding:2px;" class="num{$index}">
                            <input type="text" name="answer[]" value="{$v['answer']}" class="form-control" style="width:70%;display:inline-block;"> 
                            <input type="text" name="fraction[]" value="{$v['fraction']}" class="form-control" style="width:10%;display:inline-block;" onkeyup="this.value=this.value.replace(/[^\d]/g,'') ">
                            <font style="color:#cecece;font-size:12px;">(正确答案1,错误答案0)</font> 
                            <span>
                                <a href="javascript:void(0)" onclick="addOption(this)"><i class="fa fa-plus-square"></i></a>
                                {if $index > 0}<a href="javascript:void(0)" onclick="delOption(this)"><i class="fa fa-minus-square"></i></a>{/if} 
                            </span>
                        </li>
                        {/loop}
                    </ul>
                    {else}
                    <ul class="ul">
                        <li style="padding:2px;" class="num0">
                            <input type="text" name="answer[]" value="" class="form-control" style="width:70%;display:inline-block;"> 
                            <input type="text" name="fraction[]" value="0" class="form-control" style="width:10%;display:inline-block;" onkeyup="this.value=this.value.replace(/[^\d]/g,'') ">
                            <font style="color:#cecece;font-size:12px;">(正确答案1,错误答案0)</font> 
                            <span>
                                <a href="javascript:void(0)" onclick="addOption(this)"><i class="fa fa-plus-square"></i></a>
                            </span>
                        </li>
                         <li style="padding:2px;" class="num1">
                            <input type="text" name="answer[]" value="" class="form-control" style="width:70%;display:inline-block;"> 
                            <input type="text" name="fraction[]" value="0" class="form-control" style="width:10%;display:inline-block;" onkeyup="this.value=this.value.replace(/[^\d]/g,'') ">
                            <font style="color:#cecece;font-size:12px;">(正确答案1,错误答案0)</font> 
                            <span>
                                <a href="javascript:void(0)" onclick="addOption(this)"><i class="fa fa-plus-square"></i></a>
                                <a href="javascript:void(0)" onclick="delOption(this)"><i class="fa fa-minus-square"></i></a>
                            </span>
                        </li>
                         <li style="padding:2px;" class="num2">
                            <input type="text" name="answer[]" value="" class="form-control" style="width:70%;display:inline-block;"> 
                            <input type="text" name="fraction[]" value="0" class="form-control" style="width:10%;display:inline-block;" onkeyup="this.value=this.value.replace(/[^\d]/g,'') ">
                            <font style="color:#cecece;font-size:12px;">(正确答案1,错误答案0)</font> 
                            <span>
                                <a href="javascript:void(0)" onclick="addOption(this)"><i class="fa fa-plus-square"></i></a>
                                <a href="javascript:void(0)" onclick="delOption(this)"><i class="fa fa-minus-square"></i></a>
                            </span>
                        </li>
                         <li style="padding:2px;" class="num3">
                            <input type="text" name="answer[]" value="" class="form-control" style="width:70%;display:inline-block;"> 
                            <input type="text" name="fraction[]" value="0" class="form-control" style="width:10%;display:inline-block;" onkeyup="this.value=this.value.replace(/[^\d]/g,'') ">
                            <font style="color:#cecece;font-size:12px;">(正确答案1,错误答案0)</font> 
                            <span>
                                <a href="javascript:void(0)" onclick="addOption(this)"><i class="fa fa-plus-square"></i></a>
                                <a href="javascript:void(0)" onclick="delOption(this)"><i class="fa fa-minus-square"></i></a>
                            </span>
                        </li>
                    </ul>
                    {/if}
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">题目图片</label>
                <div class="col-sm-8">
                    {php echo tpl_form_field_image('pic', $item['subject_img']);}
                    <span style="color:#9A999B;">尺寸: 320 * 150像素</span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">状态</label>
                <div class="col-sm-8">
                    {if $id}
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="{$item['status']}" data-field="status">
                    {else}
                    <input type="checkbox" class="js-switch" value="1" id="status" name="status" data-value="1" data-field="status">
                    {/if}
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <input type="hidden" name="id" value="{$item['id']}" />
                    <input type="submit" name="submit" class="btn btn-default">
                    <a class="btn btn-default" href="javascript:history.back(-1)">返回</a>
                </div>
            </div>
        </form>
    </div>
</div>
{template 'common/footer'}
<script type="text/javascript" charset="utf-8">
    
    if ($("#status").attr("data-value") == "1") {
        $('#status').attr("checked", "checked");
    }else {
        $('#status').attr("checked", false)
    }

    function  addOption(obj){
        var that = $(obj);
        var len = $('.ul').children("li").length;
        if(len < 4){
            that.parents('ul').children(':last').after('<li style="padding:2px;" class="num'+len+'"><input type="text" name="answer[]" value="" class="form-control" style="width:70%;display:inline-block;"> <input type="text" name="fraction[]" value="0" class="form-control" style="width:10%;display:inline-block;" onkeyup="reg(this)" > <font style="color:#cecece;font-size:12px;">(正确答案1,错误答案0)</font><span>  <a href="javascript:void(0)" onclick="addOption(this)"><i class="fa fa-plus-square"></i></a><a href="javascript:void(0)" onclick="delOption(this)">  <i class="fa fa-minus-square"></i></a></span></li>');
        }
    }

    function delOption(obj){
        var that = $(obj);
        that.parent().parent().remove();
    }

    function reg(obj){
        var value = $(obj).val();
        $(obj).val(value.replace(/[^\d]/g,''))
    }
</script>