@model NP.Model.VMMy
@{
    NP.Model.Lect shapeDatapic = Model.Lects.FirstOrDefault();
    if(shapeDatapic == null)
    {
        shapeDatapic = new NP.Model.Lect();
    }

}
<div class="mpgInfo mpgInfored">
   @* <p style="color: red; font-size:20px;">※ 관련 법령에 의해 일일 최대 학습시간은 학습중인 모든 과정에 대하여 10시간(10차시)이오니 일정변경에 참고하시기 바랍니다.</p>*@
    <p style="color: red; font-size:20px;">※ 온라인교육은 관련 법령에 의해 일일 최대 학습시간이 학습중인 모든 과정에 대하여 10시간(10차시)이오니 일정변경에 참고하시기 바랍니다.</p>
</div>
<div style="margin-bottom:20px;">
    <button onclick="warningdate()" class="warningbutton">일정변경 시 주의사항</button>
</div>
<table class="lctAply">
	<thead>
		<tr>
			<th>강좌명</th>
			<td>교육일정변경</td>
		</tr>
	</thead>
	<tbody>
@foreach (var d in Model.Lects.Where(w=>w.rno == 1))
{
		<tr>
			<th>
                <div class="ltaList">
                    <h5>

                        <span class="@(d.cshape == 0 ? "org" : d.cshape == 1 ? "nav_grn" : "nav_blu")">@d.cshapename</span>
                        @if (d.studyplace == null)
                        {
                            <strong style="display:none;">@d.studyplacename 교육장</strong>
                        }
                        else if (d.studyplace != null)
                        {
                            <strong>@d.studyplacename 교육장</strong>
                        }

                        <b>@d.cname (@(d.classno))</b>
                    </h5>
                    <dl class="ltaDl">
                        <dt class="lectstatus">
                            @d.lectStatus
                        </dt>
                        <dt style="color:#888888">
                            @*교육기간 : @(string.Format("{0} ~ {1}", d.cshape == 1 ? d.sdate.Value.ToString("yy-MM-dd") : d.cdt.ToString("yy-MM-dd") , d.edate.Value.ToString("yy-MM-dd")))*@
                            교육기간 : @(string.Format("{0} ~ {1}", d.sdate.Value.ToString("yyyy년 MM월 dd일"), d.edate.Value.ToString("yyyy년 MM월 dd일")))
                        </dt>
                        @if (d.cshape != 1)
                        {
                            <dd style="color:red;">교육종료일 : @(string.Format("{0}", d.estart.ToString("yyyy년 MM월 dd일")))</dd>
                            <dt></dt>
                        }
                        <dt>@d.studytime 시간과정</dt>
                        @Html.Raw(d.isrebate == 1 ? "<span class=\"red\" style='vertical-align: middle;'>환급과정</span>" : "<span class=\"red\" style='vertical-align: middle;'>비환급과정</span>")
                    </dl>
                </div>
			</th>
            <td class="ltaBtn" data-th="교육일정변경 : ">
                <dl><dd class="blu"><a href="#" onclick="javscript: openScd(@d.cmno,@d.lectno,@d.cshape);">변경</a></dd></dl>
            </td>
		</tr>
}
	</tbody>
</table>
@if (Model.Lects.Count() < 1)
{
        <div style="text-align: center; padding: 20px;">- 일정을 변경할 교육이 없습니다.</div>
}
<form id="mform" method="post" action="">
@Html.HiddenFor(m => m.intval)
@Html.HiddenFor(m => m.stringval)
</form>

<div class="mpgPop" style="display: none" id="popScd">
    <div>
        <div>
            <div class="mpgPopWrap">
                <div class="mpgPopTitle" id="divTitle">
                    <h5></h5>
                    @*  <a href='javascript: mpgPopClose();'></a>*@
                </div>
                <div class="mpgPopCont" style="background-color: white;">
                    <div id="divScd"></div>

                </div><!-- clsPopCont -->
                <div class="mpgpopbtn2" style="margin-bottom: 20px; background-color: white;">
                    <ul class="mpgPopBtn" style="margin-top: 0px;">
                        <li><a href="#" class="bk" onclick="selectScd()">선택완료</a></li>
                        <li><a href="#" onclick="mpgPopClose()">취소</a></li>
                    </ul>
                </div>
            </div><!-- clsPopWrap -->
        </div>
    </div>
