@model NP.Model.VMCourse
@{

}
<h4 class="clsTitle" style="margin-top:0;">강좌정보</h4>
<ul class="clsList">
    <li>
        <h5><span class="nav">@Model.CM.cshapename</span><span class="grn" style="@(Model.CM.isrefund == 1 && Model.isrefund == 1 ? "":"display: none;")">환급</span><em>@Model.CM.certgradeccname</em> @Model.CM.cname</h5>
        <p>( @Model.CM.sssename3 )</p>
    </li>
</ul>
<form action="" id="mform2" method="get" enctype="multipart/form-data">
    <input type="hidden" name="isgroup" value="1" />
    <input type="hidden" name="asno" id="asno1" value="@Model.User.asno" />
    <input type="hidden" name="savedata" id="savedata0" />
    <input type="hidden" name="savedata2" id="savedata1" />
    <table class="clsChk" style="display: none;">
        <tr>
            <th>신청방식 선택</th>
            <td>
                <ul>
                    <li><input type="radio" name="buysinglemulti" id="buysingle" checked value="0" /><label for="buysingle">개인</label></li>
                    <li><input type="radio" name="buysinglemulti" id="buymulti" value="1" /><label for="buymulti">단체</label></li>
                </ul>
            </td>
        </tr>
        <tr class="buymultiarea" style="display: none;">
            <th>직장</th>
            <td>
                <div class="clsCpny">
                    <span id="asname1">@(Model.User.asname ?? "-")</span>
                    <a href="#" onclick="_as = 1;boxassignview()">선택</a>
                </div>
            </td>
        </tr>
        <tr class="buymultiarea" style="display: none;"><td colspan="2" style="padding: 5px 20px">* 반드시 직장을 선택하셔야 단체신청이 가능합니다.</td></tr>
    </table>
</form>
<div class="buysinglearea">
    <h4 class="clsTitle">신청자정보</h4>
    <form action="" id="mform" method="get" enctype="multipart/form-data">
        <input type="hidden" name="isrefund" value="@(Model.isrefund==1 && Model.CM.isrefund == 1?1:0)" />
        <input type="hidden" name="cmno" value="@(Model.CM.cmno)" />
        <input type="hidden" name="savedata" id="savedata2" />
        <input type="hidden" name="iscert" value="1" />
        <input type="hidden" name="iscart" id="iscart" value="0" />
        @Html.Hidden("email", Model.User.email)
        @Html.Hidden("asno", Model.User.asno)
        <input type="hidden" name="isgroup" value="0" />
        <table class="clsTable">
            <tbody>
                <tr>
                    <th>이름</th>
                    <td><p>@Model.User.username</p></td>
                </tr>
                <tr>
                    <th>이메일<span>*</span></th>
                    <td>
                        <ul class="clsMail">
                            <li><input type="text" name="email1" id="email1" value="@((Model.User.email??"@").Split('@')[0])" /></li>
                            <li>@@</li>
                            <li><input type="text" name="email2" id="email2" value="@((Model.User.email??"@").Split('@')[1])" /></li>
                            <li>
                                <select id="email3">
                                    <option value="" selected>직접입력</option>
                                    <option value="naver.com" @((Model.User.email ?? "@").Split('@')[1] == "naver.com" ? "selected" : "")>naver.com</option>
                                    <option value="daum.net" @((Model.User.email ?? "@").Split('@')[1] == "daum.net" ? "selected" : "")>daum.net</option>
                                    <option value="gmail.com" @((Model.User.email ?? "@").Split('@')[1] == "gmail.com" ? "selected" : "")>gmail.com</option>
                                    <option value="hotmail.com" @((Model.User.email ?? "@").Split('@')[1] == "hotmail.com" ? "selected" : "")>hotmail.com</option>
                                </select>
                            </li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <th>휴대폰 번호<span>*</span></th>
                    <td>
                        <ul class="clsPhone"><li class="full"><input type="tel" name="mobile" id="mobile" class="mobilefmt int nocomma" value="@Model.User.mobile" /></li></ul>
                    </td>
                </tr>
                <tr>
                    <th>회사번호</th>
                    <td>
                        <ul class="clsPhone"><li class="full"><input type="tel" name="telno" id="telno" class="mobilefmt int nocomma" value="@Model.User.telno" /></li></ul>
                    </td>
                </tr>
                <tr>
                    <th>직장</th>
                    <td>
                        <div class="clsCpny">
                            <span id="asname2">@(Model.User.asname ?? "-")</span>
                            <a href="#" onclick="_as = 2;boxassignview()">선택</a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>부서</th>
                    <td><input type="text" name="depart" id="depart" max="50" style="width:100%;" /></td>
                </tr>
                <tr>
                    <th>직위</th>
                    <td>
                        <select name="ccposition" id="ccposition">
                            <option value="">선택</option>
                            @Html.Partial("./Partial/option", Model.ComCodes.Where(w => w.cgroup == "jobposition"), new ViewDataDictionary { { "selected", Model.User.ccposition } })
                        </select>
                            @Html.TextBoxFor(m => m.User.ccpositionetc, new { @style = "width: 100px;" + (Model.User.ccposition == null || (Model.ComCodes.Where(w => w.ccode == Model.User.ccposition).FirstOrDefault() ?? new NP.Model.ComCode()).refcode != "9" ? "display:none;" : ""), @maxlength = "40" })
                    </td>
                </tr>
                <tr style="@(Model.CM.isrefund == 1 && Model.isrefund == 1 ? "":"display: none;")">
                    <th>훈련위탁 <em>계약서</em></th>
                    <td>
                        <p class="clsFile">
                            <input type="file" name="file1" id="file1" />
                            <a href="#" onclick="msg('준비중입니다.')">양식 다운로드</a>
                        </p>
                    </td>
                </tr>
                <tr>
                    <th>경력증명서</th>
                    <td>
                        <p class="clsFile" style="padding-right:0px;">
                            <input type="file" name="file2" id="file2" />
                            @*<a href="#" onclick="msg('준비중입니다.')">양식 다운로드</a>*@
                            <br />
                            ※ 경력증명서는 자체양식 및 회사 개별양식 활용이 가능하나, 반드시 회사 직인이 들어가야 하며, CMS관련 직무기간이 반드시 명시되어있어야 합니다.
                        </p>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>
