@model NP.Model.VMLect
@{
    int idx = 1;
}
<form id="mform" method="post">
    <section class="panel panel-default">
        <div style="padding: 10px 10px">
            @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":-응시상태;1:제출;0:미제출" }, { "name", "addstringval2" }, { "selected", Model.addstringval2 }, { "onchange", "findme()" }, { "style", "vertical-align: middle;" } })

            @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":-채점상태;1:채점완료;0:미채점" }, { "name", "addstringval3" }, { "selected", Model.addstringval3 }, { "onchange", "findme()" }, { "style", "vertical-align: middle;" } })

            @Html.Partial("./Partial/Select", null, new ViewDataDictionary { { "valuetext", ":-모사;9950:100%" }, { "name", "addstringval4" }, { "selected", Model.addstringval4 }, { "onchange", "findme()" }, { "style", "vertical-align: middle;" } })

            @Html.Partial("./Partial/pagerow", new ViewDataDictionary { { "tbodyid", "tbody1" }, { "searchmethod", "submit()" }, { "pagesize", Model.pagerowcount } })
            <a href="javascript:;" onclick="javascript:callComment('mform', '/croom/gradeall', 'tbody1', '성적처리과제');" class="btn btn-s-xs btn-success" style="margin-left: 5px; float:right;">엑셀다운로드</a>
            @Html.Partial("./Partial/sembtns", "#tbody1;" + (Model.IsAdmin ? "1;11;" : "0;0;0") + ";1;right;평가안내")
        </div>
        <div class="table-responsive" id="excel1">
            <table class="table table-striped b-t b-light">
                <thead>
                    <tr>
                        <th><input type="checkbox" onclick="javascript: checkall('excel1', this);" /></th>
                        <th width="20">No</th>
                        <th>운영기수</th>
                        <th>교육장</th>
                        <th>과정명</th>
                        <th>교육생</th>
                        <th>ID</th>
                        <th>핸드폰</th>
                        <th>교육시작일</th>
                        <th>교육종료일</th>
                        <th>상태</th>
                        <th>점수</th>
                        <th>첨삭</th>
                        <th>모사</th>
                        <th>최근제출일(IP)</th>
                        <th>최근평가일(IP)</th>
                        <th>수료여부</th>
                    </tr>
                </thead>
                <tbody class="data" id="tbody1">
                    @foreach (var d in Model.LectSDs)
                    {
                        <tr data-sdno="@d.sdno" data-lectno="@d.lectno">
                            <td><input type="checkbox" class="autocheck" value="@d.lectno" data-userno="@d.userno" data-tpoint="@d.tpoint" /></td>
                            <td>@d.rnorvt</td>
                            @if (d.cshape == 2)
                            {
                                <td>@d.sseq</td>
                            }
                            else
                            {
                                <td>-</td>
                            }
                            <td>@d.studyplacename</td>
                            <td>@d.cname</td>
                            <td>@d.username</td>
                            <td>@d.userid</td>
                            <td>@d.mobile</td>
                            <td>@((d.cshape == 0 && d.isrebate == 0 ? d.payoktime : d.sdate).Value.ToShortDateString())</td>
                            @if (d.cshape == 2)
                            {
                                if (d.iscomplete != 1)
                                {
                                    <td class="link text-center"><a href="javascript:;" onclick="javascript: openScd(@d.cmno,@d.lectno,@d.cmisno);">@d.leend.ToShortDateString()</a></td>
                                }
                                else
                                {
                                    <td>@d.leend.ToShortDateString()</td>
                                }
                            }
                            else
                            {
                                <td>@d.edate.Value.ToShortDateString()</td>
                            }
                            <td class="estate@(d.sdstate)">@d.sdstatename</td>
                            <td>
                                <a class="btn btn-xxs btn-select" onclick="viewsd(@d.sdno, @d.lectno,@d.tpoint, @(idx++))" href="javascript:;">@d.cpoint2</a>
                            </td>
                            <td>@d.feedbox</td>
                            <td>
                                <a class="btn btn-xxs btn-select iscopy@(d.iscopy)" onclick="viewcopy(@d.sdno, @d.lectno, @string.Format("{0:yyyyMMdd}", d.submittime))" href="javascript:;">@d.copyratename</a>
                            </td>
                            <td>@Html.Raw(d.submittimeip)</td>
                            <td>@Html.Raw(d.checktimeip)</td>
                            @if (!ViewBag.IsSubAdmin96)
                            {
                                <td class="@(d.iscomplete == 1 ? "link text-center" : "")">@Html.Raw(d.iscomplete == 1 ? string.Format("<a href=\"#\" onclick=\"viewcert({0})\">{1}</a>", d.lectno, "수료") : d.iscompletename)</td>
                            }
                            else
                            {
                                <td class="@(d.iscomplete == 1 ? "link text-center" : "")">@Html.Raw(d.iscomplete == 1 ? string.Format("{1}", d.lectno, "수료") : d.iscompletename)</td>
                            }
                        </tr>
                    }
                </tbody>
            </table>
        </div>
        @Html.Pager((int)Model.pagenum, 10, Model.pagerowcount, Model.pagetotalcount)
    </section>
