@model NP.Model.VMMy
@{

}
<style>
    .lctQr {
    }
        .lctQr > span {
            color: black;
            cursor: pointer;
        }
        .lctQr span.current {
            color: blue;
        }
</style>
<div class="mpgInfo">			
	<ul>
		<li>강좌명을 클릭하시면 강좌의 내용을 확인할 수 있는 강의실로 입장하실 수 있습니다.</li>
		<li>수료증은 수료를 완료한 인원만 출력하실 수 있습니다. 출력이 안되실 경우 나의 상담을 이용하여 문의주시기 바랍니다.</li>
        <li>·2020년 이전 과정은 수강과정에서 조회되지 않으며, ‘증빙서류출력’으로 이동하여 이용해주시기 바랍니다.</li>
	</ul>
</div>			
<div class="lctQr">
    @*<p><input type="checkbox" name="intval" @(Model.intval == 1 ? "checked":"") id="lctQrChk"/><label for="lctQrChk">보수교육만 조회</label></p>*@
        <span class="@(string.IsNullOrEmpty(Model.stringval)? "current" : "" )" id="lblAll">전체</span>&nbsp;|&nbsp;
        <span class="@(Model.stringval == "1"? "current" : "" )" id="lblOff">교육장교육</span>&nbsp;|&nbsp;
        <span class="@(Model.stringval == "2"? "current" : "" )" id="lblMix">온라인(혼합)교육</span>&nbsp;|&nbsp;
        <span class="@(Model.stringval == "0"? "current" : "" )" id="lblOn">온라인교육</span>
    <ul>
        <li><a href="#" onclick="ps()">수료증 최적화 출력방법</a></li>
    </ul>
</div>
<table class="lctAply">
	<thead>
		<tr>
			<th>강좌명</th>
			<td>강의실</td>
			<td>수료증</td>
		</tr>
	</thead>
	<tbody>
