(function ($) {
  "use strict";
  var POTENZA = {};
  var WhatsApp = randomWhatsApp();

/*************************
  Predefined Variables
*************************/
  var $window = $(window),
    $document = $(document),
    $body = $('body'),
    $countdownTimer = $('.countdown'),
    $counter = $('.counter');
  //Check if function exists
  $.fn.exists = function () {
    return this.length > 0;
  };

/*************************
      Menu
  *************************/
  POTENZA.dropdownmenu = function () {
    if ($('.navbar').exists()) {
      $('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
        if (!$(this).next().hasClass('show')) {
          $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
        }
        var $subMenu = $(this).next(".dropdown-menu");
        $subMenu.toggleClass('show');
        $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
          $('.dropdown-submenu .show').removeClass("show");
        });
        return false;
      });
    }
  };

/*************************
         Sticky
*************************/

POTENZA.isSticky = function () {
  $(window).scroll(function(){
    if ($(this).scrollTop() > 150) {
       $('.header-sticky').addClass('is-sticky');
    } else {
       $('.header-sticky').removeClass('is-sticky');
    }
  });
};

/*************************
      Tooltip
*************************/
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover()

/*************************
       counter
*************************/
  POTENZA.counters = function () {
    var counter = jQuery(".counter");
    if (counter.length > 0) {
      $counter.each(function () {
        var $elem = $(this);
        $elem.appear(function () {
          $elem.find('.timer').countTo();
        });
      });
    }
  };

  /*************************
       Owl carousel
*************************/
  POTENZA.carousel = function () {
    var owlslider = jQuery("div.owl-carousel");
    if (owlslider.length > 0) {
      owlslider.each(function () {
        var $this = $(this),
          $items = ($this.data('items')) ? $this.data('items') : 1,
          $loop = ($this.attr('data-loop')) ? $this.data('loop') : true,
          $navdots = ($this.data('nav-dots')) ? $this.data('nav-dots') : false,
          $navarrow = ($this.data('nav-arrow')) ? $this.data('nav-arrow') : false,
          $autoplay = ($this.attr('data-autoplay')) ? $this.data('autoplay') : true,
          $autospeed = ($this.attr('data-autospeed')) ? $this.data('autospeed') : 5000,
          $smartspeed = ($this.attr('data-smartspeed')) ? $this.data('smartspeed') : 1000,
          $autohgt = ($this.data('autoheight')) ? $this.data('autoheight') : false,
          $space = ($this.attr('data-space')) ? $this.data('space') : 30,
          $animateOut = ($this.attr('data-animateOut')) ? $this.data('animateOut') : false;
        $(this).owlCarousel({
          loop: $loop,
          items: $items,
          responsive: {
            0: {
              items: $this.data('xx-items') ? $this.data('xx-items') : 1
            },
            575: {
              items: $this.data('xs-items') ? $this.data('xs-items') : 1
            },
            768: {
              items: $this.data('sm-items') ? $this.data('sm-items') : 2
            },
            980: {
              items: $this.data('md-items') ? $this.data('md-items') : 3
            },
            1200: {
              items: $items
            }
          },
          dots: $navdots,
          autoplayTimeout: $autospeed,
          smartSpeed: $smartspeed,
          autoHeight: $autohgt,
          margin: $space,
          nav: $navarrow,
          navText: ["<i class='fas fa-chevron-left'></i>", "<i class='fas fa-chevron-right'></i>"],
          autoplay: $autoplay,
          autoplayHoverPause: true
        });
      });
    }
  }

  /*************************
        Slickslider
*************************/
  POTENZA.slickslider = function () {
    if ($('.slider-for').exists()) {
      $('.slider-for').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: true,
        asNavFor: '.slider-nav'
      });
      $('.slider-nav').slick({
        slidesToShow: 5,
        slidesToScroll: 1,
        asNavFor: '.slider-for',
        dots: false,
        centerMode: true,
        focusOnSelect: true,
      });
    }
  };

  /*************************
      Magnific Popup
  *************************/
  POTENZA.mediaPopups = function () {
    if ($(".popup-single").exists() || $(".popup-gallery").exists() || $('.modal-onload').exists() || $(".popup-youtube, .popup-vimeo, .popup-gmaps").exists()) {
      if ($(".popup-single").exists()) {
        $('.popup-single').magnificPopup({
          type: 'image'
        });
      }
      if ($(".popup-gallery").exists()) {
        $('.popup-gallery').magnificPopup({
          delegate: 'a.portfolio-img',
          type: 'image',
          tLoading: 'Loading image #%curr%...',
          mainClass: 'mfp-img-mobile',
          gallery: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
          }
        });
      }
      if ($(".popup-youtube, .popup-vimeo, .popup-gmaps").exists()) {
        $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
          disableOn: 700,
          type: 'iframe',
          mainClass: 'mfp-fade',
          removalDelay: 160,
          preloader: false,
          fixedContentPos: false
        });
      }
      var $modal = $('.modal-onload');
      if ($modal.length > 0) {
        $('.popup-modal').magnificPopup({
          type: 'inline'
        });
        $(document).on('click', '.popup-modal-dismiss', function (e) {
          e.preventDefault();
          $.magnificPopup.close();
        });
        var elementTarget = $modal.attr('data-target');
        setTimeout(function () {
          $.magnificPopup.open({
            items: {
              src: elementTarget
            },
            type: "inline",
            mainClass: "mfp-no-margins mfp-fade",
            closeBtnInside: !0,
            fixedContentPos: !0,
            removalDelay: 500
          }, 0)
        }, 1500);
      }
    }
  }

  /*************************
      datetimepicker
  *************************/
  POTENZA.datetimepickers = function () {
    if ($('.datetimepickers').exists()) {
      $('#datetimepicker-01, #datetimepicker-02').datetimepicker({
        format: 'L'
      });
      $('#datetimepicker-03, #datetimepicker-04').datetimepicker({
        format: 'LT'
      });
    }
  };

  /*************************
      select2
  *************************/
  POTENZA.select2 = function () {
    if ($('.basic-select').exists()) {
      var select = jQuery(".basic-select");
      if (select.length > 0) {
        $('.basic-select').select2({dropdownCssClass : 'bigdrop'});
      }
    }
  };

