
/**================================================
JS : MY CUSTOM SCRIPTS
===================================================*/ 

(function($){
    $(function() {
/**================================================*
Search bar toggle display
*/
		$('a.search-icon').on('click',function(){
			$(this).next('#search_mini_form').toggleClass('show'); 
		})
/**================================================*
Slider home page
*/
    var owl = $("#slider");
    owl.owlCarousel({
    animateOut: 'fadeOut',
    items:1,
    nav : true,
    navElement : 'i',
    navClass : ['icon-chevron-left owl-prev','icon-chevron-right owl-next'],
    navText : ['',''],
    loop : true,
    autoplay : false,
    smartSpeed:450
  });
/**================================================*
Sticky responsive menu
*/
// When the user scrolls the page, execute myFunction 
window.onscroll = function() {myFunction()};

// Get the navbar
var navbar = document.getElementById("header-outer");
console.log(window.pageYOffset)
// Get the offset position of the navbar
var sticky = navbar.offsetTop+50;

// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}
/**================================================*
Cart Inc Dec Buttons
*/
$(".qty-holder .qty-changer > a").on("click", function() {

  var $button = $(this);
  var oldValue = $button.parent().parent().find($("input")).val();

  if ($button.find($("em")).text() == "+") {
    var newVal = parseFloat(oldValue) + 1;
  console.log(newVal)
  } else {
   // Don't allow decrementing below zero
    if (oldValue > 0) {
      var newVal = parseFloat(oldValue) - 1;
    } else {
      newVal = 0;
    }
  }

   $button.parent().parent().find($("input")).val(newVal);

});

 $('.main-menu').slicknav({
    appendTo : $('.header-outer'),
    label : ""
 });

/**================================================*
Create Accaunt, toggle dispplay adresse
*/

jQuery("#shippingAdress").bind('change', function(){        
        val = this.checked; //<---
        if(val){
          $('.adress-box-shipBill').css('display', 'none');
         $('.adress-box-shipping').css('display', 'block');
        }else{
         $('.adress-box-shipping').css('display', 'none');
        }
});

jQuery("#billAdress").bind('change', function(){        
        val = this.checked; //<---
        if(val){
          $('.adress-box-shipBill').css('display', 'none');
         $('.adress-box-billing').css('display', 'block');
        }else{
         $('.adress-box-billing').css('display', 'none');
        }
});

jQuery("#BillShip").bind('change', function(){        
        val = this.checked; //<---
        if(val){
          $('.adress-box-billing').css('display', 'none');
          $('.adress-box-shipping').css('display', 'none');
         $('.adress-box-shipBill').css('display', 'block');
        }else{
         $('.adress-box-shipBill').css('display', 'none');
        }
});


$(".chb1").change(function() {
    var checked = $(this).is(':checked');
    $(".chb1").prop('checked',false);
    if(checked) {
        $(this).prop('checked',true);
    }
});

$(".chb2").change(function() {
    var checked = $(this).is(':checked');
    $(".chb2").prop('checked',false);
    if(checked) {
        $(this).prop('checked',true);
    }
});


$('[data-toggle="datepicker"]').datepicker({
    language: 'fr-FR'
  });


$('.fa-trash,.fa-trash-o').each(function(index, el) {
  $(this).click(function(event) {
    event.preventDefault();
    $(this).closest('tr').remove();
    $(this).closest('.product').remove();

  });
});


var plugins = {
  contactForm: $('#customer-info-form')
  };


if (plugins.contactForm.length) {

    var $contactform = plugins.contactForm;



// add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg !== value;
 }, "Value must not equal arg.");


    var validator =  $contactform.validate({
      rules: {
         select_city: { 
          valueNotEquals: "default" 
        },
        firstname: {
          required: true,
          minlength: 2
        },
        lastname: {
          required: true,
          minlength: 2
        },
        poids: {
          required: true,
          minlength: 2
        },
        taille: {
          required: true,
          minlength: 2
        },
        email: {
          required: true,
          email: true
        },
        dteNaiss: {
          required: true,
          date: true
        },
        street: {
          required: true,
          minlength: 2
        },
        postal_code: {
          required: true,
          number: true
        },
        country: {
          required: true,
          minlength: 2
        }

      },
      messages: {
        select_adress_: { 
          valueNotEquals: "Selectionner un element s'il vous plait !" 
        },
        firstname: {
          required: "Remplir votre Prenom s'il vous plait.",
          minlength: "Vous devez avoir au moins 2 caracteres pour votre Prenom."
        },
        lastname: {
          required: "Remplir votre Nom s'il vous plait.",
          minlength: "Vous devez avoir au moins 2 caractere pour votre Nom."
        },
        poids: {
          required: "S'il vous plait remplir votre Poids avec des nombre à virgule.",
          minlength: "Vous devez avoir au moins 2 caractere pour votre Nom."
        },
        taille: {
          required: "S'il vous plait remplir votre Taille avec des nombre à virgule.",
          minlength: "Vous devez avoir au moins 2 caractere pour votre Nom."
        },
        email: {
          required: "S'il vous plait remplir votre Identifiant."
        },
        dteNaiss: {
          required: "S'il vous plait remplir votre Date de naissance.",
          minlength: "S'il vous plait remplir une Date de naissance valide."
        },
        street: {
          required: "S'il vous plait remplir votre Rue.",
          minlength: "Vous devez avoir au moins 2 caracteres pour votre Rue."
        },
        postal_code: {
          required: "S'il vous plait remplir votre Code Postal.",
          number: "S'il vous plait remplir votre Code Postal avec des chiffres."
        },
        country: {
          required: "S'il vous plait remplir votre Pays.",
          number: "Vous devez avoir au moins 2 caracteres pour votre Payes."
        }
      }
      })


   validator.resetForm();
      }





/**================================================*
Cart Inc Dec Buttons
*/

	});
})(jQuery);