@foreach (var d in Model.Lects.Where(w=>w.rno == 1))
{
		<tr>
			<th>
                <div class="ltaList">
                    <a href="@(d.isgroup == 0 || (d.isgroup == 1 && Model.Lects.Where(w=>w.payno == d.payno && w.userno==ViewBag.SSUserNo).Count() > 0) ? string.Format("/CRoom/Index?croomlectno={0}", d.isgroup == 0 ? d.lectno : Model.Lects.Where(w=>w.payno == d.payno && w.userno==ViewBag.SSUserNo).First().lectno, d.cmno) : "#")">
                        <h5>
                            <em>@d.tyear-@(d.tseq)기</em>
                            <span class="nav">@d.cshapename</span>
                            @Html.Raw(d.isrebate == 1 ? "<span class=\"grn\">환급</span>" : "")
                            <b>@d.cname (@(d.classno))</b>
                        </h5>
                        <dl class="ltaDl">
                            <dt class="@(d.setime > DateTime.Now ? "ltaDlbk" : "ltaDlred")">@(d.setime > DateTime.Now ? "수강기간 학습중" : "종료")</dt>
                            <dd>교육기간 : @d.sstime.Value.ToString("yy/MM/dd") ~ @d.setime.Value.ToString("yy/MM/dd")</dd>
                            @if (d.cshape == 2 && d.estart > Convert.ToDateTime("1900-01-01") && d.eend > Convert.ToDateTime("1900-01-01"))
                            {
                                <dt class="ltaDlbk"></dt>
                                <dd> 집체교육일 :  @d.estart.ToString("yy/MM/dd") ~ @d.eend.ToString("yy/MM/dd")</dd>
                            }
                        </dl>
                    </a>
                    @if (d.cshape == 2 && d.estart > Convert.ToDateTime("1900-01-01") && d.eend > Convert.ToDateTime("1900-01-01"))
                    {
                        <dl class="ltaDl" style="display:inline">
                            <dd>
                                &nbsp;&nbsp;&nbsp;
                                <input type="button" value="집체교육변경" />
                            </dd>
                        </dl>
                    }
                </div>
			</th>
            <td class="ltaBtn" data-th="강의실 : ">
    @if (d.isgroup == 0)
    {
                <a href="/CRoom/Index?croomlectno=@d.lectno">입장</a>
    }
    else if (Model.Lects.Where(w => w.payno == d.payno && w.userno == ViewBag.SSUserNo).Count() > 0)
    {
                <a href="/CRoom/Index?croomlectno=@(Model.Lects.Where(w => w.payno == d.payno && w.userno == ViewBag.SSUserNo).First().lectno)&cmno=@d.cmno">입장</a>
    }
    else
    {
                @:-
    }
            </td>
            <td class="ltaBtn" data-th="수료증 : ">
    @if (d.isgroup == 0)
    {
        if (d.iscomplete == 1)
        {
                <dl><dd class="blu"><a href="#" onclick="pc(@d.lectno,@d.userno)">수료</a></dd></dl>
        }
        else
        {
                <span>-</span>
        }
    }
    else
    {
                <span class="ltaOpen" ltaOpen="02" data-payno="@d.payno">@(Model.Lects.Where(w=>w.payno == d.payno).Count())명</span>
    }
            </td>
		</tr>
    if (d.isgroup == 1)
    {
        <tr class="ltaDown ltaDown01 payno@(d.payno)">
			<th colspan="2">
				<div class="ltaDesc">
					<ul>
        @foreach (var u in Model.Lects.Where(w => w.payno == d.payno))
        {
						<li><b>@u.username @u.ccpositionname (@u.asname)</b> @u.emailhide</li>
        }
					</ul>
				</div>
			</th>
			<td class="ltaBtn ltaDesc" data-th="수료증 : ">
				<dl>
        @foreach (var u in Model.Lects.Where(w => w.payno == d.payno))
        {
            if (u.iscomplete == 1)
            {
					@*<dd class="blu"><a href="#" onclick="pc(@(u.userno  == ViewBag.SSUserNo? u.lectno : 0))">수료</a></dd>*@
					<dd class="blu"><a href="#" onclick="pc(@(u.lectno),@(u.userno))">수료</a></dd>
            }
            else
            {
					<dd class="bk"><a href="#" style="cursor: default">미수료</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="pop1">
    <div>
        <div>
            <div class="mpgPopWrap">
                <div class="mpgPopTitle">
                    <h5>QR코드</h5>
                    <a href="javascript:mpgPopClose();"></a>
                </div>
                <div class="mpgPopCont">
                    <img id="qrcode" src="../img/mypage/lecture_attend_qrcode.jpg" alt="" />
                    <ul class="mpgPopBtn">
                        <li><a href="#" class="bk" onclick="getqr()">저장</a></li>
                        <li><a href="#" onclick="mpgPopClose()">취소</a></li>
                    </ul>
                </div><!-- clsPopCont -->
            </div><!-- clsPopWrap -->
        </div>
    </div>
</div>
@section scriptsHeader{

}
@section scripts{
    <script>
        $(document).ready(function () {
            $(".lctQr > span").click(function () {
                $(".lctQr > span").removeClass("current");
                $(this).addClass("current");
                var id = $(this).attr("id");
                if (id == "lblAll") { $("#stringval").val(null) }
                if (id == "lblOff") { $("#stringval").val("1") }
                if (id == "lblMix") { $("#stringval").val("2") }
                if (id == "lblOn") { $("#stringval").val("0") }
                submit();
            });
            $("#lctQrChk").on("change", function () {
                setv("intval", 0);
                if ($(this).prop("checked")) {
                    setv("intval", 1);
                }
                submit();
            });
            $('.ltaOpen').click(function () {
                var atdNum = $(this).attr('ltaOpen');
                if ($(this).is('.on')) {
                    $("tr.payno" + $(this).attr("data-payno")).removeClass("on");
                    $(this).removeClass('on');
                } else {
                    $("tr.payno" + $(this).attr("data-payno")).addClass("on");
                    $(this).addClass('on');
                }
            });
        });
        function qr() {
            capp("/fcommon/qrcode", {}, "cbqr");
        }
        function cbqr() {
            if (capResult.code == 1000) {
                $('html, body').addClass('lock');
                $("#qrcode").attr("src", capResult.obj);
                $("#pop1").show();
            }
        }
        function getqr() {
            location.href = "/fcommon/QRCodeDown";
        }
        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");
        }

    </script>
}