@extends('frontend.layouts.master')
@section('styles')
@parent
<link href="{{ asset('assets/frontend/dist/scripts/drop/jquery.multiselect.css') }}" rel="stylesheet">
{!! RecaptchaV3::initJs() !!}
@stop
@section('content')
<main>
    @include('frontend.home.partials.banner')
    @include('frontend.home.partials.about')
    @include('frontend.home.partials.virtual_tours')
    @include('frontend.home.partials.video')
    {{--@include('frontend.home.partials.number')
    @include('frontend.home.partials.projects')--}}
    @include('frontend.home.partials.communities')
    {{--@include('frontend.home.partials.media_center')--}}
    @include('frontend.home.partials.quotes')
    @include('frontend.home.partials.contact')

</main>

@include('frontend.home.partials.offer_popup')

@stop

@section('scripts')
@parent
<script type="text/javascript" src="{{ asset('assets/frontend/dist/scripts/drop/jquery.multiselect.js') }}"></script>
<script>

    $(function () {

         // About slider
    var virtual_thu = new Swiper(".virtual_tour_wrap .thu_img_box .swiper-container", {
      spaceBetween: 10,
      slidesPerView: 1,
      effect: "cube",
      grabCursor: true,
      cubeEffect: {
        shadowScale: 0.94,
      },
      watchOverflow:true,
      //freeMode: true,
      watchSlidesVisibility: true,
      watchSlidesProgress: true,

    });
    var virtual_main = new Swiper(".virtual_tour_wrap .main_img_box .swiper-container", {
      spaceBetween: 10,
      slidesPerView: 1,
      speed: 1500,
      watchOverflow:true,
      effect: "fade",
      fadeEffect: {
        crossFade: true
      },


      thumbs: {
        swiper: virtual_thu,
      },
    });

      $( ".virtual_tour_wrap .thu_img_box .image_item a.img_box" ).on( "click", function() {

    $(this).closest( ".virtual_tour_wrap" ).addClass('video_play');
});
  $( ".virtual_tour_wrap .main_img_box .swiper-container .video_close" ).on( "click", function() {

    $(this).closest( ".virtual_tour_wrap" ).removeClass('video_play');
});

    });

    $("document").ready(function() {
        setTimeout(function() {
            $("#loc_8").trigger('click');
        },10);
    });

    $(document).ready(function () {
        //$('[data-media-type]').first().click();
        @if(!empty($offersData))
            if ( localStorage.getItem('ppSn') != (new Date()).getDate()) {
                setTimeout(function () {
                    $('[data-fancybox-modal-offer]').click();
                }, 5000);
            }
            localStorage.setItem('ppSn', (new Date()).getDate());
        @endif
        $('.search_box select').multiselect({
            placeholder: "{{lang('all')}}",
            selectAll: true,
            selectAllText: "{{lang('all')}}",
        });
        $('[data-drop]').on('click', function () {
            $(this).addClass('open');
        }).on("mouseleave", function (event) {
            $(this).removeClass('open');
        });
        // $('select').selectric({ disableOnMobile: false, nativeOnMobile: false });

        function slider_thumbnail_set() {
            var p_img = $('.banner_inner .swiper-slide-prev [data-thump]').data('thump');
            var n_img = $('.banner_inner .swiper-slide-next [data-thump]').data('thump');

            // set img on next btn
            $('.button-next .img_.main_').css("background-image", "url(" + n_img + ")");

            // set img on pre btn
            $('.button-prev .img_.main_').css("background-image", "url(" + p_img + ")");
        }

        var banner_slider = new Swiper(".banner_inner .swiper-container", {
            loop: false,
            speed: 0,
            effect: 'fade',
            autoplay: {
            delay: 5000,
            disableOnInteraction: false,
            },
            loopAdditionalSlides: 2,
            navigation: {
                nextEl: ".banner_inner .button-next",
                prevEl: ".banner_inner .button-prev",
            },
            on: {
                init: function () {
                    // Set thumbnail
                    setTimeout(function () {
                        slider_thumbnail_set();
                        setTimeout(function () {
                            $('.home-banner .button-next .img_.main_, .home-banner .button-prev .img_.main_').css('visibility', 'visible');
                        }, 10);
                    }, 200);
                },
            }
        });

        $('.banner_inner .button-next, .banner_inner .button-prev').tilt({
            scale: 1
        });

        banner_slider.on('slideNextTransitionStart', function () {
            $('.banner_inner').addClass('change_');
        });

        banner_slider.on('slidePrevTransitionStart', function () {
            $('.banner_inner').addClass('change_');
        });


        banner_slider.on('transitionEnd', function () {
            // Set thumbnail
            setTimeout(function () {
                slider_thumbnail_set();
                setTimeout(function () {
                    $('.banner_inner').removeClass('change_ ');
                }, 10);
            }, 300);
        });

        // About slider
        /*var about_slider_thu = new Swiper(".thu_img_box .swiper-container", {
            spaceBetween: 10,
            slidesPerView: 1,
            effect: "cube",
            grabCursor: true,
            cubeEffect: {
                shadowScale: 0.94,
            },

            //freeMode: true,
            watchSlidesVisibility: true,
            watchSlidesProgress: true,

        });*/
        var about_slider_main = new Swiper(".main_img_box .swiper-container", {
            spaceBetween: 10,
            slidesPerView: 1,
            speed: 1500,
            effect: "fade",
            fadeEffect: {
                crossFade: true
            },
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            pagination: {
                el: ".main_img_box .swiper-pagination",
                clickable: true,
            },
            /*thumbs: {
                swiper: about_slider_thu,
            },*/
        });

        $('.thu_img_box ').tilt({
            reset: false
        });

        $('.number_wrap .n_item').tilt({
            scale: 1.05
        });

        $('.link_tilt').tilt({
            // maxTilt: 5,
            axis: 'y',

            perspective: 500
        });

        // project slider
        var project_slider = new Swiper(".projects_wrapper .swiper-container", {
            slidesPerView: 2,
            spaceBetween: 50,
            navigation: {
                nextEl: ".projects_wrapper .nav_.right_",
                prevEl: ".projects_wrapper .nav_.left_",
            },
            breakpoints: {
                 250: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                320: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                768: {
                    slidesPerView: 1,
                    spaceBetween: 20,
                },
                1024: {
                    slidesPerView: 2,
                    spaceBetween: 50,
                },
            },
            on: {
                init: function () {
                    // Set min height
                    setTimeout(function () {
                        var this_h = $('.projects_wrapper').outerHeight();
                        $('.projects_wrapper').css('min-height', (this_h + 20));
                    }, 400);
                },
            }
        });

        // communitie slider
        var communitie_slider = new Swiper(".communities_image_wrap .swiper-container", {
            slidesPerView: 1,
            spaceBetween: 0,
            freeMode: true,
            pagination: {
                el: ".communities_image_wrap .swiper-pagination",
                type: "progressbar",
            },
            on: {
                init: function () {
                    $($('[data-slide-to]')[0]).addClass('active_');
                },
            }
        });
        $('[data-slide-to]').on('click', function (e) {
            e.preventDefault();
            var this_t = $(this).data('slide-to');
            communitie_slider.slideTo(this_t);

            $('[data-slide-to]').removeClass('active_');
            $(this).addClass('active_');
        })


        // news slider
        var news_slider = new Swiper(".news_wrapper.g1 .swiper-container", {
            slidesPerView: 3,
            spaceBetween: 0,
            navigation: {
                nextEl: ".news_wrapper.g1 .nav_.right_",
                prevEl: ".news_wrapper.g1 .nav_.left_",
            },
            pagination: {
                el: ".news_wrapper.g1 .swiper-pagination",
                type: "progressbar",
            },
            breakpoints: {
                250: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                320: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                768: {
                    slidesPerView: 2,
                    spaceBetween: 0,
                },
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 0,
                },
            },
            on: {
                init: function () {

                },
            }
        });

        // news slider
        var news_slider = new Swiper(".news_wrapper.g2 .swiper-container", {
            slidesPerView: 3,
            spaceBetween: 15,
            navigation: {
                nextEl: ".news_wrapper.g2 .nav_.right_",
                prevEl: ".news_wrapper.g2 .nav_.left_",
            },
            pagination: {
                el: ".news_wrapper.g2 .swiper-pagination",
                type: "progressbar",
            },
            breakpoints: {
                250: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                320: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                768: {
                    slidesPerView: 2,
                    spaceBetween: 15,
                },
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 25,
                },
            },
            on: {
                init: function () {

                },
            }
        });

        // map tooltip
        $('[data-point]').tooltipster({
            theme: 'tooltipster-noir',
            arrow: false,
            position: 'bottom',
            trigger: 'click',
             trackOrigin: true,
            autoClose: false,
            functionPosition: function (instance, helper, position) {

                if ($(window).width() > 980) {
                    var new_left = position.size.width / 2;
                    position.coord.left += new_left;
                    return position;
                }

            },
            functionBefore: function (origin, continueTooltip) {
                var el_ = $(origin._$origin);
                target_ = el_.data('point');

                $('[data-location]').removeClass('active_');
                $('[data-location=' + target_ + ']').addClass('active_');

                el_.addClass('active_')
            },
            functionAfter: function (origin) {
                var el_ = $(origin._$origin);
                target_ = el_.data('point');
                $('[data-location=' + target_ + ']').removeClass('active_');
                $('[data-point=' + target_ + ']').removeClass('active_');

            }
        });

        $('[data-location]').on('click', function (e) {
            e.preventDefault();
            $("[data-point]").tooltipster("close");
            var this_val_ = $(this).data('location');
            $('[data-location]').removeClass('active_');
            $(this).addClass('active_');


            var el_ = $('[data-point=' + this_val_ + ']');
            $('[data-point]').removeClass('active_');
            el_.addClass('active_');
            el_.tooltipster('show');
        });

        // Mobile search form
        $('[data-mobile-search]').fancybox({
            modal: true
        });
    });

  function meadiaSwiper(){
    // news slider
    var news_slider = new Swiper(".news_wrapper.g1 .swiper-container", {
            slidesPerView: 3,
            spaceBetween: 0,
            navigation: {
                nextEl: ".news_wrapper.g1 .nav_.right_",
                prevEl: ".news_wrapper.g1 .nav_.left_",
            },
            pagination: {
                el: ".news_wrapper.g1 .swiper-pagination",
                type: "progressbar",
            },
            breakpoints: {
                250: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                320: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                768: {
                    slidesPerView: 2,
                    spaceBetween: 0,
                },
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 0,
                },
            },
            on: {
                init: function () {

                },
            }
        });
        // news slider
        var news_slider = new Swiper(".news_wrapper.g2 .swiper-container", {
            slidesPerView: 3,
            spaceBetween: 15,
            navigation: {
                nextEl: ".news_wrapper.g2 .nav_.right_",
                prevEl: ".news_wrapper.g2 .nav_.left_",
            },
            pagination: {
                el: ".news_wrapper.g2 .swiper-pagination",
                type: "progressbar",
            },
            breakpoints: {
                250: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                320: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                768: {
                    slidesPerView: 2,
                    spaceBetween: 15,
                },
                1024: {
                    slidesPerView: 3,
                    spaceBetween: 25,
                },
            },
            on: {
                init: function () {

                },
            }
        });
  }
</script>
@stop