</form>
@Html.Partial("./Partial/ExcelCommentBox")
<div id="scdbox" class="findbox draggable regbox" style="width: 400px; z-index: 1041; top: 60px; overflow: auto;">
    <h4><i class="fa fa-bars"></i> <span id="pcap">교육일정변경</span><a href="javascript:;" class="btn btn-default btn-xs f-r closethisbox">닫기</a></h4>
    <ul id="ulScd"></ul>
    <div class="findboxbtnbox" id="btnsavelect">
        <a href="javascript:;" class="btn btn-primary" onclick="updateScd();">선택완료</a>
    </div>
</div>

<!-- 과제제출 -->
<div id="thisbox" class="findbox draggable regbox" style="height: 850px; width: 800px; z-index: 1041; top: 60px;  overflow: auto;">
    <form id="mform2" enctype="multipart/form-data">
        <h4><i class="fa fa-bars"></i> <span id="pcap">개별 과제제출 내용</span><a href="javascript:;" class="btn btn-default btn-xs f-r closethisbox">닫기</a></h4>
        <br />
        <table class="regtable" id="exsummary">
            <tr>
                <th>제출자</th>
                <td id="userinfo"></td>
            </tr>
            <tr>
                <th>제출내용</th>
                <td id="atext"></td>
            </tr>
            <tr>
                <th>첨부파일</th>
                <td>
                    <div id="fileinfoDiv" class="col-sm-8 col-md-10" style="width:100%;display:none">
                        @Html.Partial("./Partial/File", null, new ViewDataDictionary {
                            { "name", "fgno" },{ "fname", "fgno"},
                            {"width", null },{ "column", "fgno"},{"filecount", 1 },
                            {"readmode", 0 },{"hidemode", 0 },
                            { "isimage", 0 }, { "fileext", "" }})
                    </div>
                    <br />
                    <div id="fileinfo"></div>
                </td>
            </tr>
            <tr>
                <th>점수</th>
                <td><input type="text" class="form-control int disp-init text-center" style="width: 70px;" max="3" id="cpoint" name="cpoint" onchange="checkmax(this)" /></td>
            </tr>
            <tr>
                <th>피드백</th>
                <td><textarea class="form-control" id="feedb" name="feedb" style="resize: none; height: 200px;" maxlength="800"></textarea></td>
            </tr>
            <tr>
                <th>참고사항</th>
                <td><textarea class="form-control" id="memo" name="memo" style="resize: none; height: 150px;" maxlength="800"></textarea></td>
            </tr>
        </table>
        <br /><br /><br />
        <div class="text-center">
            <a href="javascript:;" id="btnpre" class="btn btn-info btn-xs" onclick="save(-1)">◀이전</a>
            <a href="javascript:;" class="btn btn-primary btn-xs" onclick="save(0)">저장</a>
            <a href="javascript:;" id="btnnext" class="btn btn-info btn-xs" onclick="save(1)">다음▶</a>
            &nbsp;&nbsp;&nbsp;<a href="javascript:;" class="btn btn-default btn-xs closethisbox">닫기</a>
        </div>
        <br /><br />
        <div id="hdnmform2Area">
            <input type="hidden" id="sdno" name="sdno" value="">
            <input type="hidden" id="lectno" name="lectno" value="">
            <input type="hidden" id="tpoint" name="tpoint" value="">
            <input type="hidden" id="ridx" name="ridx" value="">
            <input type="hidden" id="iscopyVal" name="iscopy" value="">
            <input type="hidden" id="cmno" name="cmno" value="">
            <input type="hidden" id="userno" name="userno" value="">
        </div>
    </form>
