@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>
</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.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="교육일정변경 : ">
                    @if (d.intv1 == 0)
                    {
                        <dl><dd class="blu"><a href="#" onclick="javscript: openScd(@d.cmno,@d.lectno,@d.cshape);">변경</a></dd></dl>
                    }
                    else
                    {
                        <dl><dd class="blu"><a href="#" onclick="javscript: msg('이미 출석을 완료한 교육과정입니다.');">변경</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>
                </div>
                <div class="mpgPopCont" style="background-color: white;padding:10px">
                    <div id="divScd"></div>

                </div>                
                <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>
        </div>
    </div>
</div>
@section scriptsHeader{

}
@section scripts{
    <style>
        #popScd {
            top: -170px;
        }

        .mpgPopCont {
            height: 550px
        }

        .mpgPopBtn {
            padding-top: 30px;
        }
    </style>
    <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;
        var _cmno = 0;
        var _cmino = 0;

        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();
            _cmno = cmno;
            setScd(cmno, cshape);
        }

        function setScd(cmno, cshape) {            
            capp("/focommon/GetScdForMixEdu", { cmno: cmno, lectno: vLectno, cshape: cshape }, "renderScdInning(" + cmno + "," + cshape + ")");            
        }

        function renderScdInning(cmno, cshape) {

            let strTmp = "";
            let dateStyle = "style1";
            var divScd = $("#divScd");
            var divTitle = $("#divTitle");
            let onceCheck = false;
            let studyplaceCheck = false;
            let notContentsCheck = false;

            divTitle.empty();
            if (cshape == 1) {
                strTmp = "<h5> 교육장교육 일정변경 </ul>";
            }
            else if (cshape == 2) {
                dateStyle = "style2";

                if (capResult.obj.length > 0) {
                    if (capResult.obj[0].studyplace == null) {
                        studyplaceCheck = false;
                    }
                    else {
                        studyplaceCheck = true;
                    }
                }
                else {
                    studyplaceCheck = false;
                }

                if (!studyplaceCheck) {
                    strTmp = "<h5> 교육종료일(수료일자) 변경 </ul>";
                }
                else {
                    strTmp = "<h5> 교육종료일(집체교육 참석일) 변경 </ul>";
                }
            }

            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();
            let displayCnt = 0;
            let noDisPlay = true;
            let datachk = false;

            $.each(capResult.obj, function (i, d) {
                datachk = false;
                let comment = d.comment == null ? "" : "<br><span style='margin-left:39px'>(" + d.comment + ")</span>"
                var li = $("<li />");

                if (d.cmisno == 12763) {
                    var kk = "13";
                }

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

                var pData = $("<p />");
                _cmno = d.cmno;
                _cmino = d.cmino;
                
                var radioEduDay = "<input type='radio' name='rdoScds' value='" + d.cmisno + "' ";
                
                var strStudyPlacename = "";
                if (d.studyplace != null && d.studyplace != '' && d.studyplacename != null && d.studyplacename != '') {
                    strStudyPlacename = '[' + d.studyplacename + '교육장]';
                }

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

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

                if (datachk || onceCheck) {
                    li.append(pData);
                    ulScd.append(li);
                }

            });

            if (capResult.obj.length == 0) {
                var li = $("<li />");
                li.append("<label> - 선택 가능한 교육종료일이 없습니다.</label>");
                ulScd.append(li);
                notContentsCheck = true;
                _cmino = 0;
                _cmno = 0;
            }

            if (notContentsCheck) {
                $(".mpgPopCont").css("height", "300px")
            }
            else {
                $(".mpgPopCont").css("height", "480px")
            }

        }

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

            $.each(capResult.obj, function (i, d) {
                let comment = d.comment == null ? "" : "<span style='margin-left:12px'>(" + d.comment + ")</span>"
                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 + "명 남음)" + comment + "</label>");
                            } else {
                                li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "'> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)" + comment + "</label>");
                            }
                        
                        }
                    }
                    else {
                        if (d.isselected == 1) {
                            li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "' checked> " + d.scdInfoSummary + comment + "</label>");
                        } else {
                            li.append("<input type='radio' name='rdoScds' value='" + d.cmisno + "'> " + d.scdInfoSummary + comment + "</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, cmno: _cmno, cmino: _cmino }, "scdSave");
            }
        }
        function scdSave() {
            msg(capResult.msg);
            if (capResult.code == 1) {
                submit();
            }
            else {
                return;
            }
        }
    </script>
}