@php
    $nowDate = date("Y:m:d");
    //echo $nowDate."</br>";
    $nowHour = date("H");
@endphp

@extends('layouts.default', [
    'activatedNavItem' => 'INQUIRY',
])

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/inquiry.css?ver=22.07.04"/>
    <script type="text/javascript" src="/js/form.js?ver=20200716"></script>
{{--    <script type="text/javascript" src="/js/jquery.min.js"></script>--}}
    <script type="text/javascript" src="/js/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.min.css"/>
    {{--    --}}
    {{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>--}}
    {{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>--}}
    {{--    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" integrity="sha512-aOG0c6nPNzGk+5zjwyJaoRUgCdOrfSDhmMID2u4+OIslr0GjpLKo7Xm0Ao3xmpM4T8AmIouRkqwj1nrdVsLKEQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />--}}

@endpush

@section('content')

    <div class="container inquiry consultation">
        <!-- 제목 및 현재위치 표시 -->
        <div class="area-pages-top bg">
            <h1 class="page-title">상담 예약</h1>
            <div class="add-text">
                간편하게 상담을 신청하세요.<br>
                전문 컨설턴트가 24시간 이내 친절히 상담해 드리겠습니다.<br>
                <h2>전화 • 방문 • 화상(ZOOM) 상담 가능</h2>
            </div>
        </div>
        <div class="area-pages-content">
            <div class="flex-wrap">
                <form method="POST" action="{{ route('inquiry.consultation.store') }}">
                    <input type="hidden" name="register_root[category]" value="{{ $register_root['category'] }}">
                    <input type="hidden" name="register_root[uhaktype_code]" value="{{ $register_root['uhaktype_code'] }}">
                    <input type="hidden" name="register_root[uhaktype_name]" value="{{ $register_root['uhaktype_name'] }}">
                    <input type="hidden" name="register_root[id]" value="{{ $register_root['id'] }}">
                    <input type="hidden" name="register_root[name]" value="{{ $register_root['name'] }}">
                    <input type="hidden" name="register_root[url]" value="{{ $register_root['url'] }}">
                    @csrf
                    <div class="area-inquiry-form" style="float:none; margin:0 auto">
                        <div class="input-wrap">
                            <div class="input consultation-con1">
                                <label><input type="radio" id="alf-counsel-type" name="counsel_type" value="phone">전화상담</label>
                                <label><input type="radio" id="alf-counsel-type" name="counsel_type" value="offline">방문상담</label>
                                <label><input type="radio" id="alf-counsel-type" name="counsel_type" value="video">화상상담</label>
                            </div>
                            <div id="phone_advantage">
                                전문 컨설턴트가 빠른 시간 내 전화 상담해 드리겠습니다.</br>
                                상담가능시간 : 평일 오전 10시~오후 5시</br>
                                ※ 빠르게 연락받기 희망하시면 <span style="color:red;">1833-2341</span> 로 전화주세요.
                            </div>
                            <div id="video_advantage">
                                화면으로 자료를 보며 심도 있는 상담이 가능합니다.</br>
                                상담가능시간 : 평일 오전 10시~오후 5시</br>
                                ※ 빠르게 연락받기 희망하시면 <span style="color:red;">1833-2341</span> 로 전화주세요.
                            </div>
                            @if (strpos($register_root['category'], "유학상품") !== false)
                                <div class="input">
                                    <p class="tit"><label for="aif-write">프로그램</label></p>
                                    <p class="line-style">
                                        <input type="text" style="color:red;" value="{{ $register_root['name'] }}" class="line-style" readonly>
                                    </p>
                                </div>
                            @endif
                            <div class="input">
                                <p class="tit"><label for="aif-name"><i class="req">*</i>이름</label></p>
                                <p class="line-style">
                                    <input type="text" id="aif-name" name="name" value="{{ auth()->user() ? auth()->user()->mm_name : old('name') }}" placeholder="이름을 입력하세요." class="line-style">
{{--                                    <input type="text" id="aif-name" name="name" value="" placeholder="이름을 입력하세요." class="line-style">--}}
                                </p>
                            </div>
                            <div class="input">
                                <p class="tit"><label for="aif-phone"><i class="req">*</i>휴대폰</label></p>
                                <p class="line-style">
                                    <input type="tel" id="aif-phone" name="phone" value="{{ str_replace('-', '', auth()->user() ? auth()->user()->mm_mobile : old('phone')) }}" placeholder="'-'없이 숫자만 입력하세요." maxlength="11">
{{--                                    <input type="tel" id="aif-phone" name="phone" value="" placeholder="'-'없이 숫자만 입력하세요" maxlength="11">--}}
                                </p>
                            </div>

                            <div class="input sel-box" id="hopeDateTimePhone">
                                <p class="tit"><label for="aif-departTime"><i class="req">*</i>상담희망시간</label></p>
                                <p class="line-style">
                                    <select id="departTimePhone" name="departTimePhone">
                                        <option value="">상담을 원하시는 시간대를 선택하세요.</option>
                                        <option value="오전 (10시~12시)">오전 (10시~12시)</option>
                                        <option value="오후 (2시~4시)">오후 (2시~4시)</option>
                                    </select>
                                </p>
                                <p class="tit"><label for="aif-departTime"><small><span style="color:red;">※ 정확한 상담일시 확정을 위해 담당 컨설턴트가 사전에 연락을 드리오니 전화를 꼭 받아주세요.</span></small></label></p>
                            </div>

                            <div class="input sel-box" id="hopeDateTimeVideo">
                                <p class="tit"><label for="aif-departTime"><i class="req">*</i>상담희망시간</label></p>
                                <p class="line-style">
                                    <select id="departTimeVideo" name="departTimeVideo">
                                        <option value="">상담을 원하시는 시간대를 선택하세요.</option>
                                        <option value="오전 (10시~12시)">오전 (10시~12시)</option>
                                        <option value="오후 (2시~4시)">오후 (2시~4시)</option>
                                    </select>
                                </p>
                                <p class="tit"><label for="aif-departTime"><small><span style="color:red;">※ 정확한 상담일시 확정을 위해 담당 컨설턴트가 사전에 연락을 드리오니 전화를 꼭 받아주세요.</span></small></label></p>
                            </div>

                            <div class="input">
                                <p class="tit"><label for="aif-kakaotalkid">카카오톡 ID</label></p>
                                <p class="line-style">
                                    <input type="tel" id="aif-kakaotalkid" name="kakaotalkid" value="{{ str_replace('-', '', auth()->user() ? auth()->user()->mm_homepage : old('kakaotalkid')) }}" placeholder="카카오톡 ID를 입력하세요.">
                                </p>
                                <p><small>※ 카카오톡에서 [전화번호로 친구 추가 허용]을 비활성화 하신 경우, [카카오톡 ID]를 입력해 주시면 담당 컨설턴트가 카톡으로 연락드리겠습니다.</small></p>
                                <p class="text-right"><a class="text-color " href="javascript:void(0);" onclick="kakaoTalkIdCheckGuide()">카카오톡 ID 확인방법</a></p>
                            </div>
                            <div class="input sel-box">
                                <p class="tit"><label for="aif-region"><i class="req">*</i>거주지역</label></p>
                                <p class="line-style">
                                    <select id="aif-region" name="region">
                                        <option value="">거주지역을 선택하세요.</option>
                                        @foreach ($regions as $region)
                                            <option value="{{ $region }}" @selected(old('region'), $region)>{{ $region }}</option>
                                        @endforeach
                                    </select>
                                </p>
                            </div>

                            <div class="input sel-box" id="hopeDateTime">
                                <p class="tit"><label for="aif-departDate"><i class="req">*</i>방문상담일<small>(희망하시는 날짜를 선택하세요.)</small></label></p>
                                <p class="line-style">
                                    <input class="departDate yt-departDate" id="departDate" type="text" name="departDate" value="" readonly="readonly" placeholder="일자 선택">
                                </p>
                                <p class="tit"><label for="aif-departDate"><small>* <span style="color:red;">방문일정은 담당자와의 통화후에 최종 확정</span>이 되오니 연락을 꼭 받아주시고, 방문일정은 지사 사정에 의해 변경될수 있습니다.</small></label></p>
                                <p class="tit"><label for="aif-departDate"><small>* <span style="color:red;">부산 및 대구지사</span>는 방문가능일이 다를 수 있으니 전화로 문의 부탁드립니다.</small></label></p>
                            </div>

                            <div class="input sel-box" id="hopeDateTime2">
                                <p class="tit"><label for="aif-departTime"><i class="req">*</i>방문상담시간</label></p>
                                <p class="line-style">
                                    <select id="departTime" name="departTime"><option value="">시간 선택</option></select>
                                </p>
                            </div>

                            <div class="input-wrap hope">
                                <div class="input country">
                                    <p class="tit"><label for="aif-country">유학국가</label></p>
                                    <div class="line-style">
                                        <input type="text" id="country_names" name="country_names" value="{{ old('country_names') }}" class="select-style" placeholder="국가를 선택하세요." autocomplete="off" readonly>
                                    </div>
                                    <div class="input-multi-select">
                                        <div class="chk-custom-wrap">
                                            @foreach ($countries as $key => $country)
                                                <span><input type="checkbox" id="aif-country{{ $key }}" name="country[]" value="{{ $country->code }}" @checked(old('country.'.$key), $country->code)><label for="aif-country{{ $key }}">{{ $country->name }}</label></span>
                                            @endforeach
                                        </div>
                                        <div class="button-wrap">
                                            <input type="button" class="reset button half" value="선택해지">
                                            <input type="button" class="save button color half" value="선택완료" data-class="country">
                                        </div>
                                    </div>
                                </div>
                                @if ($register_root['uhaktype_name'] !== "")
                                <div class="input type">
                                    <p class="tit"><label for="aif-interest"><i class="req">*</i>관심분야</label></p>
                                    <div class="line-style">
                                        <input type="text" id="type_names1" name="type_names" value="{{ $register_root['uhaktype_name'] }}" class="select-style" placeholder="" autocomplete="off" readonly>
                                    </div>
                                    <div style='display:none;'>
                                        <input type="checkbox" id="" name="type[]" class="checktype" value="{{ $register_root['uhaktype_code'] }}" checked><label for="">{{ $register_root['uhaktype_name'] }}</label>
                                    </div>
                                </div>
                                @else
                                <div class="input type">
                                    <p class="tit"><label for="aif-interest"><i class="req">*</i>관심분야</label></p>
                                    <div class="line-style">
                                        <input type="text" id="type_names2" name="type_names" value="{{ old('type_names') }}" class="select-style" placeholder="관심분야를 선택하세요." autocomplete="off" readonly>
                                    </div>
                                    <div class="input-multi-select">
                                        <div class="chk-custom-wrap">
                                            @foreach ($types as $key => $type)
                                                <span><input type="checkbox" id="aif-interest{{ $key }}" name="type[]" class="checktype" value="{{ $type->code }}" @checked(old('type.'.$key), $type->code)><label for="aif-interest{{ $key }}">{{ $type->name }}</label></span>
                                            @endforeach
                                        </div>
                                        • 최대 2개까지 선택 가능합니다.<br/>
                                        • 만 17세이하 어학연수는 조기유학을 선택해주시기 바랍니다.
                                        <div class="button-wrap">
                                            <input type="button" class="reset button half" value="선택해지">
                                            <input type="button" class="save button color half" value="선택완료" data-class="type">
                                        </div>
                                    </div>
                                </div>
                                @endif
                            </div>
                            @if (strpos($register_root['category'], "유학상품") !== false)
                                @if(isset($register_root['important_note']))
                                <div class="input">
                                    <p class="tit"><label><i class="req">*</i>필독사항</label></p>
                                    <div>
                                        <textarea readonly disabled>{{ $register_root['important_note'] }}</textarea>
                                    </div>
                                    <span class="chk"><input type="checkbox" name="important_note_chk" id="important_note_chk"><label for="important_note_chk">위 필독사항을 확인하였습니다.</label></span>
                                </div>
                                @endif
                            @endif
                            <div class="input">
                                <p class="tit"><label for="aif-write">문의사항</label></p>
                                <div class="">
                                    <textarea id="aif-write" name="content" placeholder="문의내용을 입력해주시면 자세히 안내해드리겠습니다.&#13;&#10;조기유학 상담은 강남,부산,대구지사에서 가능합니다."></textarea>
                                </div>
                            </div>

                            <!-- 약관 및 개인정보수집동의 -->
                            <div class="input-wrap agreement">
                                <p class="tit">이용약관 및 개인정보수집 동의</p>
                                <p class="agreement-all">
                                    <span class="chk"><input type="checkbox" name="agreement" id="agreementAll" /><label for="agreementAll">약관에 모두 동의합니다.</label></span>
                                </p>
                                <div class="agreement-each">
                                    <div class="terms-wrap">
                                        <p class="chk"><input type="checkbox" name="agreement_data_collection" id="data_collection" /><label for="data_collection">[필수] 개인정보수집 및 이용</label></p>
                                        <span class="toggle-btn">자세히보기</span>
                                        <div class="terms-detail">
                                            {{ S3Policy::find('data-collection')->render() }}
                                        </div>
                                    </div>
                                    <div class="terms-wrap">
                                        <p class="chk"><input type="checkbox" name="agreement_age_check" id="age_check" /><label for="age_check">[필수] 만 14세 이상입니다.</label></p>
                                        <span class="toggle-btn">자세히보기</span>
                                        <div class="terms-detail">
                                            {{ S3Policy::find('age-check')->render() }}
                                        </div>
                                    </div>
                                </div>
                                @if (!empty($errors->get('agreement')))
                                    <div class="message error">{{ $errors->first('agreement') }}</div>
                                @endif
                            </div>

                            <div class="button-wrap">
                                <button type="submit" id="aif-counsel" class="button color wide">상담예약하기</button>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- <div class="area-promotion-inquiry">
                    <div class="aip-title">
                        지금 상담신청하고<br>
                        <strong>이 모든 <span class="text-point">혜택</span>  받으세요</strong>
                    </div>
                    <div class="aip-slide slide-simple-arr no-pager">
                        @contentManager('INQUIRY', 'CONSULT-BANNERS')
                        <div class="swiper-wrapper">
                            @foreach ($items = @contentItems('INQUIRY', 'CONSULT-BANNERS')->get() as $item)
                                <div class="swiper-slide">
                                    @contentItem(['item' => $item])
                                    @endcontentItem
                                </div>
                            @endforeach
                        </div>
                    </div>
                    <div class="swiper-controls">
                        <div class="swiper-controls-direction">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function(){
            // 상담 유형에서 방문상담 선택 시 하단에 추가 문구 출력 (기본은 숨김)
            $("#phone_advantage").hide();
            $("#video_advantage").hide();
            $("#hopeDateTimePhone").hide();
            $("#hopeDateTimeVideo").hide();
            $("#hopeDateTime").hide();
            $("#hopeDateTime2").hide();

            // 라디오버튼 클릭시 이벤트 발생
            $("input:radio[name=counsel_type]").click(function(){
                if($("input[name=counsel_type]:checked").val() == "phone"){
                    $("#phone_advantage").show();
                    $("#video_advantage").hide();
                    $("#hopeDateTimePhone").show();
                    $("#hopeDateTimeVideo").hide();
                    $("#hopeDateTime").hide();
                    $("#hopeDateTime2").hide();
                } else if($("input[name=counsel_type]:checked").val() == "offline") {
                    $("#phone_advantage").hide();
                    $("#video_advantage").hide();
                    $("#hopeDateTimePhone").hide();
                    $("#hopeDateTimeVideo").hide();
                    $("#hopeDateTime").show();
                    $("#hopeDateTime2").show();
                } else if($("input[name=counsel_type]:checked").val() == "video"){
                    $("#phone_advantage").hide();
                    $("#video_advantage").show();
                    $("#hopeDateTimePhone").hide();
                    $("#hopeDateTimeVideo").show();
                    $("#hopeDateTime").hide();
                    $("#hopeDateTime2").hide();
                } else {
                    $("#phone_advantage").hide();
                    $("#video_advantage").hide();
                    $("#hopeDateTimePhone").hide();
                    $("#hopeDateTimeVideo").hide();
                    $("#hopeDateTime").hide();
                    $("#hopeDateTime2").hide();
                }
            });

            $("#departDate").change(function(){
                let now = new Date();
                let year = now.getFullYear();
                let month = now.getMonth() + 1;    //1월이 0으로 되기때문에 +1을 함.
                let date = now.getDate();
                let hours = now.getHours();
                let today = "";

                month = month >=10 ? month : "0" + month;
                date  = date  >= 10 ? date : "0" + date;
                today = ""+year + "-" + month + "-" + date; // ""을 빼면 year + month 가 숫자의 합으로 계산됨. ex) 2018 + 12 = 2030

                // if($("#departDate").val() == today){
                //     $("#departTime").find("option").remove();
                //     $("#departTime").append("<option value=''>예약시간</option>");
                //     if (hours < '10') $("#departTime").append("<option value='10'>오전 10시</option>");
                //     if (hours < '11') $("#departTime").append("<option value='11'>오전 11시</option>");
                //     if (hours < '13') $("#departTime").append("<option value='13'>오후 01시</option>");
                //     if (hours < '14') $("#departTime").append("<option value='14'>오후 02시</option>");
                //     if (hours < '15') $("#departTime").append("<option value='15'>오후 03시</option>");
                //     if (hours < '16') $("#departTime").append("<option value='16'>오후 04시</option>");
                // } else if($("#departDate").val() < today) {
                //     $("#departTime").find("option").remove();
                //     $("#departTime").append("<option value=''>예약시간</option>");
                //     alert('올바른 날짜를 선택해주세요.');

                if($("#departDate").val() <= today) {
                    $("#departTime").find("option").remove();
                    $("#departTime").append("<option value=''>예약시간</option>");
                    alert('올바른 날짜를 선택해주세요.');
                } else {
                    $("#departTime").find("option").remove();
                    $("#departTime").append("<option value=''>예약시간</option>");
                    $("#departTime").append("<option value='10'>오전 10시</option>");
                    $("#departTime").append("<option value='11'>오전 11시</option>");
                    $("#departTime").append("<option value='13'>오후 01시</option>");
                    $("#departTime").append("<option value='14'>오후 02시</option>");
                    $("#departTime").append("<option value='15'>오후 03시</option>");
                    $("#departTime").append("<option value='16'>오후 04시</option>");
                }
            });

            // 희망유학 국가,분야 선택
            $('.hope .line-style').click(function(){
                if ($(this).parent().siblings().hasClass('ims-active')) {
                    $(this).parent().siblings().toggleClass('ims-active');
                }
                $(this).parent().toggleClass('ims-active');
            });

            $('.hope .reset').click(function(){
                $(this).parent().parent().find('input[type=checkbox]').prop('checked', false);
            });

            $('.hope .save').click(function(){
                const data = $(this).data('class');
                var value = [];
                $('.hope .'+data+' input[type=checkbox]:checked').each(function() {
                    var checkedId = $(this).attr('id');
                    value.push($('label[for='+checkedId+']').text());
                });
                $('.hope .'+data+' input[type=text]').val(value.join(','));
                $('.hope .'+data).toggleClass('ims-active');
            });

            //약관 체크박스
            $('.agreement input[type=checkbox]').click(function(){
                if ($(this).attr('id') == 'agreementAll') {
                    if ($(this).prop("checked")) {
                        $(".agreement-each input[type=checkbox]").prop("checked",true);
                    } else {
                        $(".agreement-each input[type=checkbox]").prop("checked",false);
                    }
                } else {
                    if ($('.agreement-each input[type=checkbox]:checked').length == $('.agreement-each input[type=checkbox]').length) {
                        $('#agreementAll').prop('checked',true);
                    } else {
                        $('#agreementAll').prop('checked',false);
                    }
                }
            });


            $('.layout-container form').submit(function() {
                if($("input[name=counsel_type]:checked").val() == "phone") {
                    if( $("#departTimePhone").val() == "" ) {
                        alert('전화상담 신청 시 상담희망시간은 필수 입력 항목입니다.');
                        return false;
                    }
                } else if($("input[name=counsel_type]:checked").val() == "offline") {
                    if( $("#departDate").val() == "" ) {
                        alert('방문상담 신청 시 예약일자는 필수 입력 항목입니다.');
                        return false;
                    } else {
                        if( $("#departTime").val() == "") {
                            alert('방문상담 신청 시 예약시간은 필수 입력 항목입니다.');
                            return false;
                        }
                    }
                } else if($("input[name=counsel_type]:checked").val() == "video") {
                    if( $("#departTimeVideo").val() == "" ) {
                        alert('화상상담 신청 시 상담희망시간은 필수 입력 항목입니다.');
                        return false;
                    }
                }

                if($("input:checkbox[class=checktype]:checked").length > 2)   {
                    alert('관심분야는 2개 이하로 체크해주세요.');
                    return false;
                }

                if($('#important_note_chk').length > 0){
                    if (!$('#important_note_chk').is(':checked')) {
                        $('#important_note_chk').focus();
                        alert('필독사항 확인은 필수 선택 항목입니다.');
                        return false;
                    }
                }

                // let ddd =  "" + $("#departDate").val() + " " + $("#departTime").val() + ":" + "00" + ":" + "00";
                // alert(ddd);

                // 현재 날짜
                var date = new Date();
                var month = date.getMonth() + 1;
                var day = date.getDate();

                var $form = $(this);
                var $error = null;

                $.ui_ajax({
                    ajax: {
                        method: $form.attr('method'),
                        url: $form.attr('action'),
                        data: $form.serialize(),
                        done: function() {
                            var event_region = $("#aif-region").val();
                            var event_country = $("#country_names").val();
                            var event_type = $("#type_names1").val();
                            if (!event_type) {
                                event_type = $("#type_names2").val();
                            }

                            Analytics.call('consultation.created', event_region, event_country, event_type);
                        }
                    },
                    dialog: {
                        text_process: '상담 신청중입니다.<br/>잠시만 기다려 주세요.',
                        text_done: '상담신청이 완료되었습니다.<br/>방문상담은 담당 지사 일정에 따라 시간이 변경될 수 있습니다.<br/>고객님의 담당컨설턴트가 직접 연락 드리도록 하겠습니다.<br/>감사합니다.',
                        text_fail: '상담 신청에 실패했습니다.',
                        done: function(data) {
                            $error = null;
                            window.location.href = '{!! route('main.index') !!}';
                        },
                        fail: function(jqXHR, textStatus, errorThrown) {
                            var response = jqXHR.responseJSON;
                            if (response) {
                                $error = response.errors;
                            }
                        },
                        close: function() {
                            if ($error) {
                                for (var key in $error) {
                                    $form.find('[name="' + key + '"]').focus();
                                    break;
                                }
                            }
                        }
                    }
                });

                return false;
            });
        });
    </script>

    <script>
        $(function() {
            //input을 datepicker로 선언
            let now = new Date();
            let hours = now.getHours();

            // 상담예약 신청시 오후5시 넘어서 신청서를 작성할 경우 익익일 부터 방문상담일 지정 가능
            if(hours >= 17) {
                $("#departDate").datepicker({
                    dateFormat: 'yy-mm-dd' //달력 날짜 형태
                    ,showOtherMonths: true //빈 공간에 현재월의 앞뒤월의 날짜를 표시
                    ,showMonthAfterYear:true // 월- 년 순서가아닌 년도 - 월 순서
                    ,yearSuffix: "년" //달력의 년도 부분 뒤 텍스트
                    ,monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] //달력의 월 부분 텍스트
                    ,monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] //달력의 월 부분 Tooltip
                    ,dayNamesMin: ['일','월','화','수','목','금','토'] //달력의 요일 텍스트
                    ,minDate: 2 //최소 선택일자(-1D:하루전, -1M:한달전, -1Y:일년전)
                    ,maxDate: "+5y" //최대 선택일자(+1D:하루후, -1M:한달후, -1Y:일년후)
                    ,beforeShowDay: disableSomeDays
                });
            } else {
                $("#departDate").datepicker({
                    dateFormat: 'yy-mm-dd' //달력 날짜 형태
                    ,showOtherMonths: true //빈 공간에 현재월의 앞뒤월의 날짜를 표시
                    ,showMonthAfterYear:true // 월- 년 순서가아닌 년도 - 월 순서
                    ,yearSuffix: "년" //달력의 년도 부분 뒤 텍스트
                    ,monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] //달력의 월 부분 텍스트
                    ,monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] //달력의 월 부분 Tooltip
                    ,dayNamesMin: ['일','월','화','수','목','금','토'] //달력의 요일 텍스트
                    ,minDate: 1 //최소 선택일자(-1D:하루전, -1M:한달전, -1Y:일년전)
                    ,maxDate: "+5y" //최대 선택일자(+1D:하루후, -1M:한달후, -1Y:일년후)
                    ,beforeShowDay: disableSomeDays
                });
            }

            //초기값을 오늘 날짜로 설정해줘야 합니다.
            // $('#departDate').datepicker('setDate', 'today'); //(-1D:하루전, -1M:한달전, -1Y:일년전), (+1D:하루후, -1M:한달후, -1Y:일년후)
            //$('#departDate').datepicker.setDefaults($.datepicker.regional['ko']);

            var natDays =  [
                [2024,1,1,'ko','신정'],
                [2024,1,2,'ko','신정 다음날'],
                [2024,2,9,'ko','구정'],
                [2024,2,12,'ko','구정'],
                [2024,2,13,'ko','구정 다음날'],
                [2024,3,1,'ko','삼일절'],
                [2024,3,2,'ko','삼일절 다음날'],
                [2024,4,10,'ko','국회의원 선거일'],
                [2024,4,11,'ko','국회의원 선거일 다음날'],
                [2024,5,1,'ko','근로자의 날'],
                [2024,5,2,'ko','근로자의 날 다음날'],
                [2024,5,6,'ko','어린이날 대체휴일'],
                [2024,5,7,'ko','어린이날 대체휴일 다음날'],
                [2024,5,15,'ko','석가탄신일'],
                [2024,5,16,'ko','석가탄신일 다음날'],
                [2024,6,6,'ko','현충일'],
                [2024,6,7,'ko','현충일 다음날'],
                [2024,8,15,'ko','광복절'],
                [2024,8,16,'ko','광복절 다음날'],
                [2024,9,16,'ko','추석'],
                [2024,9,17,'ko','추석'],
                [2024,9,18,'ko','추석'],
                [2024,9,19,'ko','추석 다음날'],
                [2024,10,3,'ko','개천절'],
                [2024,10,4,'ko','개천절 다음날'],
                [2024,10,9,'ko','한글날'],
                [2024,10,10,'ko','한글날 다음날'],
                [2024,12,25,'ko','성탄절'],
                [2024,12,26,'ko','성탄절 다음날'],

                [2025,1,1,'ko','신정'],
                [2025,1,2,'ko','신정 다음날'],
                [2025,1,28,'ko','구정'],
                [2025,1,29,'ko','구정'],
                [2025,1,30,'ko','구정'],
                [2025,1,31,'ko','구정 다음날'],
                [2025,5,1,'ko','근로자의 날'],
                [2025,5,2,'ko','근로자의 날 다음날'],
                [2025,5,5,'ko','어린이날'],
                [2025,5,6,'ko','석가탄신일'],
                [2025,5,7,'ko','석가탄신일 다음날'],
                [2025,6,6,'ko','현충일'],
                [2025,6,7,'ko','현충일 다음날'],
                [2025,8,15,'ko','광복절'],
                [2025,8,16,'ko','광복절 다음날'],
                [2025,10,3,'ko','개천절'],
                [2025,10,6,'ko','추석'],
                [2025,10,7,'ko','추석'],
                [2025,10,8,'ko','추석'],
                [2025,10,9,'ko','한글날'],
                [2025,10,10,'ko','한글날 다음날'],
                [2025,12,25,'ko','성탄절'],
                [2025,12,26,'ko','성탄절 다음날'],

                [2026,1,1,'ko','신정'],
                [2026,1,2,'ko','신정 다음날'],
                [2026,2,16,'ko','구정'],
                [2026,2,17,'ko','구정'],
                [2026,2,18,'ko','구정'],
                [2026,2,19,'ko','구정 다음날'],
                [2026,3,2,'ko','삼일절 대체휴일'],
                [2026,3,3,'ko','삼일절 대체휴일 다음날'],
                [2026,5,1,'ko','근로자의 날'],
                [2026,5,2,'ko','근로자의 날 다음날'],
                [2026,5,5,'ko','어린이날'],
                [2026,5,6,'ko','어린이날 다음날'],
                [2026,5,25,'ko','석가탄신일 대체휴일'],
                [2026,5,26,'ko','석가탄신일 대체휴일 다음날'],
                [2026,8,17,'ko','광복절 대체휴일'],
                [2026,8,18,'ko','광복절 대체휴일 다음날'],
                [2026,9,24,'ko','추석'],
                [2026,9,25,'ko','추석'],
                [2026,10,5,'ko','개천절 대체휴일'],
                [2026,10,6,'ko','개천절 대체휴일 다음날'],
                [2026,10,9,'ko','한글날'],
                [2026,10,10,'ko','한글날 다음날'],
                [2026,12,25,'ko','성탄절']
            ];

            function disableSomeDays(date) {
                for (i = 0; i < natDays.length; i++) {
                    if (date.getFullYear() == natDays[i][0] && date.getMonth() == natDays[i][1] - 1
                        && date.getDate() == natDays[i][2]) {
                        return [false, natDays[i][3] + '_day',natDays[i][4]];
                    }
                }

                // 주말 및 월요일 제외
                let isWeekend = (date.getDay() === 0 || date.getDay() === 6); // 0: 일요일, 6: 토요일
                let isMonday = (date.getDay() === 1); // 1: 월요일

                if (isWeekend || isMonday) {
                    return [false];
                } else {
                    return [true];
                }
            }

            {{-- 230612 by junkulee - 유학국가와 관심분야 미정선택시 다른것은 비활성화 되도록 --}}
            $('div[class="input-multi-select"] input[type="checkbox"]').change(function(){
                if($(this).val() == 'CUND'){
                    $(this).closest('.input-multi-select').find('input[type="checkbox"][value!="CUND"]').prop('checked', false);
                }else{
                    $(this).closest('.input-multi-select').find('input[type="checkbox"][value="CUND"]').prop('checked', false);
                }
            });
            $('div[class="input-multi-select"] input[type="checkbox"]').change(function(){
                if($(this).val() == 'UUND'){
                    $(this).closest('.input-multi-select').find('input[type="checkbox"][value!="UUND"]').prop('checked', false);
                }else{
                    $(this).closest('.input-multi-select').find('input[type="checkbox"][value="UUND"]').prop('checked', false);
                }
            });
        });

    </script>



@endsection