@model NP.Model.VMCourse
<div class="container">
    <div class="schBox">
        <form id="smartSearchForm" method="post">
            <input type="hidden" name="stringval" id="stringval" value="" />
            @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>
                        </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>
                        </select>
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval3, new SelectList(Model.CMsEtc, "cgcode", "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>

    <ul class="smtList" style="margin-bottom:150px">
        @foreach (var item in Model.CMs)
        {
        <li>
            <div class="smtlCont">
                <h5><em class="@(item.cshape == 0 ?"org" : "grn")">@(item.cshape == 0 ? "온라인" : "교육장")</em> <span>@item.cname</span></h5>
                @if (item.cshape == 1) //오프라인일경우
                {
                    <p>신청가능강좌 : <span class="sky">부산교육장(10개), 영천교육장(7개), 진주교육장(3개)</span></p>
                }
                <ul class="smtlBtn">
                    <li><a href="#" class="smtlBtn01" onclick="javascript: openIntro();">과정소개</a></li>
                    <li><a href="#" class="smtlBtn02">조회하기</a></li>
                </ul>
            </div>
            <ul class="smtlTab" id="divTab_@item.cmno">
                <li class="current"><a href="javascript:getcm('', '전체');">전체</a></li>
                @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "studyplace"))
                {
                    <li><a href="javascript:getcm('@t.ccode', '@t.cname');">@t.cname</a></li>
                }
            </ul>
            <ul class="smtlChk">
                <li>
                    <input type="checkbox" id="chk01">
                    <p><label for="chk01">31기 <span class="blu">[ 부산교육장 ]</span> <span class="gry">2019-04-05 ~ 2019-04-20 (30일 24시간)  |  </span><span class="red">200,000원</span></label></p>
                    <span class="smtlChkBtn smtlChk01">신청가능</span>
                </li>
                <li>
                    <input type="checkbox" id="chk02">
                    <p><label for="chk02">32기 <span class="blu">[ 부산교육장 ]</span> <span class="gry">2019-04-05 ~ 2019-04-20 (30일 18시간)  |  </span><span class="red">200,000원</span></label></p>
                    <span class="smtlChkBtn smtlChk02">대기접수</span>
                </li>
                <li>
                    <input type="checkbox" id="chk03">
                    <p><label for="chk03">33기 신청일로부터 30일 <span class="gry">(28시간)  |  </span><span class="red">200,000원</span></label></p>
                    <span class="smtlChkBtn smtlChk01">신청가능</span>
                </li>
                @*<li>
                    <p class="subDsc">※ 대기접수는 해당 교육과정의 정원이 마감되어 교육입교 확정은 아니지만 결원 발생 시 대기신청 차례에 따라 교육생 연락처로 연락 드리는 시스템 입니다</p>
                    <a href="#" class="smtlChkBtn smtlChk03">수강신청</a>
                </li>*@
            </ul>
        </li>
        }
        @*  <li>
                <div class="smtlCont">
                    <h5><em class="org">온라인</em> <span>건설기술인 기본1교육과정</span></h5>
                    <p>신청가능강좌 : <span class="sky">부산교육장(10개), 영천교육장(7개), 진주교육장(3개)</span></p>
                    <ul class="smtlBtn">
                        <li><a href="#" class="smtlBtn01">과정소개</a></li>
                        <li><a href="#" class="smtlBtn02">조회하기</a></li>
                    </ul>
                </div>
                <ul class="smtlTab">
                    <li><a href="#">전체</a></li>
                    <li class="current"><a href="#">부산교육청</a></li>
                    <li><a href="#">영천교육장</a></li>
                    <li><a href="#">진주교육장</a></li>
                </ul>
                <ul class="smtlChk">
                    <li>
                        <input type="checkbox" id="chk01">
                        <p><label for="chk01">31기 <span class="blu">[ 부산교육장 ]</span> <span class="gry">2019-04-05 ~ 2019-04-20 (30일 24시간)  |  </span><span class="red">200,000원</span></label></p>
                        <span class="smtlChkBtn smtlChk01">신청가능</span>
                    </li>
                    <li>
                        <input type="checkbox" id="chk02">
                        <p><label for="chk02">32기 <span class="blu">[ 부산교육장 ]</span> <span class="gry">2019-04-05 ~ 2019-04-20 (30일 18시간)  |  </span><span class="red">200,000원</span></label></p>
                        <span class="smtlChkBtn smtlChk02">대기접수</span>
                    </li>
                    <li>
                        <input type="checkbox" id="chk03">
                        <p><label for="chk03">33기 신청일로부터 30일 <span class="gry">(28시간)  |  </span><span class="red">200,000원</span></label></p>
                        <span class="smtlChkBtn smtlChk01">신청가능</span>
                    </li>
                    <li>
                        <p class="subDsc">※ 대기접수는 해당 교육과정의 정원이 마감되어 교육입교 확정은 아니지만 결원 발생 시 대기신청 차례에 따라 교육생 연락처로 연락 드리는 시스템 입니다</p>
                        <a href="#" class="smtlChkBtn smtlChk03">수강신청</a>
                    </li>
                </ul>
            </li>
            <li>
                <div class="smtlCont">
                    <h5><em class="grn">교육장</em> <span>건설기술인 기본2교육과정</span></h5>
                    <p>신청가능강좌 : <span class="sky">부산교육장(10개), 영천교육장(7개), 진주교육장(3개)</span></p>
                    <ul class="smtlBtn">
                        <li><a href="#" class="smtlBtn01">과정소개</a></li>
                        <li><a href="#" class="smtlBtn02">조회하기</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <div class="smtlCont">
                    <h5><em class="org">온라인</em> <span>건설기술인 기본2교육과정</span></h5>
                    <p>신청가능강좌 : <span class="sky">부산교육장(10개), 영천교육장(7개), 진주교육장(3개)</span></p>
                    <ul class="smtlBtn">
                        <li><a href="#" class="smtlBtn01">과정소개</a></li>
                        <li><a href="#" class="smtlBtn02">조회하기</a></li>
                    </ul>
                </div>
            </li>*@
    </ul>
</div><!-- container -->

<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><em class="org">온라인</em> <span>2020 LMO 생물안전관리(책임)자 보수교육</span></h5>
                                <div class="gry">
                                    <p>교육분류 : 설계시공기술인   |   계속교육   |   초급   |   토목</p>
                                    <p>인정시간 : <span class="sky">14</span>시간</p>
                                    <p>수료기준 : 진도 80%이상, 시험 100%</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <dl class="fairIntro">
                        <dt>강사정보</dt>
                        <dd>Kim, Mi-Jeong</dd>
                    </dl>
                    <dl class="fairIntro">
                        <dt>강좌소개</dt>
                        <dd>신규 연구실안전환경 관리자</dd>
                    </dl>
                </div><!-- clsPopCont -->
            </div><!-- clsPopWrap -->
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $('#liTab1').click(function () {
            $("#stringval").val("0");
            $("#smartSearchForm").submit();
        });
        $('#liTab2').click(function () {
            $("#stringval").val("1");
            $("#smartSearchForm").submit();
        });
        $('#btnSearch').click(function () {
            if ($("#liTab1").hasClass("current")) {
                $("#stringval").val("0");
            }
            else if ($("#liTab2").hasClass("current")) {
                $("#stringval").val("1");
            }
            $("#smartSearchForm").submit();
        });
    });

    function openIntro() {
        $("#divIntro").show();
    }
    function closeIntro() {
        $("#divIntro").hide();
    }
</script>