@include('includes.frontend_header')
@include('includes.menu')
@yield('content')
@include('includes.frontend_footer')
@php
$settings = DB::table('settings')->where('user_id', '1')->first();
$slider_timing = 15000;
if($settings) { $slider_timing = isset($settings->slider_timing)?$settings->slider_timing:'15000'; }
@endphp

<script>
    $(function(){
    if($('.gallery-wrapper').length){
        var galleryFull = new Swiper('.gallery-wrapper .content .gallery.full .swiper-container', {
            speed: 900,
            effect: 'silde',
            slidesPerView: 3,
            spaceBetween: 10,
            centeredSlides: true,
            autoplay: {
                delay: 7000,
                disableOnInteraction: true,
                stopOnLastSlide: false
            },
            keyboard: {
                enabled: true,
            },
            grabCursor: false,
            simulateTouch: false,
            loop: true,
            navigation: {
                nextEl: '.gallery-wrapper .content .gallery.full .swiper-next-button',
                prevEl: '.gallery-wrapper .content .gallery.full .swiper-prev-button',
            },
            // thumbs: {
            //     swiper: galleryThumbs
            // },
            on: {
                slideChangeTransitionStart: function () {
                    $('.gallery-wrapper .content .gallery.full .swiper-slide .overlay').removeClass('show');
                },
                slideChangeTransitionEnd: function () {
                    $('.gallery-wrapper .content .gallery.full .swiper-slide-active .overlay').addClass('show');
                }
            }
        });
    }
});
     $(window).on('load', function () {
        setTimeout(()=>{
            var bt_box_object = bootbox.dialog({
            closeButton: true,
            message: $('#login_form').html(),
            /*buttons: {
            ok: {
                label: 'View All',
                callback: function(){
                    window.location = 'admin-story';
                }
            }
            }*/
        }
        );
        var story = $(".owl-carousel-story");
        story.length > 0 &&
        story.owlCarousel({
            items: 1,
            lazyLoad: true,
            pagination: true,
            autoHeight:true,
            autoPlay: true,
            loop: true,
            singleItem: true,
            navigation: true,
            stopOnHover: true,
            navigationText: [
            "<i class='mdi mdi-chevron-left'></i>",
            "<i class='mdi mdi-chevron-right'></i>",
            ],
        });
        },'{{$slider_timing}}'); 
     });
    var o = $("#client-testimonial-carousel");
    o.length > 0 &&
    o.owlCarousel({
            items: 1,
            lazyLoad: true,
            pagination: true,
            autoHeight:true,
            autoPlay: true,
            loop: true,
            singleItem: true,
            navigation: false,
            stopOnHover: true,
    });
    window.addEventListener('load', AOS.refresh);
    $(window).on('load', function () {
        $('#ctn-preloader').addClass('loaded');
        AOS.init({
            duration: 1200,
            easing: 'ease-out-back',
            once: false
        });
        preLoad();
    });
    function preLoad() {
        if ($('#ctn-preloader').hasClass('loaded')) {
            $('#preloader').delay(1000).queue(function() {
                $(this).remove();
            });
        }
    }

    function responseMsg(msg,status,icon) {
        swal({
            title: status,
            text: msg,
            icon: icon
        });
    } 


    $('.numbersOnly').keyup(function(e) {
        if (/\D/g.test(this.value))
        {
            this.value = this.value.replace(/\D/g, '');
            responseMsg('Only Numbers Allowed!','Warning','warning')
        }
    });

    $('.alphabetsOnly').keypress(function (e) {
        var regex = new RegExp(/^[a-zA-Z\s]+$/);
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) {
            return true;
        }
        else {
            e.preventDefault();
            responseMsg('Alphabets Numbers Allowed!','Warning','warning')
        }
    });

    $('.onlyImage').change(function(){
        var selectedFile = this.files[0];
        var idxDot = selectedFile.name.lastIndexOf(".") + 1;
        var extFile = selectedFile.name.substr(idxDot, selectedFile.name.length).toLowerCase(); 

        if (extFile == "jpg" || extFile == "jpeg" || extFile == "png" || extFile == "mp4" || extFile == "mov" || extFile == "wmv" || extFile == "flv") {
            if(selectedFile.size>2000000) {
                 $(this).val('');
                responseMsg('File must be less than 1MB!','Warning','warning')
            } 
        } else {
            $(this).val('');
            responseMsg('You must select an image file only! File input is cleared.','Warning','warning')
        }
    }); 

    var banner = $(".owl-carousel-slider-banner");
    banner.length > 0 &&
      banner.owlCarousel({
        items: 1,
        lazyLoad: true,
        pagination: true,
        autoHeight:true,
        autoPlay: true,
        loop: true,
        singleItem: true,
        navigation: true,
        stopOnHover: true,
        navigationText: [
          "<i class='mdi mdi-chevron-left'></i>",
          "<i class='mdi mdi-chevron-right'></i>",
        ],
      });
</script>