$(document).ready(function() {
	$(document).on("click", ".checkAll", function() {
		var thisID = $(this).data("cl");
		$(this).addClass("unCheckAll");
		$(this).removeClass("checkAll");
		$(this).html('<i class="fas fa-times"></i> Uncheck All');
		$("#" + thisID + " .accessCheckBox").prop('checked', true);
	});
	$(document).on("click", ".unCheckAll", function() {
		var thisID = $(this).data("cl");
		$(this).addClass("checkAll");
		$(this).removeClass("unCheckAll");
		$(this).html('<i class="fas fa-check"></i> Check All');
		$("#" + thisID + " .accessCheckBox").prop('checked', false);
	});
	$(document).on("change", ".accessCheckBox", function() {
		var parent = $(this).parents(".accessChecks").attr("id");
		var thisButton = $("a[data-cl='" + parent +"']");
		if ($("#" + parent + " .accessCheckBox").not(":checked").length == 0) {
			thisButton.addClass("unCheckAll");
			thisButton.removeClass("checkAll");
			thisButton.html('<i class="fas fa-times"></i> Uncheck All');
		} else {
			thisButton.addClass("checkAll");
			thisButton.removeClass("unCheckAll");
			thisButton.html('<i class="fas fa-check"></i> Check All');
		}
	});
	if ($(".accessCheckBox").length) {
		$(".accessCheckBox").each(function(index, element) {
			var parent = $(this).parents(".accessChecks").attr("id");
			var thisButton = $("a[data-cl='" + parent +"']");
			if ($("#" + parent + " .accessCheckBox").not(":checked").length == 0) {
				thisButton.addClass("unCheckAll");
				thisButton.removeClass("checkAll");
				thisButton.html('<i class="fas fa-times"></i> Uncheck All');
			} else {
				thisButton.addClass("checkAll");
				thisButton.removeClass("unCheckAll");
				thisButton.html('<i class="fas fa-check"></i> Check All');
			}
		});
	}
});