@model NP.Model.VMCourse
@{

}
<div class="fairInfo">
    <h5>@Html.Raw(Model.CM.isnewcm == 1 ? "<span>신규</span> " : "")<span class="grn" style="@(Model.CM.isrefund==0 ? "display:none;":"")">환급</span>@Model.CM.cname</h5>
    <table>
        <tr>
            <td style="padding-left: 20px;">
                <ul>
                    <li>
                        <dl>
                            <dd>급수 : @Model.CM.certgradeccname</dd>
                            <dd>학습시간 : <span>@(Model.CM.studytime)시간</span></dd>
                            <dd>학습기간 : <span>@(Math.Truncate((Model.CM.setime.Value - Model.CM.sstime.Value).TotalDays)+1)일</span></dd>
                            <dd>정원 : @Model.CM.quotastr</dd>
                        </dl>
                    </li>
                    <li>
                        신청유형 : 수료기준
                        <div class="fairRadio">
                            <div><input type="radio" class="isrefund" name="isrefund" id="isrefund0" value="0" checked /><label for="isrefund0">일반과정 : @Model.CMEV.ev0</label></div>
                            @if (Model.CM.isrefund == 1)
                            {
                                <div><input type="radio" class="isrefund" name="isrefund" id="isrefund1" value="1" /><label for="isrefund1">환급과정 : @Model.CMEV.ev1</label></div>
                            }
                        </div>
                    </li>
                    <li>학습기간(신청기간) : <span>@Model.CM.sstime.Value.ToString("yy-MM-dd") ~ @Model.CM.setime.Value.ToString("yy-MM-dd")</span>  (@Model.CM.retime.Value.ToString("yy-MM-dd")까지 신청가능)</li>
                </ul>
            </td>
        </tr>
    </table>
    <div class="fairCost">
        <p>수강료 : <span>회원 : </span><b>@Model.CM.infee.ToString("#,0")</b><span>원</span> <span>비회원 : </span><b>@Model.CM.outfee.ToString("#,0")</b><span>원</span></p>
        <dl>
            @*<dt><a href="#">맛보기</a></dt>*@
            <dd><a href="#" class="lecBtn" onclick="buythis()">수강신청</a></dd>
        </dl>
    </div>
</div>
@if (Model.FileList != null && Model.FileList.Count() > 0)
{
    <div class="fairCover">
        <h4>강의근거</h4>
        <div style="padding: 20px;">
            <div style="padding-left: 10px">
                @foreach (var f in Model.FileList)
                {
                    <a href="/focommon/downfile?fno=@f.fileno"># @f.orgname</a><br />
                }
            </div>
        </div>
    </div>
}
@if (Model.CMBooks.Count > 0)
{
    <div class="fairCover">
        <h4>교재정보</h4>
        <div>
            <table id="bookbox">
                @foreach (var b in Model.CMBooks)
                {
                    <tr>
                        <th><em style="background:url('@(string.IsNullOrEmpty(b.fileurl)?"/img/online/fair_book_sample01.jpg" : (Model.Files + b.fileurl))')no-repeat center center;"></em></th>
                        <td>
                            <a href="#" style="cursor: default;">
                                <h5><span>교재</span>@b.bkname</h5>
                                <dl>
                                    <dd><span>저자 : </span>@b.author</dd>
                                    <dd><span>출판연도 : </span>@(b.pubdate==null?"":b.pubdate.Value.ToShortDateString())</dd>
                                </dl>
                                <p><span>판매가</span> <b>@b.price.ToString("#,0")</b><em>원</em></p>
                            </a>
                            <div>
                                <input type="checkbox" class="book" id="book@(b.bkno)" value="@b.bkno" />
                                <label for="book@(b.bkno)">교재선택</label>
                            </div>
                        </td>
                    </tr>
                }
            </table>
        </div>
    </div><!-- fairCover -->
}