/*************************
      Range Slider
*************************/
  POTENZA.rangesliders = function () {
    if ($('.property-price-slider').exists()) {
      var rangeslider = jQuery(".rangeslider-wrapper");
      $("#property-price-slider").ionRangeSlider({
        type: "double",
        min: 0,
        max: 10000,
        from: 1000,
        to: 8000,
        prefix: "$",
        hide_min_max: true,
        hide_from_to: false
      });
    }
  };


  /*************************
           Countdown
  *************************/
  POTENZA.countdownTimer = function () {
    if ($countdownTimer.exists()) {
      $countdownTimer.downCount({
        date: '12/25/2020 12:00:00', // Month/Date/Year HH:MM:SS
        offset: -4
      });
    }
  }


  /*************************
      scrollbar
  *************************/
  POTENZA.scrollbar = function () {
    var scrollbar = jQuery(".scrollbar");
    if (scrollbar.length > 0) {
      //Sidebar Scroll
      var scroll_light = jQuery(".scroll_light");
      if (scroll_light.length > 0) {
        $(scroll_light).niceScroll({
          cursorborder: 0,
          cursorcolor: "rgba(255,255,255,0.25)"
        });
        $(scroll_light).getNiceScroll().resize();
      }
      // Chat Scroll
      var scroll_dark = jQuery(".scroll_dark");
      if (scroll_dark.length > 0) {
        $(scroll_dark).niceScroll({
          cursorborder: 0,
          cursorcolor: "rgba(0,0,0,0.1)"
        });
        $(scroll_dark).getNiceScroll().resize();
      }
    }
  }

/*************************
     Back to top
*************************/
  POTENZA.goToTop = function () {
    var $goToTop = $('#back-to-top');
    $goToTop.hide();
    $window.scroll(function () {
      if ($window.scrollTop() > 100) $goToTop.fadeIn();
      else $goToTop.fadeOut();
    });
    $goToTop.on("click", function () {
      $('body,html').animate({
        scrollTop: 0
      }, 1000);
      return false;
    });
  }


  /****************************************************
       POTENZA Window load and functions
  ****************************************************/
  //Window load functions
  
  //Document ready functions
  $document.ready(function () {
    POTENZA.counters(),
    POTENZA.slickslider(),
    POTENZA.datetimepickers(),
    POTENZA.select2(),
    POTENZA.dropdownmenu(),
    POTENZA.isSticky(),
    POTENZA.scrollbar(),
    POTENZA.goToTop(),
    POTENZA.countdownTimer(),
    POTENZA.mediaPopups(),
    POTENZA.rangesliders(),
    POTENZA.carousel();


  });
})(jQuery);