</div>
<div class="buymultiarea" style="display: none;">
    <h4 class="clsTitle">신청자정보 <a href="#" class="clsAdd" onclick="add()">참가자 추가</a></h4>
    <ul class="clsSociety" id="userlist"></ul>
</div>
@if (Model.cmbks !=null)
{
<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>
                        <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>
                        <div class="bookCost" style="padding-top: 20px;">
                            <ul>
                                <li><a href="#" class="calc minus">-</a></li>
                                <li><input type="text" data-price="@b.price" data-bkno="@b.bkno" class="int nocomma bookcount" value="@((";" + (Model.cmbks ?? "") + ";").Contains(string.Format(";{0};", b.bkno)) ? 1 : 0)" /></li>
                                <li><a href="#" class="calc plus">+</a></li>
                            </ul>
                            <p style="padding-top: 0;"><b class="price" style="font-size: 14pt">@(((";" + (Model.cmbks ?? "") + ";").Contains(string.Format(";{0};", b.bkno)) ? b.price : 0).ToString("#,0"))</b><em>원</em></p>
                        </div>
                    </td>
                </tr>
            }
        </table>
    </div>
</div>
}
<h4 class="clsTitle">개인정보 수집 및 이용안내</h4>
<div class="clsPrivacy">
    - 수집항목 : 이름, 회사명, 이메일, 전화번호... 그외 신청자가 등록한 교육생 정보<br />
    - 수집목적 : 교육신청 사실 확인, 교재발송 및 학습독려<br />
    - 이용기간 : 개인정보 수집 및 이용목적이 달성된 후에도 교육생의 개인정보는 추후 수강생이력관리 및 원활한 서비스 지원을 위해 지속적으로 보존합니다.<br />
    단, 이용자가 메일 또는 전화등을 통해 개인정보 삭제를 요청한 경우 수집된 개인정보는 복구할 수 없는 방법으로 지체없이 파기합니다.<br />
    * ISO 인증심사원과정의 경우 본인의 이력 관리 및 자격인증과 관련한 원활한 서비스 지원을 위해 수집한 항목에 대하여 제3자(로이드인증원)에게 제공하는 것을 동의합니다.
</div>
<div class="clsAgree">
    <input type="checkbox" id="chkagree" />
    <label for="chkagree">위 개인정보 수집 및 이용 안내를 숙지하였으며 이에 동의합니다. </label>
</div>

<ul class="clsBtn society">
    <li><a href="#" onclick="history.back(-1)">신청취소</a></li>
    <li><a href="#" onclick="save(1)">신청하기</a></li>
</ul>
<form id="thisform" method="get">
    <input type="hidden" name="items" id="thisformpayitems" />
    <input type="hidden" name="isgroup" id="thisformisgroup" />
    <input type="hidden" name="Pay.payno" id="payno" />