</div>
<!-- // 과제제출 -->
<style type="text/css">
    td.estate0 {
        background-color: #ffd7bb !important;
        color: red;
    }

    td a.iscopy1 {
        background-color: red !important;
    }

    .tablea0 {
        word-break: break-all;
        width: 100%;
    }

        .tablea0 tr td {
            text-align: center;
        }

            .tablea0 tr td.qi {
                text-align: left;
            }

    .regtable tr td .tablea0 tr td {
        padding: 6px 5px;
    }
    /*#exsummary tr td{text-align: center;}*/
    td.qi div.imgbox.active {
        position: fixed;
        left: 10%;
        top: 10%;
        height: 80%;
        width: 80%;
        z-index: 3000;
        background-color: #999;
        text-align: center;
        padding-top: 10%;
    }

        td.qi div.imgbox.active img {
            height: 60%;
            max-width: 60%;
        }

    .file_input_opacity {
        width: 400px !important;
    }
</style>

@Html.Partial("./Partial/FileScript")
<script>
    var ischange = false;
    $(document).ready(function () {    
        $("body").on("click", "td.qi div.imgbox", function () {
            $(this).toggleClass("active");
        });
        $("#cpoint,#feedb,#feedb2,.file_input_opacity").on("propertychange change keyup paste input", function () {
            ischange = true;
        })

    });
    function findme() {
        bglayer();
        submit();
    }
    var _isprenext = false;
    function getsds(isprenext) {
        _isprenext = isprenext;
        if (isprenext) {
            $("#tbody1 tr").remove();
            capp("/acommon/lectallsds", { pagenum: @((int)Model.pagenum), pagerowcount:@(Model.pagerowcount), sdstate: valnull("addstringval2"), edate: valnull("stringval"), cshape: valnull("stringval2"), cname: valnull("stringval3"), cnamestr: valnull("stringval3"), iscomplete: valnull("stringval4"), studyplace: valnull("stringval5"), searchtype: valnull("stringval6"), searchtext: valnull("stringval7"), sdtype: 0, sdateall: valnull("stringval8"), edateall: valnull("stringval9"), asname: valnull("stringval10") }, "cblectsds", null, null, null, true);
        } else {
            capp("/acommon/lectallsds", { pagenum: @((int)Model.pagenum), pagerowcount:@(Model.pagerowcount), sdstate: valnull("addstringval2"), edate: valnull("stringval"), cshape: valnull("stringval2"), cname: valnull("stringval3"), cnamestr: valnull("stringval3"), iscomplete: valnull("stringval4"), studyplace: valnull("stringval5"), searchtype: valnull("stringval6"), searchtext: valnull("stringval7"), sdtype: 0, sdateall: valnull("stringval8"), edateall: valnull("stringval9"), asname: valnull("stringval10") }, "cblectsds");
        }
    }

    function cblectsds() {
        var submittimeDateVal;
        var submittime = "";
        $.each(capResult.obj, function (i, d) {
            if (capResult.obj[i].submittime != null) {
                submittimeDateVal = eval('new ' + capResult.obj[i].submittime.replaceAll('/', ''))
                submittime = submittimeDateVal.getFullYear() + ('0' + (submittimeDateVal.getMonth() + 1)).slice(-2) + ('0' + submittimeDateVal.getDate()).slice(-2);
            }
            else {
                submittime = "";
            }

            $("#tbody1").append(("<tr data-sdno=\"{8}\" data-lectno=\"{0}\" data-tpoint=\"{22}\">" +
                "<td><input type=\"checkbox\" class=\"autocheck\" value=\"{0}\" data-userno=\"{1}\" /></td>" +
                "<td>{2}</td>" +
                "<td>{16}</td>" +
                "<td>{17}</td>" +
                "<td>{18}</td>" +
                "<td>{24}</td>" +
                "<td>{5}</td>" +
                "<td>{25}</td>" +
                "<td>{19}</td>" +
                "{20}" +
                "<td class=\"estate{6}\">{7}</td>" +
                "<td><a class=\"btn btn-xxs btn-select viewsd\" onclick=\"viewsd({8}, {0},{22}, {15})\" href=\"#\">{9}</a></td>" +
                "<td>{10}</td>" +
                "<td><a class=\"btn btn-xxs btn-select iscopy{11}\" onclick=\"viewcopy({8}, {0},{23})\" href=\"#\">{12}</a></td>" +
                "<td>{13}</td>" +
                "<td>{14}</td>" +
                "{21}").format(d.lectno, d.userno, d.rnorvt, d.isrebatename, d.asname, d.userid
                    , d.sdstate, d.sdstatename, d.sdno, d.cpoint2, d.feedbox
                    , d.iscopy, d.copyratename, d.submittimeip, d.checktimeip, (i + 1)
                    , (d.cshape == 2 ? d.sseq : '-'), (d.studyplacename == null ? "" : d.studyplacename), d.cname, d.leststr, d.leestr
                    , ('@(!ViewBag.IsSubAdmin96)' == 'True' ? d.scomplete : d.scomplete96), d.tpoint, submittime, d.username, (d.mobile == null ? "" : d.mobile)));
        });
        if (_isprenext) {
            viewsd($("#tbody1 tr:eq(" + (_ridx + _saveidx - 1) + ")").attr("data-sdno"), $("#tbody1 tr:eq(" + (_ridx + _saveidx - 1) + ")").attr("data-lectno"), $("#tbody1 tr:eq(" + (_ridx + _saveidx - 1) + ")").attr("data-tpoint"), _ridx + _saveidx);
        }
    }
    var _sdno = 0;
    var _lectno = 0;
    var _tpoint = 0;
    var _ridx = 0;

    // 과제제출 팝업
    function viewsd(sdno, lectno, tpoint, ridx) {
        // Hidden 영역 초기화
        $("#hdnmform2Area input[type='hidden']").val("");

        ischange = false;
        _sdno = sdno;
        _lectno = lectno;
        _tpoint = tpoint;
        _ridx = ridx;
        $("#sdno").val(sdno);
        $("#lectno").val(lectno);
        $("#tpoint").val(tpoint);
        $("#ridx").val(ridx);

        capp(
            "/acommon/lectsd",
            {
                lectno: lectno,
                sdno: sdno
            },
            "cblectsd");
    }

    /** 과제제출 팝업 콜백 */
    function cblectsd() {        
        const d = capResult.obj;

        // 제출자 정보 설정
        $("#userinfo").text(`[${d.isrebatename}]${d.asname} | ${d.usernameid}`);

        // 제출 내용 설정 (내용이 없으면 '미제출' 표시)
        const submissionText = getdb(d.atext);
        $("#atext").html(submissionText ? submissionText.replace(/\n/gi, "<br />") : "- 미제출");

        // 첨부 파일 정보 및 모사율 설정
        let fileHtml;
        if (getdb(d.fileurl)) {
            // 파일이 있을 경우, 다운로드 링크 생성
            fileHtml = `
            <div id="file${d.fileno}div">
                <a href="/aCommon/DownFile?fno=${d.fileno}&loginfo=&issubject=1" title="다운로드">
                    <i class="fa fa-paperclip"></i> <span class="fileitem">${d.orgname}</span>
                </a>
                <a href="javascript:;" style="color:red; margin-left:5px; cursor:point;" onclick="fileDel(this)" data-fileno="${d.fileno}" data-filename="${d.orgname}">X</a>
            </div>
            <br />`;

            $("#fileinfoDiv .fgno").val(d.fgno);
            $("#fileinfoDiv").hide();
        } else {
            // 파일이 없을 경우
            fileHtml = "- 제출파일 없음<br />";
            $("#fileinfoDiv").show();
        }

        // 모사율, 모사답안 신고 체크박스와 결합하여 최종 HTML 생성
        const isCopyChecked = d.iscopy === 1 ? "checked" : "";

        const finalFileinfoHtml = `
        ${fileHtml}
        (모사율: ${d.copyratename})&nbsp;&nbsp;&nbsp;
        <label>
            <input id="iscopy" type="checkbox" ${isCopyChecked} /> 모사답안신고
        </label>`;

        $("#fileinfo").html(finalFileinfoHtml);

        // 숨은 값 및 텍스트 입력 영역 설정
        setv("userno", d.userno);
        setv("cmno", d.cmno);
        setv("cpoint", d.cpoint);

        // feedb, d.memo가 null이나 undefined이면 빈 문자열로 설정
        $("#feedb").val(d.feedb ?? "");
        $("#memo").val(d.memo ?? "");

        $("#feedb").removeAttr("readonly");
        $("#tpoint").val(_tpoint);

        // 이전/다음 버튼 표시 로직
        $("#btnpre, #btnnext").show();
        if (_ridx === 1) {
            $("#btnpre").hide();
        }
        if (_ridx === $("#tbody1 tr").length) {
            $("#btnnext").hide();
        }

        // 레이어 표시
        setTimeout(() => {
            bglayer();
            $("#thisbox").slideDown("fast", function () {
                $(this).scrollTop(0);
            });
            bglayer2(false);
            $("#cpoint").focus();
        }, 10);
    }
    //function cblectsd() {
        
    //    var d = capResult.obj;
    //    $("#userinfo").text("[{0}]{1} | {2}".format(d.isrebatename, d.asname, d.usernameid));
    //    if (getdb(d.atext) == "") {
    //        $("#atext").html("- 미제출");
    //    } else {
    //        $("#atext").html(getdb(d.atext).replace(/\n/gi, "<br />"));
    //    }
    //    var _html = "- 제출파일 없음<br />";
    //    if (getdb(d.fileurl) != "") {
    //        _html = '<div id="file{0}div"><a href="/aCommon/DownFile?fno={0}&loginfo=&issubject=1" title="다운로드"><i class="fa fa-paperclip"></i> <span class="fileitem">{1}</span></a>'.format(d.fileno, d.orgname);
    //        _html += '<a href="javascript:;" style="color:red;margin-left:5px;cursor:point" onclick="fileDel(this)" data-fileno="{0}" data-filename="{1}">X</a>'.format(d.fileno, d.orgname);
    //        _html += '</div><br />'

    //        $("#fileinfoDiv .fgno").val(d.fgno)
    //        $("#fileinfoDiv").css("display", "none")
    //    }
    //    else {
    //        $("#fileinfoDiv").css("display", "")
    //    }
    //    _html += "(모사율: {0})&nbsp;&nbsp;&nbsp;".format(d.copyratename);
    //    $("#fileinfo").html(_html + ("<label><input id=\"iscopy\" type=\"checkbox\" " + (d.iscopy == 1 ? "checked" : "") + " /> 모사답안신고</label>"));
    //    setv("userno", d.userno);
    //    setv("cmno", d.cmno);
    //    setv("cpoint", d.cpoint);

    //    if (d.feedb != null) {
    //        $("#feedb").val(d.feedb);
    //    }
    //    else {
    //        $("#feedb").val("");
    //    }

    //    if (d.memo != null) {
    //        $("#memo").val(d.memo);
    //    }
    //    else {
    //        $("#memo").val("");
    //    }

    //    $("#feedb").removeAttr("readonly");
    //    $("#tpoint").val(_tpoint);        
        
    //    $("#btnpre,#btnnext").show();
    //    if (_ridx == 1) {
    //        $("#btnpre").hide();
    //    }
    //    if (_ridx == $("#tbody1 tr").length) {
    //        $("#btnnext").hide();
    //    }

    //    setTimeout(function () {
    //        bglayer();
    //        $("#thisbox").slideDown("fast", function () { $("#thisbox").scrollTop(0); });
    //        bglayer2(false);
    //        $("#cpoint").focus();
    //    }, 10);
    //}



    var _saveidx = 0;
    function save(idx) {
        if (idx != 0 && ischange == false) {
            _saveidx = idx;
            hidelayermsg2(true);
            getsds(true);
        } else {
            if (getint($("#cpoint").val()) < 0) {
                $("#cpoint").focus();
                msg2("0점 이상으로 입력해주세요.");
            } else if (getint($("#cpoint").val()) > getint($("#tpoint").val())) {
                $("#cpoint").focus();
                msg2(getint($("#tpoint").val()) + "점 이하으로 입력해주세요.");
            } else if (confirm("저장하시겠습니까?")) {
                _saveidx = idx;                
                $("#iscopyVal").val($("#iscopy").prop("checked") ? 1 : 0)
                capfileform(
                    "/acommon/LectSDSaveToAdmin",
                    "mform2",
                    "cbsave");
            }
        }
    }

    function cbsave() {
        if (capResult.code == 1000) {
            msg2("저장했습니다.");
            $(".file_input_opacity").val("")
            $(".file_input_textbox").val("")

            if (_saveidx == 0) {
                viewsd(_sdno, _lectno, _ridx);
            }
            else {
                ischange = false;
                save(_saveidx)
            }
        } else {
            msgdev(true);
        }
    }
    function checkmax(p) {
        if (getint($(p).val()) < 0) {
            $(p).focus();
            msg2("0점 이상으로 입력해주세요.");
        } else if (getint($(p).val()) > getint($("#tpoint").val())) {
            $(p).focus();
            msg2(getint($("#tpoint").val())+"점 이하으로 입력해주세요.");
        }
    }
    function viewcopy(sdno, lectno, regdateStr) {
        if (regdateStr == undefined) {
            regdateStr = "";
        }
        var winl = (screen.width - 840) / 2;
        var wint = (screen.height - 410) / 2;
        var opt = 'height=410, width=840, top=' + wint + ', left=' + winl + ',location=no, noresizable';
        window.open("http://118.219.255.225:7614/memechecker/score.html?domain=v_lectsd_list&docId="+regdateStr + "_" +sdno+"_"+lectno, "iscopyWin", opt);
    }

    var _authtype = 1;
    var _lectno;
    function viewcert(lectno) {
        _lectno = lectno;
        capp("/acommon/authkey", { authtype: _authtype, jobkey: lectno }, "cbauthkey");
    }
    function cbauthkey() {
        if (capResult.code == 1000) {            
            var pop = window.open('@ViewBag.reporturl/certification.aspx?lectno='+_lectno, "certprint", "width=" + (screen.availWidth) + ", height=" + (screen.availHeight) + ", scrollbars=yes, resizable=yes, status=no, location=no, left=0, top=0");
            if (pop == null) {
                msg("팝업이 차단되어 있습니다. 차단을 해제해 주세요.");
            }
        }
    }

    var fileDivId = "";
    function fileDel(obj) {
        let fileno = $(obj).data("fileno")
        let filename = $(obj).data("filename")
        fileDivId = "file" + fileno + "div";
        let data = {"key" : fileno , "fName": filename }
        if (confirm("파일을 삭제하시겠습니까?")) {
            capp("/acommon/deletefile", data, "fileDelResult");
        }
    }

    function fileDelResult() {
        if (capOK) {
            let fileDivObj = $("#" + fileDivId)
            if (fileDivObj.length == 1) {
                fileDivObj.remove();
                $("#fileinfoDiv").css("display", "")

                let sdno = $("#sdno").val();
                let lectno = $("#lectno").val();
                capp("/acommon/delfileOk", { lectno: lectno, sdno: sdno }, "afterView");
            }
        }
        else {
            msg("파일을 삭제할 수 없습니다.");
        }
    }

    function afterView() {
        viewsd(_sdno, _lectno, _tpoint, _ridx);
    }
</script>
<iframe id="ifrthis" style="display: none;"></iframe>