@model NP.Model.VMMy
@{

}
<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);">변경</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">
                     @if (Model.cmm.cshape == 1)
                        {
                            <h5>교육장교육 일정변경</h5>
                        }
                        else if (Model.cmm.cshape == 2)
                        {
                            <h5>교육종료일(수료일자) 변경</h5>
                        }   
                    <a href="javascript:mpgPopClose();"></a>
                </div>
                <div class="mpgPopCont">
                    <div id="divScd"></div>
                    <ul class="mpgPopBtn">
                        <li><a href="#" class="bk" onclick="selectScd()">선택완료</a></li>
                        <li><a href="#" onclick="mpgPopClose()">취소</a></li>
                    </ul>
                </div><!-- clsPopCont -->
            </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) {
        vLectno = lectno
        $(".mpgPop").show();
        setScd(cmno);
    }
    function setScd(cmno) {
        capp("/focommon/GetScdForMixEdu", { cmno: cmno, lectno: vLectno }, "renderScdInning(" + cmno + ")");
        //20220809
        // capp("/focommon/GetScdForMixEdu", { cmno: cmno, lectno: vLectno }, "renderScd");
    }

    function renderScdInning(cmno) {
        
        let strTmp = "";
        var divScd = $("#divScd");

        divScd.empty();

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

        var ulScd = $("#ulScd" + cmno);
        ulScd.empty();
        //var seq = 0;
        if (capResult.obj.length < 1) {
            var li = $("<li />");
            li.append("<label> - 선택 가능한 교육종료일이 없습니다.</label>");
            ulScd.append(li);
        }

        $.each(capResult.obj, function (i, d) {
            var li = $("<li />");
            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>");
            }
            else {
                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; </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;</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>");
                    }                    
                }
            }

            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>
}