@php
    $popup_id = 'popup-notice-20200424';

    // $start = strtotime('2020-04-28 08:00:00');
    // $end = strtotime('2020-04-28 09:00:00');
    // $now = time();

    // if ($now < $start || $now >= $end) {
    //     return;
    // }
@endphp

<div class="area-layer-popup" id="{{ $popup_id }}" style="display: none;">
    <div class="popup-slider">
        <div class="popup-content">
            @contentManager('MAIN', 'POPUP-BANNERS')
            <ul class="slider-pop-content">
                @foreach ($items = @contentItems('MAIN', 'POPUP-BANNERS')->get() as $item)
                    <li>
                        @contentItem(['item' => $item])
                        @endcontentItem
                    </li>
                @endforeach
            </ul>
        </div>

        <div class="popup-condition-wrap">
            <button class="popup-slider-auto stop"><span class="hidden">슬라이더 컨트롤 버튼</span></button>
            <button class="popup-close-allday">오늘 하루 닫기</button>
            <button class="popup-close">닫기</button>
        </div>
    </div>
</div>

{{-- <script type="text/javascript" src="/js/popup-layer-image.js"></script> --}}
{{-- <script type="text/javascript">
    $('#{{ $popup_id }} .popup-slider-auto').click(function() {
        if ($(this).hasClass('stop')) {
            popupSlider.stopAuto();
        } else {
            popupSlider.startAuto();
        }
        $(this).toggleClass('stop');
    });

    $('#{{ $popup_id }} .popup-close-allday').click(function() {
        var date = new Date();
        date.setDate(date.getDate() + 1);
        setCookie('{{ $popup_id }}-close', 1, date);
        $('body').removeClass('fixed');
        $('#{{ $popup_id }}').removeClass('open')
    });

    $(function() {
        if (!getCookie('{{ $popup_id }}-close')) {
            $('body').addClass('fixed');
            $('#{{ $popup_id }}').addClass('open')
            popupSlider.reloadSlider();
        }
    });
</script> --}}


    <!-- <style>
        .hxnrS6NY-popup-wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100000;background-color: rgba(0,0,0,.6);user-focus: none}
        .hxnrS6NY-iframe-wrap {width: 865px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); padding:100px;padding-top:150px; background-image: url("https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/akmu/uhak_pop_bg.png"); background-size: 100%; background-repeat: no-repeat}
        .hxnrS6NY-iframe-container {position: relative;width: 100%;padding-bottom: 56.25%;height: 0;}
        .hxnrS6NY-iframe-inner {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-box-shadow: 10px 10px 31px -12px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 31px -12px rgba(0,0,0,0.75);box-shadow: 10px 10px 31px -12px rgba(0,0,0,0.75);}
        .hxnrS6NY-iframe-inner:before {content: "";display: block;background-image: url("https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/akmu/akmu_chan.png");width: 270px;position: absolute;left: -220px;height: 100%;z-index: 150000;background-repeat: no-repeat; background-position: bottom}
        .hxnrS6NY-iframe-inner:after {content: "";display: block;background-image: url("https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/akmu/akmu_su.png");width: 240px;position: absolute;right: -230px;bottom:0;height: 120%;z-index: 150000;background-repeat: no-repeat; background-position: bottom;background-size: auto 95%;}
        .hxnrS6NY-iframe {width: 100%; height: 100%;}
        .hxnrS6NY-close-container {text-align: center}
        #hxnrS6NY-checkbox {position: absolute;left: -9999px}
        #hxnrS6NY-checkbox + .hxnrS6NY-checkbox:before {content: ""; border: 1px solid #FFFFFF; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 10px;}
        #hxnrS6NY-checkbox:checked + .hxnrS6NY-checkbox:before {content: "✓"; text-align: center; line-height: 10px}
        .hxnrS6NY-checkbox {color: white; margin-top: 2px; cursor: pointer;}
        .hxnrS6NY-close-btn {background-color: rgba(0,0,0,.3); border-radius: 10px; cursor: pointer}
        .hxnrS6NY-times-btn {position: absolute; right: -90px; top: -110px; cursor: pointer; z-index: 150001;}
        
        @media screen and (max-width:1000px) {
            .hxnrS6NY-popup-wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100000;background-color: rgba(0,0,0,.6);user-focus: none}
            .hxnrS6NY-iframe-wrap {width:80%; max-width: 350px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); padding:20px;padding-top:90px; background-image: url("//s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/akmu/uhak_pop_bg_m.png"); background-size: 100%; background-repeat: no-repeat}
            .hxnrS6NY-iframe-container {position: relative;width: 100%;padding-bottom: 56.25%;height: 0;}
            .hxnrS6NY-iframe-inner {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-box-shadow: 10px 10px 31px -12px rgba(0,0,0,0.75);-moz-box-shadow: 10px 10px 31px -12px rgba(0,0,0,0.75);box-shadow: 10px 10px 31px -12px rgba(0,0,0,0.75);}
            .hxnrS6NY-iframe-inner:before {display: none;}
            .hxnrS6NY-iframe-inner:after {display: none;}
            .hxnrS6NY-iframe {width: 100%; height: 100%;}
            .hxnrS6NY-close-container {text-align: center}
            #hxnrS6NY-checkbox {position: absolute;left: -9999px;}
            #hxnrS6NY-checkbox + .m-hxnrS6NY-checkbox:before {content: ""; border: 1px solid #FFFFFF; width: 10px; height: 10px; display: inline-block; vertical-align: middle; margin: 8px 10px 8px 0;}
            #hxnrS6NY-checkbox:checked + .m-hxnrS6NY-checkbox:before {content: "✓"; text-align: center; line-height: 10px}
            .hxnrS6NY-checkbox {color: white; margin-top: 2px; cursor: pointer;background: none; border: none;}
            .hxnrS6NY-close-btn {cursor: pointer; padding: 0; margin: 0; width: calc(50% - 8px); box-sizing: border-box;}
            .hxnrS6NY-times-btn {position: absolute; right: -10px; top: -65px; cursor: pointer; z-index: 150001; width: 20px;}
        }

       
        
    </style>
    
    <div class="hxnrS6NY-popup-wrap" id="hxnrS6NY">
        <div class="hxnrS6NY-iframe-wrap">
            <div class="hxnrS6NY-iframe-container">
                <div class="hxnrS6NY-iframe-inner">
                    <iframe class="hxnrS6NY-iframe" src="https://www.youtube.com/embed/CXhgNA7eNt0?amp;autoplay=1" frameborder
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen></iframe>
                </div>
                <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/akmu/close_bt.png" class="hxnrS6NY-times-btn"/>
            </div>
            <input type="checkbox" id="hxnrS6NY-checkbox">
            <label class="hxnrS6NY-checkbox" for="hxnrS6NY-checkbox">오늘 하루 닫기</label>
            <div class="hxnrS6NY-close-container">
                    <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/akmu/event_bt.png" class="hxnrS6NY-close-btn"/>
            </div>
        </div>
    </div> -->

<script>


var $cookie_btn = $("#hxnrS6NY-checkbox"),          // 하루동안 열지않기
    $event_link_btn = $(".hxnrS6NY-close-btn"),     // 이벤트페이지 링크이동
    $close_btn = $(".hxnrS6NY-times-btn"),          // 닫기 버튼 
    $hxnr = $("#hxnrS6NY");                         // 팝업 div

    /* jquery event */ 
    
    /* 이벤트 페이지로 이동*/
    $event_link_btn.click(function() { eventLink() });

    /* 팝업 닫기 */
    $close_btn.click(function() { $hxnr.hide();checkBox(); });
     


    function eventLink()
    {
        $hxnr.hide();
        window.location.replace('/edm/edm-akmu');
    }


    function checkBox()
    {
        if ($cookie_btn.is(':checked') == true) {
            var expiredate = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()+1, 0, 0, 0, 0);
            var cookie_value = '1;expires=' + expiredate.toUTCString();
            document.cookie = 'popup-hxnrS6NY=' + cookie_value;
        }
    }
   

</script>