document.addEventListener('DOMContentLoaded', () => {
    let url = window.location.href,
        closeWhatsappLabel = $('.whastsappMessage__container--close'),
        labelWhatsApp = $('.whastsappMessage__container'),
        sizeScreen = window.screen.width,
        buttonNavMobile = document.querySelector('.navbar-toggler'),
        navbar = document.querySelector('.navbar'),
        map;
    
    const initMap = () => {
        map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -35.3366575, lng: -58.8040333},
          zoom: 13,
          styles: [
            {elementType: 'geometry', stylers: [{color: '#242f3e'}]},
            {elementType: 'labels.text.stroke', stylers: [{color: '#242f3e'}]},
            {elementType: 'labels.text.fill', stylers: [{color: '#746855'}]},
            {
              featureType: 'administrative.locality',
              elementType: 'labels.text.fill',
              stylers: [{color: '#d59563'}]
            },
            {
              featureType: 'poi',
              elementType: 'labels.text.fill',
              stylers: [{color: '#d59563'}]
            },
            {
              featureType: 'poi.park',
              elementType: 'geometry',
              stylers: [{color: '#263c3f'}]
            },
            {
              featureType: 'poi.park',
              elementType: 'labels.text.fill',
              stylers: [{color: '#6b9a76'}]
            },
            {
              featureType: 'road',
              elementType: 'geometry',
              stylers: [{color: '#38414e'}]
            },
            {
              featureType: 'road',
              elementType: 'geometry.stroke',
              stylers: [{color: '#212a37'}]
            },
            {
              featureType: 'road',
              elementType: 'labels.text.fill',
              stylers: [{color: '#9ca5b3'}]
            },
            {
              featureType: 'road.highway',
              elementType: 'geometry',
              stylers: [{color: '#746855'}]
            },
            {
              featureType: 'road.highway',
              elementType: 'geometry.stroke',
              stylers: [{color: '#1f2835'}]
            },
            {
              featureType: 'road.highway',
              elementType: 'labels.text.fill',
              stylers: [{color: '#f3d19c'}]
            },
            {
              featureType: 'transit',
              elementType: 'geometry',
              stylers: [{color: '#2f3948'}]
            },
            {
              featureType: 'transit.station',
              elementType: 'labels.text.fill',
              stylers: [{color: '#d59563'}]
            },
            {
              featureType: 'water',
              elementType: 'geometry',
              stylers: [{color: '#17263c'}]
            },
            {
              featureType: 'water',
              elementType: 'labels.text.fill',
              stylers: [{color: '#515c6d'}]
            },
            {
              featureType: 'water',
              elementType: 'labels.text.stroke',
              stylers: [{color: '#17263c'}]
            }
          ]
        });

        let data = "La Pastoriza";

        let infowindow = new google.maps.InfoWindow({
            content: data
          });

        let marker = new google.maps.Marker({
            position: {lat: -35.3366575, lng: -58.8040333},
            map: map,
            title: 'La Pastoriza',
            icon: `${url}/webroot/img/location-light.png`
          });

          google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
          });
    }

    // Effect Nav
    const scrollNav = () => {
        document.addEventListener('scroll', () => {

            // Header
            const header = document.querySelector('.navbar');
      
            if (window.scrollY > 100) {
                header.classList.add('scroll');
            } else {
              header.classList.remove('scroll');
            }
      
          });
    };

    // Load window chat
    const loadWindowChat = (responsive = false, on = true) => {

      let getStateLabelWp = sessionStorage.getItem('popup-wp');

        if (on && getStateLabelWp == null) {

          if (sizeScreen < 991 && responsive) {

              $(labelWhatsApp).addClass('show-block');
          
              setTimeout(() => {
                $(labelWhatsApp).addClass('show-opacity');
              }, 4000);

          } else if (sizeScreen > 768) {

            $(labelWhatsApp).addClass('show-block');
             
            setTimeout(() => {
              $(labelWhatsApp).addClass('show-opacity');
            }, 4000);

          }
        }

    }

    // Background color navbar mobile
    const navbarBgColorMobile = () => {
      if (sizeScreen < 991) {
        buttonNavMobile.addEventListener('click', () => {

          if (!buttonNavMobile.classList.contains('collapsed')) {

            navbar.classList.add('bg-navbar');

          } else {
              
              navbar.classList.remove('bg-navbar');
  
          }
        });
      }
    }

    // Events
    $(closeWhatsappLabel).on('click', (e) => {
        e.preventDefault();

        sessionStorage.setItem('popup-wp', 'false');

        $(labelWhatsApp).removeClass('show-opacity');

        setTimeout(() => {
            $(labelWhatsApp).removeClass('show-block');
            labelWhatsApp.remove();
        }, 1000)
        
    });


    // Call functions
    if (document.querySelector('.navbar')) {
      scrollNav();
      navbarBgColorMobile();
    }
    loadWindowChat(false, true);
    AOS.init();
    //initMap();
    
});