@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/GetMyScdForMixEdu", { cmno: cmno, lectno: vLectno, cshape: cshape }, "renderScdInning(" + cmno + "," + cshape + ")");
		}

		function renderScdInning(cmno, cshape) {
			console.log("capResult.obj", capResult.obj)
			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>
}