@model NP.Model.VMCourse
<div class="container">
    <div class="schBox" style="display:none;">
        <form id="smartSearchForm" method="post">
            <input type="hidden" name="cmno" id="cmno" />
            <input type="hidden" id="cmino" name="CM.cmino" />
            <input type="hidden" id="cmisno" name="CM.cmisno" />
            <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" style="font-size:16pt;"><a href="#">건설기술진흥법교육</a></li>
                    <li id="liTab2" style="font-size:16pt;display:none;"><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>
                        @*typeman는 데이터가 model.comcodes2임, 수정시 주의할것*@
                        @Html.DropDownListFor(x => x.stringval3, new SelectList(Model.ComCodes2, "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @*typeedu는 데이터가 model.comcodes3임, 수정시 주의할것*@
                        @Html.DropDownListFor(x => x.stringval4, new SelectList(Model.ComCodes3, "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @*typegrade는 데이터가 model.comcodes4임, 수정시 주의할것*@
                        @Html.DropDownListFor(x => x.stringval5, new SelectList(Model.ComCodes4, "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval6, new SelectList(Model.ComCodes5, "ccode", "cname"), "-선택-")
                    </li>
                    <li>
                        @Html.DropDownListFor(x => x.stringval7, new SelectList(Model.ComCodes6, "ccode", "cname"), "-선택-")
                    </li>
                    <li><a href="#" id="btnSearch">검색</a></li>
                </ul>
            }
            else if (Model.stringval == "1")
            {
                <ul class="schTab">
                    <li id="liTab1"><a href="#" style="font-size:16pt;">건설기술진흥법교육</a></li>
                    <li id="liTab2" class="current" style="font-size:16pt;"><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>
    <br />
    @if (Model.stringval2 == "2")
    {
        @*<p class='subDsc' style='color:red;'>※ 온라인 교육은 입금완료시 교육이 바로 시작되며 동영상 시청이 가능합니다.</p>*@
        <p class='' style="font-weight: bold; font-size: 14pt;">※ 현재 신청중인 교육은 <span style='color: red; font-weight: bold'>온라인교육(동영상강의28시간 + 집체참석7시간)</span> 교육입니다.</p>
    }
    <input type="hidden" id="hidCmno" />
    <ul class="smtList" style="margin-bottom:150px">
        @foreach (var item in Model.CMs)
        {
            <li>
                <div class="smtlCont">
                    <h5>
                        <em style="font-size:15px" class="@(item.cshape == 0 ? "org" : item.cshape == 1 ? "grn" : "blu")">
                            @(item.cshape == 0 ? "온라인" : item.cshape == 1 ? "교육장교육" : "온라인교육")
                        </em>
                        @*<span style="font-size:22px">@($"{item.cname} | {item.studytime}시간과정 | 교육비{item.infee}")</span></h5>*@
                        @{
                            string strTitle = string.Format("{0} | {1}시간과정 |<span  class='red' style='vertical-align: initial;'> {2}과정 </span>", item.cname, item.studytime, (item.isrefund == 1 ? "환급" : "비환급"), item.infee.ToString("#,0"));
                        }
                        <span style="font-size:22px">@Html.Raw(strTitle)</span>
                    </h5>
                    <ul class="smtlBtn">
                        <li>
                            <a onclick="javascript: openIntro(@item.cmno);" class="smtlChkBtn smtlChk01" style="right:130px;">강좌소개</a>
                        </li>
                        @*<li style="font-size:18px;"><a href="#" class="smtlBtn02" id="btnIntro" onclick="javascript: openIntro(@item.cmno)">강좌소개</a></li>*@
                        <li>
                            <a href="#" class="smtlBtn02 smtlChkBtn" id=@("btnSelect" + item.cmno) onclick="javascript: getCmInning(@item.cshape, @item.cmno)">일정조회</a>
                        </li>
                    </ul>
                </div>

                @*20220728 교육장정보 감추기*@
                @*@if (item.cshape == 1 || (item.cshape == 2 && item.scdtype == 0)) //오프라인 경우 교육장 정보를 보여준다.
                    {
                        <ul class="smtlTab" id="divPlace_@item.cmno" style="display:none">
                            <li class="current" onclick="javascript:setStudyplace(this,@item.cmno);"><a href="javascript:getSubCm(item.cshape, @item.cmno);">전체</a></li>
                            @foreach (var t in Model.ComCodes)
                            {
                                <li onclick="javascript:setStudyplace(this,@item.cmno);"><a href="javascript:getCmInning(item.cshape, @item.cmno, @t.ccode);">@t.cname 교육장</a></li>
                                <li onclick="javascript:setStudyplace(this,@item.cmno);"><a href="javascript:getSubCm(1, @item.cmno, @t.ccode);">@t.cname 교육장</a></li>
                            }
                        </ul>
                    }*@

                @*20220728온라인/오프라인 안내*@
                <div id="divInfo_@item.cmno" class="smtlChk">
                </div>

                @*20220728교육 영역*@
                <ul class="smtlTab" id="divPlace_@item.cmno" style="display:none">
                </ul>

                @*20220728교육일정 영역*@
                <div id=@("divScd"+ @item.cmno) class="smtlChk">
                </div>
                <input type="hidden" id="pcmno_@(item.cmno)_cgcode" value="@(item.cgcode)" />
                <ul class="smtlChk" id="ulSubCm_@item.cmno"></ul>
            </li>
        }
        @if (Model.CMs.Count == 0)
        {
            <li style="border:0px;">
                <div style="margin: 0 auto;display: table;text-align: center;">
                    <p style="font-size: 25px;line-height: 50px;">현재 개설된 과정이 없습니다.</p><p class="subDsc">자세한 사항은 1544-7660으로 문의 하세요.</p>
                </div>
            </li>
        }
    </ul>

    <ul class="clsBtn society">
        <li style="display:none;"><a href="/">뒤로가기</a></li>
        <li><a href="/">뒤로가기</a></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 style="display:none;" id="completeStd">수료기준 : 진도 <span id="spnCmAttend"></span>% 이상, 시험 <span id="spnCmFinal"></span>점 이상, 과제 <span id="spnCmSubject"></span>점 이상<span id="spnisoffabs"></span></p>
                                    @*@if (Model.CM.cshape != 1)
                                    {
                                        <p id="completeStd">수료기준 : 진도 <span id="spnCmAttend"></span>% 이상, 시험 <span id="spnCmFinal"></span>점 이상, 과제 <span id="spnCmSubject"></span>점 이상</p>
                                    }*@
                                </div>
                            </div>
                        </li>
                    </ul>
                    <dl class="fairIntro spnCmUsername" style="display:none;">
                        <dt>강사정보</dt>
                        <dd><span id="spnCmUsername"></span></dd>
                    </dl>
                    <dl class="fairIntro spnCmIntroHtml" style="display:none;">
                        <dt>강좌소개</dt>
                        <div id="spnCmIntroHtml"></div>
                    </dl>
                    <dl class="fairIntro spnCmTargetHtml" style="display:none;">
                        <dt>학습대상</dt>
                        <div id="spnCmTargetHtml"></div>
                    </dl>
                    <dl class="fairIntro spnCmGoalHtml" style="display:none;">
                        <dt>학습목표</dt>
                        <div id="spnCmGoalHtml"></div>
                    </dl>
                    <dl class="fairIntro spnCmContentHtml" style="display:none;">
                        <dt>학습내용</dt>
                        <div id="spnCmContentHtml"></div>
                    </dl>
                </div><!-- clsPopCont -->
            </div><!-- clsPopWrap -->
        </div>
    </div>
</div>

<style>
    .clsPopWrap {
        max-width: 655px;
    }
</style>

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

        $('#liTab1').click(function () {
            $.when(
                $("#stringval").val("0"),
                $("#stringval3").val(""),
                $("#stringval4").val(""),
                $("#stringval5").val(""),
                $("#stringval6").val("")
            ).done(function () {
                $("#smartSearchForm").submit();
                });

            });
        $('#liTab2').click(function () {
            $.when(
                $("#stringval").val("1"),
                $("#stringval3").val(""),
                $("#stringval4").val(""),
                $("#stringval5").val(""),
                $("#stringval6").val("")
            ).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 () {
            $("#stringval3").val("");
            $("#stringval4").val("");
            $("#stringval5").val("");
            $("#stringval6").val("");
            $("#smartSearchForm").submit();
            });
        $("#stringval3").change(function () {
            $("#stringval4").val("");
            $("#stringval5").val("");
            $("#stringval6").val("");
            $("#smartSearchForm").submit();
            });
        $("#stringval4").change(function () {
            $("#stringval5").val("");
            $("#stringval6").val("");
            $("#smartSearchForm").submit();
            });
        $("#stringval5").change(function () {
            $("#stringval6").val("");
            $("#smartSearchForm").submit();
            });
        $("#stringval6").change(function () {
            $("#smartSearchForm").submit();
            });
        });

    function openIntro(cmno) {
        $(".spnCmUsername").hide();
        $(".spnCmIntroHtml").hide();
        $(".spnCmTargetHtml").hide();
        $(".spnCmGoalHtml").hide();
        $(".spnCmContentHtml").hide();
        $("#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) {
            //20220729 온라인인경우 수료기준을 보여준다.
            if (@(Model.stringval2) == 1) {
                $("#completeStd").hide();
            }
            else if (@(Model.stringval2) == 2) {
                $("#completeStd").show();
            }

            $("#spnCmTitle").text(d.text);
            $("#spnCmKind").text(cmkind);
            $("#spnCmStudyHour").text(d.studytime);
            $("#spnCmAttend").text(d.attendcut);
            $("#spnCmFinal").text(d.finalcut);
            $("#spnCmSubject").text(d.subjectcut);
            if (d.username != null && d.username != "" && d.username != undefined) {
                $("#spnCmUsername").text(d.username);
                $(".spnCmUsername").show();
            }
            if (d.introhtml != null && d.introhtml != "" && d.introhtml != undefined) {
                $("#spnCmIntroHtml").html(d.introhtml);
                $(".spnCmIntroHtml").show();
            }
            if (d.targethtml != null && d.targethtml != "" && d.targethtml != undefined) {
                $("#spnCmTargetHtml").html(d.targethtml);
                $(".spnCmTargetHtml").show();
            }
            if (d.goalhtml != null && d.goalhtml != "" && d.goalhtml != undefined) {
                $("#spnCmGoalHtml").html(d.goalhtml);
                $(".spnCmGoalHtml").show();
            }
            if (d.contenthtml != null && d.contenthtml != "" && d.contenthtml != undefined) {
                $("#spnCmContentHtml").html(d.contenthtml);
                $(".spnCmContentHtml").show();
            }

            if (d.isoffabs == 1 && d.cshape == 2) {
                $("#spnisoffabs").text(", 집체교육 7시간 참석")
            }
            else {
                $("#spnisoffabs").text("")
            }
        });
    }

    function closeIntro() {
        $("#divIntro").hide();
    }

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

    //20220726 교육장, 교육일정 조회
    function getCmInning(cshape, cmno) {
        var btnSelect = $("#btnSelect" + cmno)
        var divInfo = $("#divInfo_" + cmno);
        var divPlace = $("#divPlace_" + cmno);
        var divScd = $("#divScd" + cmno);

        if (btnSelect.html() == '일정조회') {
            btnSelect.html('닫기');
            //capp("/focommon/GetScdForMixEdu", { cmno: model.cm.cmno, month: $("#selMonth").val() }, "renderScd");
            //교육일정에 등록되어 있는 일정 중 선택이 가능한 첫번째 일정 선택으로 달 파라미터 제거
            capp("/focommon/GetScdForMixEdu", { cmno: cmno}, "renderScdInning(1," + cshape + "," + cmno + ")");
        }
        else {
            divInfo.empty();
            divPlace.empty();
            divPlace.hide();
            divScd.empty();
            btnSelect.html('일정조회');
        }
    }

    //20220729 교육장 또는 교육장별 교육일정 정보 생성
    // job (1=교육장정보+교육일정 활성화, 0=교육일정만 활성화)
    function renderScdInning(job, cshape, cmno) {
        let strTmp = "";
        let strStudyPlaceTag = "";
        var divPlace = $("#divPlace_" + cmno);
        var divInfo = $("#divInfo_" + cmno);
        var divScd = $("#divScd" + cmno);

        if (job == 1) {

            divInfo.empty();
            divPlace.empty();

            if (cshape == 1) //오프라인
            {
                strTmp = "<p style='margin-bottom: 30px; color:red;'>" +
                    "※ 현재 신청 중인 교육은 교육장에서 진행되는 교육입니다.<br>" +
                    "※ 접수마감 된 일정에 취소자가 생기면 접수중 으로 바뀌게 됩니다." +
                    "</p>";
            }
            else if (cshape == 2) //온라인
            {
                strTmp = "<p style='margin-bottom: 30px;font-weight: bold; font-size: 14pt;'><span style='color:red'>※ 수료조건을 모두 만족하신 후 " +
                    "교육종료일(집체교육 참석일)에 집체교육 7시간을 참석 하시면 됩니다.</span > <br>" +
                    "※ 수료조건 : 동영상강의 진도율 90% 이상 / 시험평가 60점 이상 / 과제 제출<br>" +
                    "※ 교육비 입금과 동시에 동영상강의 시청이 가능합니다." +
                    "</p><br><span class='clsTitle'>교육종료일(집체교육 참석일)을 선택하여 주세요.</span>";
            }
            divInfo.append(strTmp);

            //교육장 만들기
            if (capResult.obj.length > 0) {
                var studyPlaceTmp = new Array();

                $.each(capResult.obj, function (i, d) {
                    var data = new Object();
                    if (d.studyplace != null) {
                        data.studyplace = d.studyplace;
                        data.studyplacename = d.studyplacename;

                        // 리스트에 생성된 객체 삽입
                        studyPlaceTmp.push(data);
                    }
                });

                // 교육장소코드, 교육장소명 Distinct
                let studyPlace = studyPlaceTmp.reduce(function (acc, current) {
                    if (acc.findIndex(({ studyplace }) => studyplace === current.studyplace) === -1) {
                        acc.push(current);
                    }
                    return acc;
                }, []);
                // 오름차순
                studyPlace = studyPlace.sort(function (a, b) {
                    return a.studyplace < b.studyplace ? -1 : a.studyplace > b.studyplace ? 1 : 0;
                });

                if (studyPlace.length > 0) {
                    /*strStudyPlaceTag = "<ul class='smtlTab' id='divPlace_" + cmno + "'>";*/
                    strStudyPlaceTag = "<li class='current' onclick='javascript:setStudyplace(this," + cmno + ");'><a href='javascript:getCmInningPlace(" + cshape + ", " + cmno + ");' style='font-size:20px;'>전체</a></li>";
                    $.each(studyPlace, function (i, d) {
                        strStudyPlaceTag += "<li onclick='javascript:setStudyplace(this," + cmno + ");'><a href='javascript:getCmInningPlace(" + cshape + ", " + cmno + ", " + d.studyplace + ");'style='font-size:20px;'>" + d.studyplacename + " 교육장</a></li>";
                    });
                }
            }

            // 교육장소 생성하기
            if (cshape > 0 &&  strStudyPlaceTag != '') {
                divPlace.append(strStudyPlaceTag);
                divPlace.show();
            }
        }

        divScd.empty();

        //강좌일정 태그 생성
        strTmp = "<ul id='ulScd" + cmno + "'></ul>";
        divScd.append(strTmp);

        var ulScd = $("#ulScd" + cmno);
        ulScd.empty();
        //var seq = 0;
        if (capResult.obj.length < 1) {
            var li = $("<li />");
            if (cshape == 1) {
                li.append("<label> - 선택 가능한 교육일정이 없습니다.</label>");
            } else if (cshape == 2) {
                li.append("<label> - 선택 가능한 교육종료일이 없습니다.</label>");
            }
            ulScd.append(li);
        }


        $.each(capResult.obj, function (i, d) {
            var li = $("<li />");
            var pData = $("<p />");
            var aApplyClass = $("<a />", { "onclick": "javascript:applyClassEdu(" + d.cmno + ", " + d.pcmno + ", " + d.cmino + ", " + d.cmisno + ");" });
            /*var spanApplyClass = $("<span />", { "class": "smtlChkBtn smtlChk03", "style": "font-size:18px" });*/
            var spanApplyClass = $("<span />", { "class": "smtlChkBtn smtlChk03" }, { "style": "font-size:18px" });
            var spanApplyClassN = $("<span />", { "class": "smtlChkBtn smtlChk05" }, { "style": "font-size:18px" });
            var radioEduDay = "<input type='radio' style='display:none' name='rdoScds' value='" + d.cmisno + "' ";
            /*var radioEduDay = "<input type='radio' style='display:none' name='rdoScds' value='" + d.cmisno + "' onclick='javascript:applyClassEdu(" + d.cmno + ", " + d.pcmno + ", " + d.cmino + ", " + d.cmisno + ") + "' ";*/
            var strStudyPlacename = "";
            if (d.studyplace != null && d.studyplace != '' && d.studyplacename != null &&  d.studyplacename != '') {
                strStudyPlacename = '[' + d.studyplacename + '교육장]';
            }

            if (d.isEnd == true) {
                pData.html("<label>"+ "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[종료] </label>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></span>");
            }
            else {
                /* by 인덕
                if (d.quota != 0) {
                    // 제한인원 지정됨
                    if (d.remainPeople <= 0) { // remainPeople(등록가능인원수) <= 0
                        spanApplyClassN.text("수강신청");
                        aApplyClass.append(spanApplyClassN);
                        pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수마감] </span>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></span>");
                        pData.append(spanApplyClassN);
                    }
                    else {
                        if (d.isselected == 1) { // isselected = (cm.setime('%Y%m%d',학습종료) == cminningscd.estart('%Y%m%d',교육시작) ? 1 : 0)
                            spanApplyClass.text("수강신청");
                            aApplyClass.append(spanApplyClass);
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수중] </span>" + radioEduDay + " checked> " + d.scdInfoSummary + "<span style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</span></span>");
                            pData.append(aApplyClass);
                        }
                        else {
                            spanApplyClass.text("수강신청");
                            aApplyClass.append(spanApplyClass);
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수중] </span>" + radioEduDay + "'> " + d.scdInfoSummary + "<span style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</span> " + "</span>");
                            pData.append(aApplyClass);
                        }
                    }
                }
                else {
                    // 제한인원 무제한
                    if (d.remainPeople <= 0) { // remainPeople(등록가능인원수) <= 0
                        spanApplyClassN.text("수강신청");
                        aApplyClass.append(spanApplyClassN);
                        pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수마감] </span>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></span>");
                        pData.append(spanApplyClassN);
                    }
                    else {
                        if (d.isselected == 1) { // isselected = (cm.setime('%Y%m%d',학습종료) == cminningscd.estart('%Y%m%d',교육시작) ? 1 : 0)
                            spanApplyClass.text("수강신청");
                            aApplyClass.append(spanApplyClass);
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " " + radioEduDay + " checked> " + d.scdInfoSummary + "</label></label>");
                            pData.append(spanApplyClass);
                        }
                        else {
                            spanApplyClass.text("수강신청");
                            aApplyClass.append(spanApplyClass);
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " " + radioEduDay + "'> " + d.scdInfoSummary + "</label></label>");
                            pData.append(aApplyClass);
                        }
                    }
                }
                */
                d.scdInfoSummary = (d.scdInfoSummary).replace("까지", "")
                if (d.remainPeople <= 0) { // remainPeople(등록가능인원수) <= 0
                    spanApplyClassN.text("접수마감");
                    aApplyClass.append(spanApplyClassN);
                    pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수마감] </span>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></span>");
                    pData.append(spanApplyClassN);
                }
                else {
                    spanApplyClass.text("교육신청");
                    aApplyClass.append(spanApplyClass);
                    if (d.quota != 0) {
                        if (d.isselected == 1) { // isselected = (cm.setime('%Y%m%d',학습종료) == cminningscd.estart('%Y%m%d',교육시작) ? 1 : 0)
                            // 사용안하는것 추측됨
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수중] </span>" + radioEduDay + " checked> " + d.scdInfoSummary + "<span style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</span></span>");
                            pData.append(aApplyClass);
                        }
                        else {
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " <span style='color: red'>[접수중] </span>" + radioEduDay + "'> " + d.scdInfoSummary + "<span style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</span> " + "</span>");
                            pData.append(aApplyClass);
                        }
                    }
                    else {
                        // 사용안하는것 추측됨
                        if (d.isselected == 1) { // isselected = (cm.setime('%Y%m%d',학습종료) == cminningscd.estart('%Y%m%d',교육시작) ? 1 : 0)
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " " + radioEduDay + " checked> " + d.scdInfoSummary + "</label></label>");
                            pData.append(spanApplyClass);
                        }
                        else {
                            pData.html("<label>" + "<span style='color:blue'>" + strStudyPlacename + "</span>" + " " + radioEduDay + "'> " + d.scdInfoSummary + "</label></label>");
                            pData.append(aApplyClass);
                        }
                    }
                }
            }

            li.append(pData);
            li.append('<input type="hidden" id="pcmno_'+d.pcmno+'_cgcode" name="pcmno_cgcodes" value="' + d.cgcode + '")" />');
            ulScd.append(li);
        });
    }

    //20220729 교육장별 교육일정 정보 조회
    function getCmInningPlace(cshape, cmno, studyPlace) {
        var issearchable = false;
        if ($("#stringval").val() == 0 && $("#stringval3").val() != "" && $("#stringval4").val() != "" && $("#stringval5").val() != "" && $("#stringval6").val() != "") {
            issearchable = true;
        } else if ($("#stringval").val() == 1 && $("#stringval3").val() != "") {
            issearchable = true;
        }

        if (issearchable) {
            //if (cshape == 1) {
            //    $("#divPlace_" + cmno).show();
            //}
            //else {
            //    $("#divPlace_" + cmno).hide();
            //}
            capp("/focommon/GetScdForMixEdu", { cmno: cmno, studyPlace: studyPlace}, "renderScdInning(0, " + cshape + "," + cmno + ")");
        }
    }

    //20220729 교육장, 교육일정 정보 생성
    ////function renderScdPlace(cshape, cmno, place) {
    ////    let strTmp = "";
    ////    let strStudyPlaceTag = "";

    ////    var divInfo = $("#divInfo_" + cmno);
    ////    divInfo.empty();

    ////    var divPlace = $("#divPlace_" + cmno);
    ////    divPlace.empty();

    ////    var divScd = $("#divScd" + cmno);
    ////    divScd.empty();

    ////    //교육장 만들기
    ////    if (capResult.obj.length > 0) {
    ////        var studyPlaceTmp = new Array();

    ////        $.each(capResult.obj, function (i, d) {
    ////            var data = new Object();
    ////            if (d.studyplace != null) {
    ////                data.studyplace = d.studyplace;
    ////                data.studyplacename = d.studyplacename;

    ////                // 리스트에 생성된 객체 삽입
    ////                studyPlaceTmp.push(data);
    ////            }
    ////        });

    ////        // 교육장소코드, 교육장소명 Distinct
    ////        let studyPlace = studyPlaceTmp.reduce(function (acc, current) {
    ////            if (acc.findIndex(({ studyplace }) => studyplace === current.studyplace) === -1) {
    ////                acc.push(current);
    ////            }
    ////            return acc;
    ////        }, []);
    ////        // 오름차순
    ////        studyPlace = studyPlace.sort(function (a, b) {
    ////            return a.studyplace < b.studyplace ? -1 : a.studyplace > b.studyplace ? 1 : 0;
    ////        });

    ////        if (studyPlace.length > 0) {
    ////            /*strStudyPlaceTag = "<ul class='smtlTab' id='divPlace_" + cmno + "'>";*/
    ////            strStudyPlaceTag = "<li class='current' onclick='javascript:setStudyplace(this," + cmno + ");'><a href='javascript:getCmInningPlace(" + cshape + ", " + cmno + ");'>전체</a></li>";
    ////            $.each(studyPlace, function (i, d) {
    ////                strStudyPlaceTag += "<li onclick='javascript:setStudyplace(this," + cmno + ");'><a href='javascript:getCmInningPlace(" + cshape + ", " + cmno + ", " + d.studyplace + ");'>" + d.studyplacename + " 교육장</a></li>";
    ////            });
    ////        }
    ////    }

    ////    // 교육장소 생성하기
    ////    if (strStudyPlaceTag != '') {
    ////        divPlace.append(strStudyPlaceTag);
    ////        divPlace.show();
    ////    }

    ////    //강좌일정 태그 생성
    ////    strTmp = "<ul id='ulScd" + cmno + "'></ul>";
    ////    divScd.append(strTmp);

    ////    var ulScd = $("#ulScd" + cmno);
    ////    ulScd.empty();
    ////    //var seq = 0;
    ////    if (capResult.obj.length < 1) {
    ////        var li = $("<li />");
    ////        li.append("<label> - 선택 가능한 교육종료일이 없습니다.</label>");
    ////        ulScd.append(li);
    ////    }

    ////    $.each(capResult.obj, function (i, d) {
    ////        var li = $("<li />");
    ////        var pData = $("<p />");
    ////        var aApplyClass = $("<a />", { "onclick": "javascript:applyClassEdu(" + d.cmno + ", " + d.pcmno + ", " + d.cmino + ", " + d.cmisno + ");" });
    ////        /*var spanApplyClass = $("<span />", { "class": "smtlChkBtn smtlChk03", "style": "font-size:18px" });*/
    ////        var spanApplyClass = $("<span />", {"style": "font-size:18px" });
    ////        alert(strStudyPlacename);
    ////        var strStudyPlacename = "";
    ////        if (d.studyplacename != '') {
    ////            strStudyPlacename = '[' + d.studyplacename + ']';
    ////        }

    ////        if (d.isEnd == true) {
    ////            pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[종료] </label>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></label>");
    ////        }
    ////        else {
    ////            if (d.quota != 0) {
    ////                if (d.remainPeople <= 0) {
    ////                    pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수마감] </label>" + radioEduDay + " disabled> <span style='color:gray'>" + d.scdInfoSummary + "</span></label>");
    ////                }
    ////                else {
    ////                    if (d.isselected == 1) {
    ////                        spanApplyClass.text("수강신청");
    ////                        aApplyClass.append(spanApplyClass);
    ////                        pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수중] </label>" + radioEduDay + " checked> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label></label>");

    ////                    }
    ////                    else {
    ////                        spanApplyClass.text("수강신청");
    ////                        aApplyClass.append(spanApplyClass);
    ////                        pData.html("<label>" + strStudyPlacename + " <label style='color: red'>[접수중] </label>" + radioEduDay + "'> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label> " + "</label>");
    ////                        pData.append(aApplyClass);
    ////                    }
    ////                    //if (seq == 0) {
    ////                    //    li.append("<label>" + radioEduDay + " checked> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label></label>");
    ////                    //}
    ////                    //else {
    ////                    //    li.append("<label>" + radioEduDay + "'> " + d.scdInfoSummary + "<label style='color: red;display:none;'> (" + d.remainPeople + "명 남음)</label></label>");
    ////                    //}
    ////                }
    ////            }
    ////            else {
    ////                if (d.isselected == 1) {
    ////                    pData.html("<label>" + strStudyPlacename + " " + radioEduDay + " checked> " + d.scdInfoSummary + "</label></label>");
    ////                }
    ////                else {
    ////                    pData.html("<label>" + strStudyPlacename + " " + radioEduDay + "'> " + d.scdInfoSummary + "</label></label>");
    ////                }
    ////                //if (seq == 0) {
    ////                //    li.append("<label>" + radioEduDay + " checked> " + d.scdInfoSummary + "</label>");
    ////                //}
    ////                //else {
    ////                //    li.append("<label>" + radioEduDay + "'> " + d.scdInfoSummary + "</label>");
    ////                //}
    ////            }
    ////        }


    ////        //aApplyClass.append(spanApplyClass);
    ////        //pData.append(aApplyClass);
    ////        li.append(pData);
    ////        //li.append(aApplyClass);
    ////        ulScd.append(li);

    ////        //ulScd.append(li2);
    ////    });
    ////    //20220726
    ////    //alert("model.cmisno" + model.cmisno);
    ////    //if (model.cmisno != null) {
    ////    //    $("input:radio[name='rdoScds'][value='" + model.cmisno + "']").click();
    ////    //}
    ////}

    //20220729 개발전
    function getSubCm(cshape, no, place) {
        var issearchable = false;
        if ($("#stringval").val() == 0 && $("#stringval3").val() != "" && $("#stringval4").val() != "" && $("#stringval5").val() != "" && $("#stringval6").val() != "") {
            issearchable = true;
        } else if($("#stringval").val() == 1 && $("#stringval3").val() != "" ) {
            issearchable = true;
        }

        if (issearchable) {
            _cmno = no;
            if (cshape == 1) {
                $("#divPlace_" + no).show();
            }
            else {
                $("#divPlace_" + no).hide();
            }

            capp("/focommon/getsubcm", { cmno: no, studyplace: place }, "renderSubCmGrid");
        }
    }

    //20220729 개발전
    function renderSubCmGrid() {
        var cmno = _cmno;
        var ulSubCm = $("#ulSubCm_" + cmno);
        ulSubCm.empty();
        //var applyClass = "<li><p class='subDsc' style='color:red;'>※ 입금완료시 교육이 바로 시작되며 동영상 시청이 가능합니다</p >※ 각 기수별 <span style='color:red;'>교육종료일을 꼭 확인하시고</span> 교육신청 부탁드립니다.</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 + ", " + d.pcmno +");" });
            var spanIntro = $("<span />", { "class": "smtlChkBtn smtlChk01", "style":"right:130px; font-size:18px;"});
            var span = $("<span />", { "class": "smtlChkBtn smtlChk03" , "style": "font-size:18px" });

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

            if (d.cshape == 0) {
                //p.html("<label style='cursor:default; font-size:18px'>" + d.tseq + "기  | " + d.cname + " | <span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'><span class='gry'>" + d.ssrename + "</span></span><span class='red'> " + (d.retimeymd == "2099-12-31" ? "신청일로부터 " + d.studydays + "일 (" + d.studytime + " 시간)" : "(" + d.studytime + "시간)") + "</span> | <span class=red>" + bindComma(d.infee) + "원</span></label>");
                p.html("<label style='cursor:default; font-size:18px'>" + d.tseq + "기  | " + d.cname + " | <span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'><span class='gry'>" + d.ssrename + "</span></span><span class='red'> " + (d.retimeymd == "2099-12-31" ? "(" + d.studytime + " 시간)" : "(" + d.studytime + "시간)") + "</span> | <span class=red>" + bindComma(d.infee) + "원</span></label>");
            }
            else if (d.cshape == 1) {
                //p.html("<label style='cursor:default; font-size:18px'>" + d.tseq + "기  | <span class='blu'>[" + d.studyplacename + "교육장]</span> " + d.cname + " | <span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'><span class='gry'>" + d.ssrename + "</span></span><span class='red'> " + (d.retimeymd == "2099-12-31" ? "신청일로부터 " + d.studydays + "일 (" + d.studytime + " 시간)" : "("+d.ssretimeToDay +"일)") + "</span> | <span class=red>" +bindComma(d.infee)+"원</span></label>");
                p.html("<label style='cursor:default; font-size:18px'>" + d.tseq + "기  | <span class='blu'>[" + d.studyplacename + "교육장]</span> " + d.cname + " | <span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'><span class='gry'>" + d.ssrename + "</span></span><span class='red'> " + (d.retimeymd == "2099-12-31" ? "(" + d.studytime + " 시간)" : "("+d.ssretimeToDay +"일)") + "</span> | <span class=red>" +bindComma(d.infee)+"원</span></label>");
            }
            else if (d.cshape == 2) {
                //p.html("<label style='cursor:default; font-size:18px'>" + d.tseq + "기  | " + d.cname + " | <span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'><span class='gry'>" + d.ssrename + "</span></span><span class='red'> " + (d.retimeymd == "2099-12-31" ? "신청일로부터 " + d.studydays + "일 (" + d.studytime + " 시간)" : "(" + d.studytime + "시간)") + "</span> | <span class=red>" + bindComma(d.infee) + "원 ※ 집체교육 선택 필수</span></label>");
                //p.html("<label style='cursor:default; font-size:18px'>" + d.tseq + "기  | " + d.cname + " | <span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'><span class='red'>교육종료일(" + d.setimeymd + "까지)</span></span><span> " + (d.retimeymd == "2099-12-31" ? "신청일로부터 " + d.studydays + "일 (" + d.studytime + " 시간)" : "(" + d.studytime + "시간)") + "</span></label>");
                //p.html("<label style='cursor:default; font-size:18px'>" + d.cname + "<span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'></span><span> " + (d.retimeymd == "2099-12-31" ? "신청일로부터 " + d.studydays + "일 (" + d.studytime + " 시간)" : "(" + d.studytime + "시간)") + "</span></label>");
                p.html("<label style='cursor:default; font-size:18px'>" + d.cname + "<span style='" + ((d.retimeymd == "2099-12-31") ? 'display:none' : '') + "'></span><span> " + (d.retimeymd == "2099-12-31" ? "(" + d.studytime + " 시간)" : "(" + d.studytime + "시간)") + "</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 applyClassEdu(cmno, pcmno, cmino, cmisno) {
        //수강신청

        if (@ViewBag.SSUserNo > 0) {
            ////var cmino = $("#cmino");
            $("#cmino").val(cmino);
            ///*var cmisno = $("#cmisno");*/
            $("#cmisno").val(cmisno);

            checkLectCompleteEdu(cmno, "@Model.stringval3", "@Model.stringval4", "@Model.stringval5", $("#pcmno_" + pcmno + "_cgcode").val(), pcmno, "chkLect");
        }
        else {
            msg("로그인 후 신청 할 수 있습니다.");
            return;
        }
    }

    //20220729 개발전
    function applyClass(cmno, pcmno) {
        //수강신청
        if (@ViewBag.SSUserNo > 0) {
            checkLectComplete(cmno, "@Model.stringval3", "@Model.stringval4", "@Model.stringval5", $("#pcmno_" + pcmno + "_cgcode").val(), pcmno, "chkLect");
        }
        else {
            msg("로그인 후 신청 할 수 있습니다.");
            return;
        }
    }

    function checkLectCompleteEdu(cmno, man, edu, grade, cgcode, pcmno) {
        _cmno = cmno;
        capp("/focommon/GetCheckLectIs", { cmno: cmno, man: man, edu: edu, grade: grade, cgcode: cgcode, pcmno: pcmno }, "chkLect"); // 1
        @* capResult.code == code;*@
    }

    //20220729 개발전
    function checkLectComplete(cmno, man, edu, grade, cgcode, pcmno) {
        _cmno = cmno;
        capp("/focommon/GetCheckLectIs", { cmno: cmno, man: man, edu: edu, grade: grade, cgcode: cgcode, pcmno: pcmno }, "chkLect"); // 1
        @*capResult.code == code;*@
    }


    function chkLect() { //2 --> 4
        if (capResult.code == 1000) {
            if (capResult.obj == 0) {
                checkLectIsComplete(_cmno);
            }
            else if (capResult.obj == 1) {
                msg("<span style='text-align: center;margin: 0 auto;display: inline-block;font-size: 15pt;line-height: 22pt;'>" +
                    "이 교육은 아래의 사유 중 하나에 해당되어 신청되지 않는 교육입니다.<br><br><p class='hello' style=' color: red; text-align:left; font-size:13pt;'>" +
                    "&nbsp; &nbsp;  -  &nbsp; &nbsp;선택한 교육목적으로 인정되지 않는 경우<br> &nbsp;  &nbsp; -  &nbsp; &nbsp;이미 신청 또는 수료한 교육과 함께 수료하면 인정이 되지 않는 경우" +
                    "<p><br>따라서 현재 화면에 나와있는 다른 교육으로 신청하여 주시기 바랍니다.<br><br><span style='display: block; margin - left: calc(50 % - 77px);'>문의 : 1544 - 7660</span></span>");
            }
            else {
             @*   msg("<sapn style='font-size: 15pt;'>이미 수강/수료한 과정입니다.</span>");*@
                msg("<sapn style='font-size: 15pt;'>현재 신청 하여 수강 중인 과정 또는 이미 수료한 과정입니다.</span>");
            }
        }
    }

    function checkLectIsComplete(cmno) { //3
        _cmno = cmno;
        capp("/focommon/GetCheckLectIsComplete", { cmno: cmno }, "check");
    }

    function check() {  //4 ->>2
       var cnt = capResult.obj;
        if (cnt > 0) {
            // 강좌를 만들 수 있지만 이미 생성된 조건?
           @* msg("이미 수강/수료한 과정입니다.");*@
            msg("<sapn style='font-size: 15pt;'>현재 신청 하여 수강 중인 과정 또는 이미 수료한 과정입니다.</span>");
           return;
        }
        else {
            $("#cmno").val(_cmno);
            $("#smartSearchForm").attr("action", "/Course/ApplyEdu").submit();
        }
        }
</script>