(function($) {

    'use strict';
  
    var $filters = $('.filter [data-filter]');
  
      $filters.on('click', function(e) {
 
        var $this = $(this);
        
        $filters.removeClass('active');
        $this.addClass('active');
        
        jQuery.each($filters, function( key, value ) {
            //console.log( key + ": " + value.checked );

            var $makeit = jQuery('#makeit').is(':checked');
            var $jcon = jQuery('#jcon').is(':checked');

            var $checkboxes = jQuery('.checkbox2 input[type=checkbox]');

            
            if ( $makeit == false && $jcon == false){
                jQuery( '.session' ).addClass( 'is-hidden' );
            } else if ($makeit == true && $jcon == false){
                jQuery( '.session' ).removeClass( 'is-hidden' );
                jQuery( '.session[data-category~=' + "JCON" + ']' ).addClass( 'is-hidden' );
                disable($checkboxes);
               
            } else if ($makeit == false && $jcon == true){
                jQuery( '.session' ).removeClass( 'is-hidden' );
                jQuery( '.session[data-category~=' + "MakeIT" + ']' ).addClass( 'is-hidden' );
                disable($checkboxes);
            } else if ($makeit == true && $jcon == true){
                jQuery( '.session' ).removeClass( 'is-hidden' );   

                //var filter = [];
                disable($checkboxes);
            }
            
        });
      });


    function disable (checkboxes){
        Array.from(checkboxes).forEach(attr => {
            console.log(attr.checked);
            console.log(attr.attributes.getNamedItem('data-filter').value);                   
            
            var isChecked = attr.checked;
            var filterType = attr.attributes.getNamedItem('data-filter').value;
            
                                
            if (isChecked == false) {
                jQuery( '.session[data-category~=' + filterType + ']' ).addClass( 'is-hidden' );
                //filter.push(filterType);
            } 
        });
    }
  
  })(jQuery);