jQuery(document).ready(function($) {
  $('.elementor-icon').on('click', function(){
    $('.gs-mbk-hamburguer').toggleClass('gs-mbk-open');
  })

  $('.type-filter').click(function() {
    $(this).toggleClass('active');
    $('table.dishes-list tbody tr').removeClass('with-type');

    $('.type-filter.active').each(function() {
      $('table.dishes-list tbody tr:not([data-types*="'+ $(this).data('name') +'"])').each(function() {
        $(this).addClass('with-type').appendTo($(this).parent());
      });
    });

    $('.mm-allergens-section .dishes-category').each(function() {
      let $table = $(this).find('.dishes-list');
      if($table.find('tbody tr').length == $table.find('tbody tr.with-type').length) {
        $(this).fadeOut();
      } else {
        $(this).fadeIn();
      }
    }).promise().done(function() {
      if($('.mm-allergens-section .dishes-category:visible').length == 0) {
        $('.dishes-not-found').fadeIn();
        $('.allergens-legend').fadeOut();
      } else {
        $('.dishes-not-found').fadeOut();
        $('.allergens-legend').fadeIn();
      }
    });
  });
  
  $('.allergen-filter').click(function() {
    $(this).toggleClass('active');
    $('table.dishes-list tbody tr').removeClass('with-allergen');

    $('.allergen-filter.active').each(function() {
      $('table.dishes-list tbody tr[data-allergens*="'+ $(this).data('name') +'"]').each(function() {
        $(this).addClass('with-allergen').appendTo($(this).parent());
      });
    });

    $('.mm-allergens-section .dishes-category').each(function() {
      let $table = $(this).find('.dishes-list');
      if($table.find('tbody tr').length == $table.find('tbody tr.with-allergen').length) {
        $(this).fadeOut();
      } else {
        $(this).fadeIn();
      }
    }).promise().done(function() {
      if($('.mm-allergens-section .dishes-category:visible').length == 0) {
        $('.dishes-not-found').fadeIn();
        $('.allergens-legend').fadeOut();
      } else {
        $('.dishes-not-found').fadeOut();
        $('.allergens-legend').fadeIn();
      }
    });
  });
  $('#billing_first_name').attr('maxlength', 20);
  $('#billing_last_name').attr('maxlength', 20);
  $('#additional_order_comments').attr('maxlength', 100);
  $('#billing_address_2').attr('maxlength', 100);
});

if(jQuery('.box-wizard').length > 0 ) {
  var manolito = document.querySelectorAll('.manolito');
  var manoloList = document.querySelector('.manolo-list');
  var box = document.querySelector('.box-wizard-ul');
  var manolitosCounter = document.querySelector('.manolitos-counter');
  var manolitosReset = document.querySelector('.manolitos-reset');
  var manolitoOriginal = 0, 
      manolitoDipNegro = 0, 
      manolitoDipBlanco = 0,
      manolitoCrocanti = 0,
      manolitoCebraTriple = 0,
      manolitoCebraNegro = 0,
      manolitoCebraBlanco = 0,
      manolitoCafetero = 0,
      counter = 0;

  var counterManolitoOriginal = document.querySelector('.counter-manolito_original');
  var counterManolitoDipNegro = document.querySelector('.counter-manolito_dip_negro');
  var counterManolitoDipBlanco = document.querySelector('.counter-manolito_dip_blanco');
  var counterManolitoCrocanti = document.querySelector('.counter-manolito_crocanti');
  var counterManolitoCebraTriple = document.querySelector('.counter-manolito_cebra_triple');
  var counterManolitoCebraNegro = document.querySelector('.counter-manolito_cebra_negro');
  var counterManolitoCebraBlanco = document.querySelector('.counter-manolito_cebra_blanco');
  var counterManolitoCafetero = document.querySelector('.counter-manolito_cafetero');
  var message = document.querySelector('.message');

  for (var i = 0; i < manolito.length; i++) {
      manolito[i].addEventListener('click', function(e) {
        e.preventDefault();
        console.log(counter);
        if (counter < 8) {
          var cln = e.currentTarget.cloneNode(true);
          box.append(cln);
          if (e.currentTarget.classList.contains('manolito_original')) {
            manolitoOriginal++;
            counterManolitoOriginal.innerHTML = manolitoOriginal;
          }
          if (e.currentTarget.classList.contains('manolito_dip_negro')) {
            manolitoDipNegro++;
            counterManolitoDipNegro.innerHTML = manolitoDipNegro;
          }
          if (e.currentTarget.classList.contains('manolito_dip_blanco')) {
            manolitoDipBlanco++;
            counterManolitoDipBlanco.innerHTML = manolitoDipBlanco;
          }
          if (e.currentTarget.classList.contains('manolito_crocanti')) {
            manolitoCrocanti++;
            counterManolitoCrocanti.innerHTML = manolitoCrocanti;
          }
          if (e.currentTarget.classList.contains('manolito_cebra_triple')) {
            manolitoCebraTriple++;
            counterManolitoCebraTriple.innerHTML = manolitoCebraTriple;
          }
          if (e.currentTarget.classList.contains('manolito_cebra_negro')) {
            manolitoCebraNegro++;
            counterManolitoCebraNegro.innerHTML = manolitoCebraNegro;
          }
          if (e.currentTarget.classList.contains('manolito_cebra_blanco')) {
            manolitoCebraBlanco++;
            counterManolitoCebraBlanco.innerHTML = manolitoCebraBlanco;
          }
          if (e.currentTarget.classList.contains('manolito_cafetero')) {
            manolitoCafetero++;
            counterManolitoCafetero.innerHTML = manolitoCafetero;
          }
        } else {
          message.innerHTML = 'Caja llena';
          manoloList.style.filter= 'grayscale(100%)';
        }
        counter = manolitoOriginal + manolitoDipNegro + manolitoDipBlanco + manolitoCrocanti + manolitoCebraTriple + manolitoCebraNegro + manolitoCebraBlanco + manolitoCafetero;
        manolitosCounter.innerHTML = 8 - counter;
      });
  } 

  manolitosReset.addEventListener('click', function(e) {
    counter = 0;
    manolitosCounter.innerHTML = 8;
    manolitoOriginal = 0;
    manolitoDipNegro = 0;
    manolitoDipBlanco = 0;
    manolitoCrocanti = 0;
    manolitoCebraTriple = 0;
    manolitoCebraNegro = 0;
    manolitoCebraBlanco = 0;
    manolitoCafetero = 0;
    counterManolitoOriginal.innerHTML = manolitoOriginal;
    counterManolitoDipNegro.innerHTML = manolitoDipNegro;
    counterManolitoDipBlanco.innerHTML = manolitoDipBlanco;
    counterManolitoCrocanti.innerHTML = manolitoCrocanti;
    counterManolitoCebraTriple.innerHTML = manolitoCebraTriple;
    counterManolitoCebraNegro.innerHTML = manolitoCebraNegro;
    counterManolitoCebraBlanco.innerHTML = manolitoCebraBlanco;
    counterManolitoCafetero.innerHTML = manolitoCafetero;
    box.innerHTML = '';
    message.innerHTML = '';
    manoloList.style.backgroundColor = 'unset';
    manoloList.style.opacity = 'unset';
    manoloList.style.filter= 'grayscale(0%)';
  });
}