@extends(env('APP_NAME').'.layout')

@push('head')
    {!! resource('asset/css/uhak/edm/edm.css') !!}
    {!! resource('asset/css/uhak/pages.css') !!}
    <script src="/asset/swiper/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/asset/swiper/swiper.min.css"/>
@endpush  

@section('content')
공지사항 리스트 페이지!! (resources/views/edmuhak/doc/uhak/edm/notice/index.blade.php)
@endsection

@section('script')
<script>
    $('.campaign-slider').bxSlider({
        mode: 'horizontal',
        slideWidth: 445,
        moveSlides: 1,
        minSlides: 1,
        maxSlides: 5,
        pager: false,
        speed: 500,
        pause: 4000,
        autoHover: true,
        touchEnabled:false,
        onSlideBefore:function($slideElement, oldIndex, newIndex){
            //슬라이더 이동시 영상 제거 후 썸네일 삽입
            $('.campaign-slider .video-wrap').each(function(){
                if ($(this).children('img').length > 0) return;
                $(this).find('iframe').remove();
                $(this).removeClass('without-after-element');
                $(this).append('<img src="https://img.youtube.com/vi/'+$(this).data('video')+'/0.jpg" draggable="false" alt="'+$(this).siblings().find('.tit')[0].innerText+'">');
            });
        }
    });
     $('.solution-slider').bxSlider({
        mode: 'horizontal',
        slideWidth: 401,
        slideMargin: 30,
        moveSlides: 1,
        minSlides: 1,
        maxSlides: 5,
        pager: false,
        speed: 500,
        pause: 4000,
        autoHover: true,
        responsive: true
    });
    $('.recommend-slider').bxSlider({
        mode: 'horizontal',
        slideWidth: 343,
        slideMargin: 30,
        moveSlides: 1,
        minSlides: 1,
        maxSlides: 5,
        pager: false,
        speed: 500,
        pause: 4000,
        autoHover: true,
        responsive: true
    });
     var $scrollOffset = $('.about-edm .tab-menu').offset();
        $(window).scroll(function() {
            //앵커탭 스티키
            if ($(document).scrollTop() > $scrollOffset.top ) {
                $('.tab-menu').addClass('sticky');
            } else {
                $('.tab-menu').removeClass('sticky');
            }
            //앵커탭 현재위치표시
            if ($('#edmGoal').offset().top <= $(window).scrollTop()) {
                $('.tab-menu a').removeClass('active').filter('[href="#edmGoal"]').addClass('active');
            }
            if ($('#edmTrace').offset().top <= $(window).scrollTop() + 1) {
                $('.tab-menu a').removeClass('active').filter('[href="#edmTrace"]').addClass('active');
            }
            if ($('#edmInnovation').offset().top <= $(window).scrollTop() + 1) {
                $('.tab-menu a').removeClass('active').filter('[href="#edmInnovation"]').addClass('active');
            }
            if ($('.edm-consulting').offset().top <= $(window).scrollTop() + 70) {
                $('.tab-menu').removeClass('sticky');
            }
        });

        $(function () {
            //앵커탭 클릭시 스크롤
            $('[data-type="scroll-btn"]').click(function () {
                $('body,html').animate({
                    scrollTop: $( $(this).attr('href') ).offset().top
                }, 600);
                return false;
            });

            //영상 썸네일 클릭시 iframe 자동재생 삽입
            $('.video-wrap').click(function(){
                var videoId = $(this).data('video');
                var videoWidth = $(this).data('width');
                var videoHeight = $(this).data('height');
                $(this).find('img').remove();
                $(this).addClass('without-after-element');
                $(this).append('<iframe width="'+videoWidth+'" height="'+videoHeight+'" src="https://www.youtube.com/embed/'+videoId+'?enablejsapi=1&autoplay=1&rel=0&showinfo=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
            });


            //유학솔루션 슬라이더 서비스 소개 클릭 시 펼침/닫힘
            function chooseBx () {
                if ($(window).width() >= 769) {
                    $(".toggle-btn").click(function (e) {
                        $(".pc-pop-wrap").slideUp(), $(this).next().is(":visible") || $(this).next().slideDown(), $(".pc-pop-wrap").toggleClass("open");
                        if ($(this).hasClass("on")) {
                            $(".toggle-btn").removeClass("on")
                        } else {
                            $(".toggle-btn").removeClass("on") && $(this).toggleClass("on");
                        }
                        e.stopPropagation()
                    });
                }
                else if ($(window).width() < 769) {
                    // 팝업띄우기
                    var popBtn = $(".solution-wrap .toggle-btn");
                    var popWrap = $(".solution-wrap .mo-pop-wrap");
                    var popClose = $(".solution-wrap .mo-pop-wrap .pop-close");

                    // On Click Event
                    $(popBtn).click(function() {
                        $('.mo-pop-wrap').addClass("open");
                        $(".solution-wrap .mo-pop-wrap > div").hide();
                        var activeTab = $(this).attr("href");
                        $(activeTab).show();
                        return false;
                    });
                    $(popClose).click(function() {
                        $(popWrap).removeClass("open");
                    });
                }
            }
            $(window).resize(function () {
                chooseBx();
            });
            chooseBx();
        });

</script>
@endsection