</div>
@section scriptsHeader{

}
@section scripts{
    <script>
        function warningdate() {
            $('#layermessage')
            msg("<sapn style='font-size: 15pt; text-align: left; margin:auto; display: inherit;'>■ 일정변경은 같은 교육과정에서만 가능합니다<br><br> - <span style='color:blue;'>일정변경 가능</span><br><br> 설계시공 최초 전문B교육 -> 설계시공 최초 전문B교육<br><br> -  <span style='color:red;'>일정변경 불가</span><br><br> 설계시공 최초 전문B교육 -> 설계시공 최초 전문A교육 <br><br>■ 변경 할 일정이  <span style='color:red;'>접수마감</span> 인 경우 해당 일정으로  <span style='color:red;'>변경이 불가능 합니다.</span></span>");
        }
    var vLectno;

    function pc(lectno,userno) {
        if (lectno < 1) {
            msg('본인의 수료증만 확인할 수 있습니다.');
        } else {
            window.open("/My/CertPrint?lectno=" + lectno+"&intval="+userno, "certprint", "width=" + (screen.availWidth) + ", height=" + (screen.availHeight) + ", scrollbars=yes, resizable=yes, status=no, location=no, left=0, top=0");
        }
    }
    function ps() {
        window.open("/My/CertSet");
    }
    function openScd(cmno, lectno, cshape) {
        vLectno = lectno
        $(".mpgPop").show();
        setScd(cmno, cshape);
    }
        function setScd(cmno, cshape) {
            capp("/focommon/GetScdForMixEdu", { cmno: cmno, lectno: vLectno, cshape: cshape }, "renderScdInning(" + cmno + "," + cshape + ")");
        //20220809
        // capp("/focommon/GetScdForMixEdu", { cmno: cmno, lectno: vLectno }, "renderScd");
    }

    function renderScdInning(cmno,cshape) {
        
        let strTmp = "";
        let dateStyle = "style1" // "style1 : 0000년 00월 00일, style2 : 0000년 00월 00일 까지"
        var divScd = $("#divScd");
        var divTitle = $("#divTitle");
        let onceCheck = false;
        divTitle.empty();
        if (cshape == 1)
        {
            strTmp = "<h5> 교육장교육 일정변경 </ul>";
        }
        else if (cshape == 2)
        {
            dateStyle = "style2";
            if (capResult.obj[0].studyplace == null) {
                strTmp = "<h5> 교육종료일(수료일자) 변경 </ul>";
            }
            else {
                strTmp = "<h5> 교육종료일(집체교육 참석일) 변경 </ul>";
            }
        }
            strTmp += "<a href='javascript: mpgPopClose();'></a>";
            @*strTmp = strTmp + "<a href='javascript: mpgPopClose();'></a>";*@
            divTitle.append(strTmp);
        divScd.empty();

        //강좌일정 태그 생성
        strTmp = "<ul id='ulScd" + cmno + "'></ul>";
        divScd.append(strTmp);

        var ulScd = $("#ulScd" + cmno);
        ulScd.empty();
        //var seq = 0;
            let displayCnt = 0;
            let noDisPlay = true;

        $.each(capResult.obj, function (i, d) {
            var li = $("<li />");

            if (dateStyle == "style2") {
                d.scdInfoSummary = d.scdInfoSummary + "까지"
            }

            if (cshape == 2 && d.studyplace != null && !onceCheck) {
                li.append("<div style='border:solid red 1px;padding:10px 10px'><label style='font-size:12pt;font-weight:bold'> ※ 이미 <span style='font-size:12pt;font-weight:bold;color: red'>집체7시간을 참석하신 경우</span> 변경한 교육종료일까지 부족한 수료조건을 만족하시면 수료 가능합니다. <span style='font-size:12pt;font-weight:bold;color: red'>(집체교육 재 참석 없음)</span></label></div><br><br>");
                onceCheck = true;
            }

            var pData = $("<p />");
            //var aApplyClass = $("<a />", { "onclick": "javascript:applyClassEdu(" + d.cmno + ", " + d.pcmno + ", " + d.cmino + ", " + d.cmisno + ");" });
            /*var spanApplyClass = $("<span />", { "class": "smtlChkBtn smtlChk03", "style": "font-size:18px" });*/
            /*var spanApplyClass = $("<span />", { "style": "font-size:18px" });*/
            var radioEduDay = "<input type='radio' name='rdoScds' value='" + d.cmisno + "' ";
            /*var radioEduDay = "<input type='radio' style='display:none' name='rdoScds' value='" + d.cmisno + *//*"' onclick='javascript:applyClassEdu(" + d.cmno + ", " + d.pcmno + ", " + d.cmino + ", " + d.cmisno + ")*//* + "' ";*/
            var strStudyPlacename = "";
            if (d.studyplace != null && d.studyplace != '' && d.studyplacename != null && d.studyplacename != '') {
                strStudyPlacename = '[' + d.studyplacename + '교육장]';
            }

            //if (d.isEnd == true) {
            //    pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수마감] </label>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></label>");
            //}
            if (d.isEnd == false)
            {
                ++displayCnt;
                if (d.quota != 0) {
                    if (d.remainPeople <= 0) {
                        
                        pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수마감] </label>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></label>");
                    }
                    else {
                        if (d.isselected == 1) {
                            //spanApplyClass.text("수강신청");
                            //aApplyClass.append(spanApplyClass);
                            pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수중]&nbsp;&nbsp;&nbsp;&nbsp; </label>" + radioEduDay + " checked> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label></label>");
                        }
                        else {
                            //spanApplyClass.text("수강신청");
                            //aApplyClass.append(spanApplyClass);
                            pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수중] &nbsp;&nbsp;&nbsp;&nbsp;</label>" + radioEduDay + "'> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label> " + "</label>");
                            //pData.append(aApplyClass);
                        }
                    }
                }
                else {
                    if (d.isselected == 1) {
                        pData.html("<label>" + strStudyPlacename + " " + radioEduDay + " checked> " + d.scdInfoSummary + "</label></label>");
                    }
                    //else {
                    //    pData.html("<label>" + strStudyPlacename + " " + radioEduDay + "'> " + d.scdInfoSummary + "</label></label>");
                    //}                    
                }
            }

            //if (capResult.obj.length < 1) {
            //    var li = $("<li />");
            //    li.append("<label> - 선택 가능한 교육종료일이 없습니다.</label>");
            //    ulScd.append(li);
            //}
            // 아래 코딩으로 대체
            if (displayCnt == 0 && noDisPlay) {
                var li = $("<li />");
                li.append("<label> - 선택 가능한 교육종료일이 없습니다.</label>");
                ulScd.append(li);
                noDisPlay = false;
            }

            li.append(pData);
            ulScd.append(li);

        });




    }

    function renderScd() {
        var ulScd = $("#ulScd");
        ulScd.empty();
        //var seq = 0;

        $.each(capResult.obj, function (i, d) {
            var li = $("<li />");
            if (d.isEnd == true) {
                //li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span><label style='color: red'> (종료)</label>");
            }
            else {
                if (d.quota != 0) {
                    if (d.remainPeople <= 0) {
                        //li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span><label style='color: red'> (마감)</label>");
                    }
                    else {
                        if (d.isselected == 1) {
                            li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' checked> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label>");
                        } else {
                            li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "'> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label>");
                        }
                        //if (seq == 0) {
                        //    li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' checked> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label>");
                        //}
                        //else {
                        //    li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "'> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label>");
                        //}
                    }
                }
                else {
                    if (d.isselected == 1) {
                        li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' checked> " + d.scdInfoSummary + "</label>");
                    } else {
                        li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "'> " + d.scdInfoSummary + "</label>");
                    }
                    //if (seq == 0) {
                    //    li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' checked> " + d.scdInfoSummary + "</label>");
                    //}
                    //else {
                    //    li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "'> " + d.scdInfoSummary + "</label>");
                    //}
                }
            }
            //seq++;
            ulScd.append(li);
        });
    }

    function selectScd() {
        if (confirm("교육종료일을 변경하시겠습니까?")) {
            var cmisno = $("input:radio[name=rdoScds]:checked").val();
            var lectno = vLectno;
            if (cmisno == "" || cmisno == undefined || cmisno == null) {
                msg("선택한 일정이 없습니다.");
                return;
            }
            capp("/focommon/UpdateScd", { cmisno: cmisno, lectno: lectno }, "scdSave");
        }
    }
    function scdSave() {
        msg(capResult.msg);
        if (capResult.code == 1) {
            submit();
        }
        else {
            return;
        }
    }
    </script>
}