@model NP.Model.VMCRoom
@{

}
<div class="evaList">
    <table>
        <tbody>
            @if (Model.CMRSes.Count()>0)
            {

                foreach (var d in Model.CMRSes)
                {
                    <tr>
                        <th>
                            <h5><span>@d.rstypename</span></h5>
                            <p>참여조건 : 진도율 @(d.rscondition)% 이상</p>
                        </th>
                        <td><a href="#" data-rsno="@(d.attrate >= d.rscondition && d.isrsok == 0?d.rsno:0)" class="evaType@(d.rscondition > d.attrate ? "01": d.isrsok == 1 ? "03" : "02")">@(d.rscondition > d.attrate ? "참여불가" : d.isrsok == 1 ? "참여완료" : "참여")</a></td>
                    </tr>
                }
            }
            else
            {
                <tr><th colspan="2" style="text-align: center; font-weight: normal; height: 100px;">- 등록된 설문이 없습니다.</th></tr>
            }
        </tbody>
    </table>
</div>
<div class="svyPop" style="display:none;" id="pop1">
    <div style="padding-top: 30px; padding-bottom: 30px;">
        <div>
            <div class="svyPopWrap" style="height: 100%; max-width: 800px;">
                <div class="svyPopTitle"><h5>설문참여</h5><a href="#" onclick="$('#pop1').hide();$('html, body').removeClass('lock');"></a></div>
                <div class="lctPopScroll">
                    <div class="svyPopCont" id="rslist"><ul class="svyPopBtn" id="btnrscgobox"><li><a href="#" class="bk" onclick="save()">설문제출</a></li></ul></div>
                </div>
            </div>
        </div>
    </div>
</div>
@section styles{
    <style type="text/css">
        ul.qis input{vertical-align: middle;}
    </style>
}
@section scriptsHeader{

}
@section scripts{
    <script>
        var _rsno = 0;
        $(document).ready(function () {
            $("a.evaType02").on("click", function () {
                _rsno = getint($(this).attr("data-rsno"));
                capp("/fcommon/cmrsgo", { lectno: @Model.croomlectno, rsno: _rsno }, "cbcmrsgo");
            });
            $("a.evaType03").on("click", function () {
                msg("이미 참여완료하셨습니다.");
            });
        });
        function cbcmrsgo() {
            var h = capResult.obj.q;
            if (h.length > 0) {
                $("#rslist dl").remove();
                $.each(h, function (i, q) {
                    if (q.atype == 0) {
                        var qis = "";
                        $.each(capResult.obj.qi, function (i2, qi) {
                            if (qi.qno == q.qno) {
                                qis += "<li style=\"border-bottom: 1px solid #ddd;\">" +
                                    "<input value=\""+qi.qino+"\" data-qino=\"" + qi.qino + "\" type=\"" + (q.rightcount > 1 ? "checkbox" : "radio") + "\" name=\"rscqno" + q.rscqno + "\" id=\"qino" + qi.qino + "\" />" +
                                    "<label for=\"qino" + qi.qino + "\">" + (getdb(qi.fileurl) == "" ? qi.qitext : ("<img style=\"max-width: 80%;\" src=\"@Model.Files" + qi.fileurl + "\"<br/>" + getdb(qi.qitext))) + "</label></li>";
                            }
                        });
                        $("<dl class=\"svyTest atype0 " + (q.rightcount > 1 ? "atypemulti":"")+"\" data-rscqno=\"" + q.rscqno + "\"><dt><div>#" + (i + 1) + ".</div><div style=\"margin: -20px 0 0 30px\">" + q.qtext + "</div></dt><dd><ul class=\"qis\">" + qis + "</ul></dd></dl>").insertBefore($("#btnrscgobox"));
                    } else {
                        $("<dl class=\"svyTest\" data-rscqno=\"" + q.rscqno + "\"><dt><div>#" + (i + 1) + ".</div><div style=\"margin: -20px 0 0 30px\">" + q.qtext + "</div></dt><dd><input type=\"text\" class=\"qitext\" /></div></dd></dl>").insertBefore($("#btnrscgobox"));
                    }
                });
                $('html, body').removeClass('lock');$('#pop1').show(); 
            }
        }
        function save() {
            var isvalid = true;
            var sd = "";
            $.each($("#rslist dl.svyTest"), function (i, d) {
                sd += ";" + $(d).attr("data-rscqno");
                if ($(d).hasClass("atype0")) {
                    sd += ":0";
                    if ($(d).find("ul.qis input:checked").length < 1) {
                        focus($(d).find("ul.qis input").first(), true);
                        msg((i + 1) + "번째 설문문항을 선택해주세요.");
                        isvalid = false;
                        return false;
                    } else {
                        if ($(d).hasClass("atypemulti")) {
                            var qias = "";
                            $.each($(d).find("ul.qis input:checked"), function (i, c) {
                                qias += "," + $(c).val();
                            });
                            sd += ":" + qias.substr(1);
                        } else {
                            sd += ":" + $(d).find("ul.qis input:checked").val();
                        }
                    }
                } else if (!$(d).hasClass("atype0")) {
                    sd += ":1";
                    if (getBytes($(d).find("input.qitext").val()) < 1) {
                        focus($(d).find("input.qitext"), true);
                        msg((i + 1) + "번째 설문문항에 답변해주세요.");
                        isvalid = false;
                        return false;
                    } else {
                        sd += ":" + $(d).find("input.qitext").val().replace(/;/gi, '▤').replace(/:/gi, '▥');
                    }
                }
            });
            if (isvalid) {
                capp("/fcommon/lectrssave", { lectno: @Model.croomlectno, rsno: _rsno, sd: sd.substr(1) }, "cbsave");
            }
        }
        function cbsave() {
            if (capResult.code == 1000) {
                msg("감사합니다. 설문이 완료되었습니다.", null, null, null, "location.href=location.href.replace('#','')");
            }
        }
    </script>
}