<ul class="fairTab">
    <li class="current"><a href="javascript:fairTab('01');">과정소개</a></li>
    <li><a href="javascript:fairTab('02');">학습목차</a></li>
    <li><a href="javascript:fairTab('03');">추천과정</a></li>
</ul>
<div class="fairCont" id="fairCont01">
    @if (Model.CMPRs.Count() > 0)
    {
        <dl class="fairIntro">
            <dt>교수정보</dt>
            <dd>
                <table class="fairTch">
                    @foreach (var p in Model.CMPRs)
                    {
                        <tr>
                            <th style="vertical-align: top;"><em style="background:url('@(string.IsNullOrEmpty(p.fileurl) ? "/img/online/fair_teacher_sample01.jpg" : (Model.Files + p.fileurl))')no-repeat center center;"></em></th>
                            <td>
                                <h5>@p.username 교수님</h5>
                                <p>@Html.Raw(p.introhtml ?? "")</p>
                            </td>
                        </tr>
                        <tr><td colspan="2">&nbsp;</td></tr>
                    }
                </table>
            </dd>
        </dl>
    }
    @if (!string.IsNullOrEmpty(Model.CM.introhtml))
    {
        <dl class="fairIntro">
            <dt>교육소개</dt>
            <dd>@Html.Raw(Model.CM.introhtml ?? "")</dd>
        </dl>
    }
    @if (!string.IsNullOrEmpty(Model.CM.targethtml))
    {
        <dl class="fairIntro">
            <dt>교육대상</dt>
            <dd>@Html.Raw(Model.CM.targethtml ?? "")</dd>
        </dl>
    }
    @if (!string.IsNullOrEmpty(Model.CM.goalhtml))
    {
        <dl class="fairIntro">
            <dt>교육목표</dt>
            <dd>@Html.Raw(Model.CM.goalhtml ?? "")</dd>
        </dl>
    }
    @if (!string.IsNullOrEmpty(Model.CM.contenthtml))
    {
        <dl class="fairIntro">
            <dt>교육내용</dt>
            <dd>@Html.Raw(Model.CM.contenthtml ?? "")</dd>
        </dl>
    }
    @if (!string.IsNullOrEmpty(Model.CM.studyplacename))
    {
        <dl class="fairIntro" id="fairLoc">
            <dt>교육장소</dt>
            <dd>
                <ul>
                    <li>@Model.CM.studyplacename</li>
                </ul>
            </dd>
        </dl>
    }
    <dl class="fairIntro">
        <dt>수료기준</dt>
        <dd>
            <table class="fairStand">
                <tr>
                    @Html.Raw(Model.CM.isrefund == 1 ? "<th>환급구분</th>" : "")
                    <th>구분</th>
                    <th>진도율</th>
                    <th>진행평가</th>
                    <th>최종평가</th>
                    <th>과제</th>
                    <th>토론</th>
                    <th>총점</th>
                </tr>
                <tr>
                    @Html.Raw(Model.CM.isrefund == 1 ? "<td rowspan=\"2\">일반</td>" : "")
                    <td>평가비율(%)</td>
                    <td>@(Model.CMEV.attend > 0 ? Model.CMEV.attend.ToString() : "-")</td>
                    <td>@(Model.CMEV.mid > 0 ? Model.CMEV.mid.ToString() : "-")</td>
                    <td>@(Model.CMEV.final > 0 ? Model.CMEV.final.ToString() : "-")</td>
                    <td>@(Model.CMEV.subject > 0 ? Model.CMEV.subject.ToString() : "-")</td>
                    <td>@(Model.CMEV.discuss > 0 ? Model.CMEV.discuss.ToString() : "-")</td>
                    <td>100%</td>
                </tr>
                <tr>
                    <td>수료기준(점)</td>
                    <td>@(Model.CMEV.attendcut > 0 ? Model.CMEV.attendcut.ToString() : "-")</td>
                    <td>@(Model.CMEV.midcut > 0 ? Model.CMEV.midcut.ToString() : "-")</td>
                    <td>@(Model.CMEV.finalcut > 0 ? Model.CMEV.finalcut.ToString() : "-")</td>
                    <td>@(Model.CMEV.subjectcut > 0 ? Model.CMEV.subjectcut.ToString() : "-")</td>
                    <td>@(Model.CMEV.discusscut > 0 ? Model.CMEV.discusscut.ToString() : "-")</td>
                    <td>@(Model.CMEV.cut > 0 ? Model.CMEV.cut.ToString() : "-")</td>
                </tr>
                @if (Model.CM.isrefund == 1)
                {
                    <tr>
                        <td rowspan="2">환급</td>
                        <td>평가비율(%)</td>
                        <td>@(Model.CMEV.attendrfd > 0 ? Model.CMEV.attendrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.midrfd > 0 ? Model.CMEV.midrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.finalrfd > 0 ? Model.CMEV.finalrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.subjectrfd > 0 ? Model.CMEV.subjectrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.discussrfd > 0 ? Model.CMEV.discussrfd.ToString() : "-")</td>
                        <td>100%</td>
                    </tr>
                    <tr>
                        <td>수료기준(점)</td>
                        <td>@(Model.CMEV.attendcutrfd > 0 ? Model.CMEV.attendcutrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.midcutrfd > 0 ? Model.CMEV.midcutrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.finalcutrfd > 0 ? Model.CMEV.finalcutrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.subjectcutrfd > 0 ? Model.CMEV.subjectcutrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.discusscutrfd > 0 ? Model.CMEV.discusscutrfd.ToString() : "-")</td>
                        <td>@(Model.CMEV.cutrfd > 0 ? Model.CMEV.cutrfd.ToString() : "-")</td>
                    </tr>
                }
            </table>
        </dd>
    </dl>
