$( document ).ready(function() {

  var teamFavorites = $.fn.cookieList(association+"_favorites");

  // Fix datatables on TABS
  $('a[data-toggle="tab"]').on( 'shown.bs.tab', function (e) {
    // var target = $(e.target).attr("href"); // activated tab
    // alert (target);
    $($.fn.dataTable.tables( true ) ).css('width', '100%');
    $($.fn.dataTable.tables( true ) ).DataTable().columns.adjust().draw();
  });

  $( ".favorite" ).each(function( index ) {
    if(teamFavorites.indexOf($(this).data('team_id')) != -1){
      $(this).find('svg').attr('data-prefix', 'fas');
    }
  });

  $('.favorite').click(function(e) {
    let star = $(this).find('svg.fa-star');
    console.log('data-prefix: ' + star.data('prefix'));
    let icon = star.data('prefix') === 'far' ? 'fas' : 'far';
    console.log('icon: ' + icon);
    //star.attr('data-prefix', icon);

    var team_id = $(this).data('team_id');
    console.log(team_id);

    $('.favorite[data-team_id="'+team_id+'"]').find('svg.fa-star').attr('data-prefix', icon);

    console.log('prefix: ' + star.data('prefix'));
    //star.setAttribute('data-prefix', icon);

    if(icon == 'fas'){
      teamFavorites.add(team_id);
      console.log('Added: ' + team_id);
    } else {
      teamFavorites.remove(team_id);
      console.log('Removed: ' + team_id);
    }
  });

  $('a.favorite-remove').click(function(e){
    console.log('Cookie List: ' + association+"_favorites");
    var teamFavorites = $.fn.cookieList(association+"_favorites");

    e.preventDefault();
    var team_id = $(this).data('team_id');
    teamFavorites.remove(team_id);
    console.log('Removed: ' + team_id);
    var tableRow = $(this).closest('tr');
    tableRow.find('td').fadeOut('slow',
        function(){
            tableRow.remove();
        }
    );
  })
});