@model NP.Model.VMCourse
<div class="container">
    <div class="schBox">
        <form id="smartSearchForm" method="post">
            <input type="hidden" name="cmno" id="cmno" />
            <input type="hidden" name="stringval" id="stringval" value="@Model.stringval" />
            @if (Model.stringval == "0" || Model.stringval == null || Model.stringval == "")
            {
                <ul class="schTab">
                    <li id="liTab1" class="current"><a href="#">법정교육</a></li>
                    <li id="liTab2"><a href="#">기타교육</a></li>
                </ul>
                <ul class="schCont">
                    <li>
                        <select name="stringval2" id="stringval2">
                            <option value="0" @(Model.stringval2 == "0" ? "selected" : "")>온라인교육</option>
                            <option value="1" @(Model.stringval2 == "1" ? "selected" : "")>교육장교육</option>
                            <option value="2" @(Model.stringval2 == "2" ? "selected" : "")>혼합교육</option>
                        </select>
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval3, new SelectList(Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"), "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval4, new SelectList(Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"), "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval5, new SelectList(Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"), "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval6, new SelectList(Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob"), "ccode", "cname"), "-선택-")
                    </li>
                    <li><a href="#" id="btnSearch">검색</a></li>
                </ul>
            }
            else if (Model.stringval == "1")
            {
                <ul class="schTab">
                    <li id="liTab1"><a href="#">법정교육</a></li>
                    <li id="liTab2" class="current"><a href="#">기타교육</a></li>
                </ul>
                <ul class="schCont">
                    <li>
                        <select name="stringval2" id="stringval2">
                            <option value="0" @(Model.stringval2 == "0" ? "selected" : "")>온라인교육</option>
                            <option value="1" @(Model.stringval2 == "1" ? "selected" : "")>교육장교육</option>
                            <option value="2" @(Model.stringval2 == "2" ? "selected" : "")>혼합교육</option>
                        </select>
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval3, new SelectList(Model.CMsEtc, "cgno", "cgname"), "-선택-")
                    </li>
                    <li><a href="#" id="btnSearch">검색</a></li>
                </ul>
            }


        </form>
    </div>

    <p class="subDsc mt15">본인의 기술인 정보를 모르실 경우에는 아래링크를 클릭하여 정보 확인 후 교육신청을 하여 주시기 바랍니다.</p>
    <ul class="smtLnk">
        <li><a href="https://homenet.kocea.or.kr:1443" target="_blank">한국건설기술인협회 이동</a></li>
        <li><a href="https://www.kira.or.kr" target="_blank">건축사협회 이동</a></li>
    </ul>

    <input type="hidden" id="hidCmno"/>
    <ul class="smtList" style="margin-bottom:150px">
        @foreach (var item in Model.CMs)
        {
        <li>
            <div class="smtlCont">
                <h5><em class="@(item.cshape == 0 ? "org" : item.cshape == 1? "grn" : "blu")">@(item.cshape == 0 ? "온라인" : item.cshape == 1 ? "교육장" : "혼합")</em> <span>@item.cname</span></h5>
                <ul class="smtlBtn">
                    <li><a href="#" class="smtlBtn02" onclick="javascript: getSubCm(@item.cshape, @item.cmno)">조회하기</a></li>
                </ul>
            </div>
            @if (item.cshape == 1)
            {
                <ul class="smtlTab" id="divTab_@item.cmno" style="display:none">
                    <li class="current" onclick="javascript:setStudyplace(this,@item.cmno);"><a href="javascript:getSubCm(1, @item.cmno);">전체</a></li>
                    @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "studyplace"))
                    {
                        <li onclick="javascript:setStudyplace(this,@item.cmno);"><a href="javascript:getSubCm(1, @item.cmno, @t.ccode);">@t.cname 교육장</a></li>
                    }
                </ul>
            }
            <ul class="smtlChk" id="ulSubCm_@item.cmno"></ul>
        </li>
        }
    </ul>
</div>

<div class="clsPop" id="divIntro" style="display:none">
    <div>
        <div>
            <div class="clsPopWrap">
                <div class="clsPopTitle">
                    <h5>강좌소개</h5>
                    <a href="#" onclick="javascript: closeIntro();"></a>
                </div>
                <div class="clsPopCont">
                    <ul class="smtList pop">
                        <li>
                            <div class="smtlCont">
                                <h5><span id="spnCmTitle"></span></h5>
                                <div class="gry">
                                    <p>교육분류 : <span id="spnCmKind"></span></p>
                                    <p>인정시간 : <span class="sky"><span id="spnCmStudyHour"></span></span>시간</p>
                                    <p>수료기준 : 진도 <span id="spnCmAttend"></span>%, 시험 <span id="spnCmFinal"></span>%</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <dl class="fairIntro">
                        <dt>강사정보</dt>
                        <dd><span id="spnCmUsername"></span></dd>
                    </dl>
                    <dl class="fairIntro">
                        <dt>강좌소개</dt>
                        <dd><span id="spnCmIntroHtml"></span></dd>
                    </dl>
                </div><!-- clsPopCont -->
            </div><!-- clsPopWrap -->
        </div>
    </div>
</div>


<script type="text/javascript">
    var _cmno;
    $(document).ready(function () {

        $('#liTab1').click(function () {
            $.when(
                $("#stringval").val("0"),
                $("#stringval7").val("@Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman").FirstOrDefault().ccode").attr("selected", "selected"),
                $("#stringval8").val("@Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu").FirstOrDefault().ccode").attr("selected", "selected"),
                $("#stringval9").val("@Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade").FirstOrDefault().ccode").attr("selected", "selected"),
                $("#stringval10").val("@Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob").FirstOrDefault().ccode").attr("selected", "selected")
            ).done(function () {
                $("#smartSearchForm").submit();
            });

        });
        $('#liTab2').click(function () {
            $.when(
                $("#stringval").val("1"),
                $("#stringval7").val("@Model.CMsEtc.FirstOrDefault().cgno").attr("selected", "selected"),
                $("#stringval8").val(null),
                $("#stringval9").val(null),
                $("#stringval10").val(null)
            ).done(function () {
                $("#smartSearchForm").submit();
            });
        });
        $('#btnSearch').click(function () {
            if ($("#liTab1").hasClass("current")) {
                $("#stringval").val("0");
            }
            else if ($("#liTab2").hasClass("current")) {
                $("#stringval").val("1");
            }
            setTimeout(function () {
                $("#smartSearchForm").submit();
            }, 1000);
        });

        $("#stringval").change(function () {
            $("#smartSearchForm").submit();
        });
        $("#stringval2").change(function () {
            $("#smartSearchForm").submit();
        });
        $("#stringval3").change(function () {
            $("#smartSearchForm").submit();
        });
        $("#stringval4").change(function () {
            $("#smartSearchForm").submit();
        });
        $("#stringval5").change(function () {
            $("#smartSearchForm").submit();
        });
        $("#stringval6").change(function () {
            $("#smartSearchForm").submit();
        });
    });

    function openIntro(cmno) {
        $("#divIntro").show();
        capp("/focommon/getcmuser", { cmno: cmno }, "renderCmNo");
    }
    function renderCmNo() {
        var typeman = $("#stringval3").find("option:selected").text();
        var typeedu = $("#stringval4").find("option:selected").text();
        var typegrade = $("#stringval5").find("option:selected").text();
        var typejob = $("#stringval6").find("option:selected").text();
        var cmkind;
        cmkind = typeman + " | " + typeedu + " | " + typegrade + " | " + typejob;
        if ($("#stringval").val() == "1") {
            cmkind = $("#stringval3").find("option:selected").text();
        }

        $.each(capResult.obj, function (i, d) {
            $("#spnCmTitle").text(d.text);
            $("#spnCmKind").text(cmkind);
            $("#spnCmStudyHour").text(d.studytime);
            $("#spnCmAttend").text(d.attendcut);
            $("#spnCmFinal").text(d.finalcut);
            $("#spnCmUsername").text(d.username);
            $("#spnCmIntroHtml").text(d.introhtml.replace(/(<([^>]+)>)/ig, ""));
        });
    }
    function closeIntro() {
        $("#divIntro").hide();
    }

    function setStudyplace(v,cmno) {
        $("#divTab_" + cmno + " > li").removeClass("current");
        $(v).addClass("current");
    }

    function getSubCm(cshape, no, place) {
        _cmno = no;
        if (cshape == 1) {
            $("#divTab_" + no).show();
        }
        else {
            $("#divTab_" + no).hide();
        }
        capp("/focommon/getsubcm", { cmno: no, studyplace: place }, "renderSubCmGrid");
    }
    function renderSubCmGrid() {
        var cmno = _cmno;
        var ulSubCm = $("#ulSubCm_" + cmno);
        ulSubCm.empty();
        var applyClass = "<li><p class='subDsc'>※ 대기접수는 해당 교육과정의 정원이 마감되어 교육입교 확정은 아니지만 결원 발생 시 대기신청 차례에 따라 교육생 연락처로 연락 드리는 시스템 입니다</p ></li>";
        $.each(capResult.obj, function (i, d) {
            var li = $("<li />");
            var p = $("<p />");
            var a = $("<a />", { "onclick": "javascript:openIntro(" + d.cmno + ");" });
            var a2 = $("<a />", { "onclick": "javascript:applyClass(" + d.cmno +");" });
            var spanIntro = $("<span />", { "class": "smtlChkBtn smtlChk01" ,"style":"right:130px"});
            var span = $("<span />", { "class": "smtlChkBtn smtlChk03"});

            if (d.quota != 0) {
                var cnt = d.quota - d.lectcnt;
                if (cnt <= 0) {
                    span = $("<span />", { "class": "smtlChkBtn smtlChk02" });
                    span.text("대기접수");
                }
                else {
                    span.text("수강신청");
                }
            }
            else {
                span.text("수강신청");
            }

            if (d.cshape == 0) {
                p.html("<label>" + d.tseq + "기 <span class='gry'>" + d.rsrename + " (" + d.rsretimeToDay+"일) </span> " + d.cname + "<span class='red'> | " + d.infee + "원</span></label>");
            }
            else if (d.cshape == 1) {
                p.html("<label>" + d.tseq + "기 <span class='blu'>[" + d.studyplacename + "교육장] </span><span class='gry'>" + d.rsrename + " (" + d.rsretimeToDay +"일) </span> " + d.cname + "<span class='red'> | "+d.infee+"원</span></label>");
            }
            else if (d.cshape == 2) {
                p.html("<label>" + d.tseq + "기 <span class='gry'>" + d.rsrename + " (" + d.rsretimeToDay +"일) </span> " + d.cname + "<span class='red'> | " + d.infee + "원 ※ 집체교육 선택 필수</span></label>");
            }
            spanIntro.text("강좌소개");
            li.append(p);
            a.append(spanIntro);
            li.append(a);
            a2.append(span);
            li.append(a2);
            ulSubCm.append(li);
        });
        if (ulSubCm.html() != "") {
            ulSubCm.append(applyClass);
        }
        if (capResult.obj.length <= 0) {
            ulSubCm.append("<p class='subDsc' style='margin-top:30px; margin-bottom:30px'>※ 강좌가 없습니다.</p >");
        }
    }

    function applyClass(cmno) {
        if (@ViewBag.SSUserNo > 0) {
            checkLectIsComplete(cmno);
        }
        else {
             alert("로그인 후 신청 할 수 있습니다.");
            return;
        }
    }

    function checkLectIsComplete(cmno) {
        _cmno = cmno;
        capp("/focommon/GetCheckLectIsComplete", { cmno: cmno }, "check");
    }
    function check() {
        var cnt = capResult.obj;
        if (cnt > 0) {
            alert("이미 수강/수료한 과정입니다.");
            return;
        }
        else {
            $("#cmno").val(_cmno);
            $("#smartSearchForm").attr("action", "/Course/ApplyEdu").submit();
        }
    }
</script>