</div>

<div class="fairCont" id="fairCont02">
    <table class="fairMock" id="inningbox"></table>
</div>

<div class="fairCont" id="fairCont03">
    <div class="fairRcmd">
        <h5>선행과정</h5>
        <ul class="fairList" id="precms"></ul>
    </div>
    <div class="fairRcmd">
        <h5>후행과정</h5>
        <ul class="fairList" id="aftercms"></ul>
    </div><!-- fairRcmd -->
</div>
<form id="thisform" action="" method="get">
    @Html.HiddenFor(m => m.cmno)
    @Html.HiddenFor(m => m.previewname)
    @Html.HiddenFor(m => m.cmbks)
    @Html.HiddenFor(m => m.isrefund)
</form>
@section scriptsHeader{
    <style type="text/css">
        #precms td, #aftercms td {
            padding: 20px;
        }

        .isr0 {
            cursor: default;
        }

        .isrtd0 {
            background-color: #f9f9f9;
        }
    </style>
}
@section scripts{
    <script>
        $(document).ready(function () {
            fairTab('01');
        });
        function fairTab(num) {
            $('.fairCont').hide();
            $('.fairTab li').removeClass('current');
            $('.fairTab li:nth-child(' + num + ')').addClass('current');
            if (num == "02" && $("#inningbox tr").length < 1) {
                capp("/focommon/cminnings", { cmno: @Model.CM.cmno}, "cbcminnings");
            } else if (num == "03" && $("#precms li").length < 1) {
                capp("/focommon/cmrelays", { cmno: @Model.CM.cmno}, "cbcmrelays");
            } else {
                $('#fairCont' + num).fadeIn();
            }
        }
        function cbcminnings() {
            $.each(capResult.obj, function (i, d) {
                $("#inningbox").append("<tr><th>" + d.iseq + "</th><td><p><span>" + d.isonlinename2 + "</span>" + d.ititle + "</p></td></tr>");
            });
            if (capResult.obj.length < 1) {
                $("#inningbox").append("<tr><th colspan=\"2\"> - </th></tr>");
            }
            $('#fairCont02').fadeIn();
        }
        function cbcmrelays() {
            $.each(capResult.obj.pre, function (i, d) {
                $("#precms").append("<li><table class=\"fairLec\"><tr><td style=\"padding-left: 20px;\" class=\"isrtd" + d.isrequesting + "\">" +
                    "<a class=\"isr" + d.isrequesting + "\" href=\"#\" onclick=\"detail('"+d.cname+"'," + d.cmno + ", '" + d.pcgcode + "', this)\">" +
                    "<h5>" + (d.isnewcm == 1 ? "<span>신규</span> " : "") + d.cname + "</h5>" +
                    "<dl><dd>난이도 : " + d.difficultyname + "</dd><dd>학습시간 : <span>" + d.studytime + "시간</span></dd><dd>학습기간 : <span>" + d.ssseterm + "일</span></dd></dl></a>" +
                    "</td></tr></table>" +
                    //"<div class=\"fairCost\">" +
                    //"<div class=\"fairRadio\" style=\"" + (d.isrefund == 1?"":"display: none;") + "\">신청유형 :&nbsp;&nbsp;&nbsp;"+
                    //"<input type=\"radio\" class=\"isrefund2\" name=\"isrefund" + d.cmno + "\" id=\"isrefund" + d.cmno + "_0\" value=\"0\" checked /><label for=\"isrefund" + d.cmno+"_0\">일반과정</label>&nbsp;&nbsp;&nbsp;"+
                    //"<input type=\"radio\" class=\"isrefund2\" name=\"isrefund" + d.cmno + "\" id=\"isrefund" + d.cmno + "_1\" value=\"1\" /><label for=\"isrefund" + d.cmno+"_1\">환급과정</label></div>"+
                    //"<p>수강료 : <b>" + bindComma(d.fee) + "</b><span>원</span></p><dl><dt></dt><dd><a href=\"#\" class=\"lecBtn\" onclick=\"detail('" + d.cname + "', " + d.cmno + ", '" + d.pcgcode + "', this)\">수강신청</a></dd></dl></div>" +
                    "</li>");
            });
            if (capResult.obj.pre.length < 1) {
                $("#precms").append("<li style=\"padding-left: 20px;\"> - </li>");
            }
            $.each(capResult.obj.after, function (i, d) {
                $("#aftercms").append("<li><table class=\"fairLec\"><tr><td style=\"padding-left: 20px;\" class=\"isrtd" + d.isrequesting + "\">" +
                    "<a class=\"isr" + d.isrequesting + "\" href=\"#\" onclick=\"detail('" + d.cname + "'," + d.cmno + ", '" + d.pcgcode + "', this)\"><h5>" + (d.isnewcm == 1 ? "<span>신규</span> " : "") + d.cname + "</h5>" +
                    "<dl><dd>난이도 : " + d.difficultyname + "</dd><dd>학습시간 : <span>" + d.studytime + "시간</span></dd><dd>학습기간 : <span>" + d.ssseterm + "일</span></dd></dl></td></tr></table>" +
                    //"<div class=\"fairCost\">" +
                    //"<div class=\"fairRadio\" style=\"" + (d.isrefund == 1?"":"display: none;") + "\">신청유형 :&nbsp;&nbsp;&nbsp;"+
                    //"<input type=\"radio\" class=\"isrefund2\" name=\"isrefund" + d.cmno + "\" id=\"isrefund" + d.cmno + "_0\" value=\"0\" checked /><label for=\"isrefund" + d.cmno+"_0\">일반과정</label>&nbsp;&nbsp;&nbsp;"+
                    //"<input type=\"radio\" class=\"isrefund2\" name=\"isrefund" + d.cmno + "\" id=\"isrefund" + d.cmno + "_1\" value=\"1\" /><label for=\"isrefund" + d.cmno+"_1\">환급과정</label></div>"+
                    //"<p>수강료 : <b>" + bindComma(d.fee) + "</b><span>원</span></p><dl><dt></dt><dd><a href=\"#\" class=\"lecBtn\" onclick=\"detail(" + d.cmno + ", '" + d.pcgcode + "', this)\">수강신청</a></dd></dl></a></div>" +
                    "</li>");
            });
            if (capResult.obj.after.length < 1) {
                $("#aftercms").append("<li style=\"padding-left: 20px;\"> - </li > ");
            }
            $('#fairCont03').fadeIn();
        }
        function buythis() {
            //if (@ViewBag.SSUserNo < 1) {
            //    gourl("/Account/Index?ru=/Course/CertDetail?cmno=@Model.CM.cmno");
            //} else {
                capp("/fcommon/buycheck", { cmno: @Model.CM.cmno }, "cbbuycheck");
            //}
        }
        function cbbuycheck() {
            if (capResult.code == 1000) {
                if (capResult.obj == 0) {
                    msg("수강신청기간이 아닙니다.");
                } else if (capResult.obj < 5) {
                    msg("이미 신청중인 강좌입니다.");
                }
                else if (capResult.obj == 999) {
                    msg("정원이 초과되어 신청이 불가능합니다. 운영자에게 문의해주세요.");
                }
                else if (capResult.obj == 1000) {
                    confirmtoggle(true, "이미 유사한 과정을 수강한 이력이 있습니다.<br />신청을 계속 진행하시겠습니까?", "gogo()");
                } else {
                    gogo();
                }
            } else if (capResult.code == 9999) {
                gologin(null, location.href);
            }else {
                msgadmin();
            }
        }
        function gogo() {
            setv("cmno", @Model.CM.cmno);
            var bks = "";
            $.each($("#bookbox input.book:checked"), function () {
                bks += ";" + $(this).val();
            });
            setv("cmbks", bks == "" ? "" : bks.substr(1));
            setv("isrefund", $("input.isrefund:checked").val());
            $("#thisform").attr("action", "/Course/CertBuy@(Model.viewname3)");
            setTimeout(function () {
                bglayer();
                $("#thisform").submit();
            }, 10);
        }
        var _cmno;
        var _pcg;
        var _a;
        function detail(cname, cmno, pcg, a) {
            gourl("/Course/CertDetail?cmno=" + cmno);
            //if (@ViewBag.SSUserNo < 1) {
            //    gourl("/Account/Index?ru=/Course/"+pcg+"Detail?cmno="+cmno);
            //} else {
            //    _cmno = cmno;
            //    _pcg = pcg;
            //    _a = a;
            //    capp("/fcommon/buycheck", { cmno: cmno }, "cbbuycheck2");
            //}
        }
        @*function cbbuycheck2() {
            if (capResult.code == 1000) {
                if (capResult.obj == 0) {
                    msg("수강신청기간이 아닙니다.");
                } else if (capResult.obj < 5) {
                    msg("이미 신청중인 강좌입니다.");
                }
                else if (capResult.obj == 999) {
                    msg("정원이 초과되어 신청이 불가능합니다. 운영자에게 문의해주세요.");
                }
                else if (capResult.obj == 1000) {
                    confirmtoggle(true, "이미 유사한 과정을 수강한 이력이 있습니다.<br />신청을 계속 진행하시겠습니까?", "gogo2()");
                } else {
                    gogo2();
                }
            } else {
                msgadmin();
            }
        }
        function gogo2() {
            setv("cmno", _cmno);
            var bks = "";
            setv("cmbks", bks == "" ? "" : bks.substr(1));
            setv("isrefund", $(_a).closest("li").find("input.isrefund2:checked").val());
            $("#thisform").attr("action", "/Course/" + _pcg+"Buy@(Model.viewname3)");
            setTimeout(function () {
                bglayer();
                $("#thisform").submit();
            }, 10);
        }*@
    </script>
}