</form>
@Html.Partial("./Partial/BoxAssign", null, new ViewDataDictionary { { "bindmethod", "bindassign" } })
@Html.Partial("Partial/ThisBoxUser", null, new ViewDataDictionary { { "bindmethod", "binduser" },{"ccposition", Model.ComCodes } })
@section scriptsHeader{

}
@section scripts{
    <script>
        var _as = 0;
        $(document).ready(function () {
            $("#ccposition").on("change", function () {
                $("#User_ccpositionetc").hide();
                if ($(this).find("option:selected").text() == "기타") {
                    $("#User_ccpositionetc").show().focus();
                } 
            });
            $("#email3").on("change", function () {
                if ($(this).val() != "") {
                    setv("email2", $(this).val());
                } else {
                    focus("email2");
                }
            });
            $("input[name='buysinglemulti']").on("change", function () {
                $(".buysinglearea, .buymultiarea").hide();
                if ($(this).val() == 0) {
                    $(".buysinglearea").show();
                } else {
                    $(".buymultiarea").show();
                }
            });
            $("a.calc").on("click", function () {
                var cnt = getint($(this).closest("ul").find("input.bookcount").val());
                if ($(this).hasClass("minus")) {
                    if (cnt > 0) {
                        cnt--;
                    }
                } else if ($(this).hasClass("plus")) {
                    cnt++;
                }
                $(this).closest("ul").find("input.bookcount").val(cnt);
                $(this).closest(".bookCost").find("b.price").text(bindComma(cnt * getint($(this).closest("ul").find("input.bookcount").attr("data-price"))));
            });
        });
        function bindassign(v) {
            if (_as == 1) {
                $("#userlist").html("");
                $("#asn1").val(v.split(':')[0]);
            } else {
                $("#asno").val(v.split(':')[0]);
            }
            $("#asname" + _as).text(v.split(':')[1]);
        }
        var _idx = 0;
        function save(idx) {
            _idx = idx;
            var books = "";
            $.each($("#bookbox tr ul li input.bookcount"), function (i, b) {
                if (getint($(b).val()) > 0) {
                    books += ";" + $(b).attr("data-bkno") + ":" + getint($(b).val());
                }
            });
            if ($("#buysingle").prop("checked")) {
                setv("mobile", formatmobile(val("mobile")));
                if (check("email1", null, "이메일을 확인해주세요.")) { }
                else if (check("email2", null, "이메일을 확인해주세요.")) { }
                else if (!isemail(val("email1") + "@@" + val("email2"))) {
                    if (!ismobile()) { focus("email1") }
                    msg("이메일을 확인해주세요.");
                } else if (!ismobilenumber(val("mobile"))) {
                    if (!ismobile()) { focus("mobile") }
                    msg("핸드폰번호를 확인해주세요.");
                } else if (!$("#chkagree").prop("checked")) {
                    msg("정보수집동의를 해주세요.");
                } else {
                    setv("email", val("email1") + "@@" + val("email2"));
                    setv("iscart", idx == 0 ? 1 : 0);
                    setv("savedata2", books == "" ? "" : books.substr(1));
                    capfileform("/fcommon/buycm", "mform", "cbsave");
                }
            } else {
                if ($("#userlist li").length < 1) {
                    msg("참가자를 추가해주세요.");
                } else if (!$("#chkagree").prop("checked")) {
                    msg("정보수집동의를 해주세요.");
                } else {
                    setv("savedata0", books == "" ? "" : books.substr(1));
                    var users = "";
                    $.each($("#userlist li"), function (i, d) {
                        users += "," + $(d).attr("data-userno");
                    });
                    setv("savedata1", users.substr(1));
                    cap("/fcommon/buycm", "mform2", "cbsave");
                }
            }
        }
        function cbsave() {
            if (capResult.code == 1000) {
                if (capResult.obj == 0) {
                    msg(capResult.msg);
                } else {
                    setv("payno", capResult.obj);
                    $("#thisform").attr("action", "/Course/CertPayReturn").submit();
                }
            } else if (capResult.obj == -1) {
                msg("이미 사용중인 이메일입니다.");
            } else if (capResult.obj == -2) {
                msg("이미 사용중인 이메일주소입니다.");
            } else if (capResult.code == -81) {
                msg("[ " + capResult.obj + " ] 이미 등록된 장바구니 상품입니다.");
            }
        }
        function gogo(idx) {
            if (idx == 0) {
                $("#thisform").attr("action", "/My/Cart").submit();
            } else {
                $("#thisform").attr("action", "/Course/PayDetail").submit();
            }
        }
        function add() {
            if ($("#asno1").val() == "") {
                msg("직장을 먼저 등록해주세요.");
            } else {
                thisboxuser_asno = getint(val("asno1"));
                thisboxuserview();
            }
        }
        function binduser(userno, username, ccposition, isassignusername, email, telno, kfcfyear, edus) {
            var isin = false;
            $.each($("#userlist li"), function (i, d) {
                if ($(d).attr("data-userno") == userno) {
                    isin = true;
                    return false;
                }
            });
            if (isin) {
                msg("이미 추가되어 있습니다.");
            } else {
                $("#userlist").prepend("<li data-userno=\"" + userno + "\"><h5><span>" + (username.indexOf('*') > -1 ? username : (username.length < 3 ? (username.substr(0, 1) + "*") : (username.substr(0, 1) + "*" + username.substr(2, 1)))) + " " + ccposition + " ( " + isassignusername + " )</span><a href=\"#\" onclick=\"del(this)\">삭제</a></h5>" +
                    "<dl><dd>" + (email.indexOf('*') > - 1 ? email : (email.split('@@')[0].length < 5 ? (email.split('@@')[0] + "****") : (email.substr(0, 4) + "****"))) + "@@" + email.split('@@')[1] + " | " + telno + "</dd>" +
                    "<dd>공정거래업무경력 : " + kfcfyear + "년</dd>" + (edus == "" ? "" : ("<dd>교육이력 : " + edus + "</dd>")) + "</dl></li>");
            }
        }
        function del(a) {
            $(a).closest("li").remove();
        }
    </script>
}