function setCookie(cname, cvalue, exdays) {
  const d = new Date();
  d.setTime(d.getTime() + (exdays*24*60*60*1000));
  let expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  let name = cname + "=";
  let decodedCookie = decodeURIComponent(document.cookie);
  let ca = decodedCookie.split(';');
  for(let i = 0; i <ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}

function randomWhatsApp() {
  $.get('/random-whatsapp', {}, (whatsapp) => {
    sessionStorage.setItem("company_zap_name", whatsapp.company);
    sessionStorage.setItem("company_zap_number", whatsapp.number);
    // $('#random-whatsapp').attr('href', `https://api.whatsapp.com/send?phone=55${whatsapp.number}&text=Olá ${whatsapp.company}, te encontrei no *connectfretes.com.br* e desejo solicitar uma cotação.%0A%0A`);
	});
}

function formWhatsApp() {
  $('#staticBackdrop').modal('show');
}

$(document).ready(function() {
  setInterval(() => {
    var name = $('#quotation-zap-form #zap_name').val();
    var whatsapp = $('#quotation-zap-form #zap_whatsapp').val();					
    var origin = $('#quotation-zap-form #zap_origin').val();
    var destination = $('#quotation-zap-form #zap_destination').val();
    var description = $('#quotation-zap-form #zap_description').val();
      
    var href = '';

    if (name !== '' && whatsapp !== '' && origin !== '' && destination !== '' && description !== '') {
      href += `https://api.whatsapp.com/send?phone=55${sessionStorage.getItem('company_zap_number')}&text=`;
      href += `Olá ${sessionStorage.getItem('company_zap_name')}, te encontrei no *connectfretes.com.br* me chamo *${name}* desejo uma cotação de frete!%0A%0A`;
      href += `*Meu WhatsApp:* ${whatsapp}%0A`;
      href += `*Origem:* ${origin}%0A`;
      href += `*Destino:* ${destination}%0A`;
      href += `*Descrição:* ${description}`;

      
      $('#btn-zap-form').removeClass('disabled').attr('target', '_blank');
    } else {
      href = "javascript:alert('Preencha os campos para continuar')";
      $('#btn-zap-form').addClass('disabled').removeAttr('target');
    }
    
    $('#btn-zap-form').attr('href', href);
  }, 1000);

  $('#btn-zap-form').click(function() {
    $.post('/envie-whatsapp', {
      location: window.location.href,
      link: $('#btn-zap-form').attr('href'),
      _token: $('meta[name="access_token"]').attr('content')
    });
    $('#staticBackdrop').modal('hide');
  })

  // $('#quotation-zap-form').submit(function (e) {
  //     e.preventDefault();
  //     var name = $('#quotation-zap-form input[name=name]').val();
  //     var origin = $('#quotation-zap-form input[name=origin]').val();
  //     var destination = $('#quotation-zap-form input[name=destination]').val();
  //     var whatsapp = $('#quotation-zap-form input[name=whatsapp]').val();
  //     var description = $('#quotation-zap-form #zap_description]').val();
  //     var argv = $('#quotation-zap-form input[name=argv]').val();


  //     // if (note_cost !== '') text += `%0A*Valor de nota:* ${note_cost}`;
  //     // if (quantity !== '') text += `%0A*Quantidade:* ${quantity}`;
  //     // if (weight !== '') text += `%0A*Peso:* ${weight}`;

  //     $.post($('#quotation-zap-form').attr('action'), {name, origin, destination, note_cost, quantity, weight, whatsapp, argv});

  //     $('#staticBackdrop').modal('hide');
  //     window.open(`https://api.whatsapp.com/send?phone=+5511958097327&text=${text}`, 'blank');
  // });
});

/* Máscaras */
var SPMaskBehavior = function (val) {
  return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
},
spOptions = {
  onKeyPress: function(val, e, field, options) {
      field.mask(SPMaskBehavior.apply({}, arguments), options);
  }
};

$('#phone, input[name=whatsapp]').mask(SPMaskBehavior, spOptions);
$('#nf_value').mask('000.000.000.000.000,00', {reverse: true});
$('#weight').mask('000.000.000,00', {reverse: true});

$("input[name=origin]").blur(e => validate_information_city(e, 'origin'));
$("input[name=destination]").blur(e => validate_information_city(e, 'destination'));

function validate_information_city(inputInformation, orientationCity) {
  setTimeout(function() {
    let form = inputInformation.target.form.id;
    let input_city = $(`#${form} input[name=${orientationCity}]`);
    let label_text = orientationCity == 'origin' ? 'origem' : 'destino';

    if (input_city.val().split(' - ')[1] === undefined || input_city.val().split(' - ')[1] === '' || input_city.val().split(' - ')[1].length != 2) {
      $(`.${orientationCity}-box .form-group-${orientationCity}`).html('<span>A cidade de ' + label_text + ' não é válida. Favor escolher uma opção da lista quando estiver digitando.</span>').addClass('text-danger');
      input_city.css('border-color', 'red').css('background-color', '#fa566133');
    } else {
      $(`.${orientationCity}-box .form-group-${orientationCity}`).html('').removeClass('text-danger');
      input_city.removeAttr('style');
    }
  }, 250);
}