(function($) {

	'use strict';

	$(function() {

		var acfpro = false;

		// Detect ACF Pro
		if($("#acf-pro-input-css").length) {
			acfpro = true;
		}

		// Check if ACF Flexible Content fields exists at all
		if ($('.acf-fc-layout-handle').length) {

			// Add expand icons for panels
			$('.acf-fc-layout-handle').prepend('<span class="foldicon foldicon--expand"></span');

			// Add Daschicons depending on ACF Flexible Content Field types
			var labels = $('.acf-fc-layout-handle');

			// Check every panel
			labels.each(function() {

				// Fold everything on non ACF Pro
				if(!acfpro) {
					$(this).removeClass('open');
					$(this).parent().attr('data-toggle', 'closed');
					$(this).nextAll('.row_layout').first().hide();
				}

				// This very field type group
				var group = $(this);
				var fields = [];

				// Add corresponding icons
				$.each( $("table.widefat.acf_input tr"), function() {

					var fieldtype = $.grep(this.className.split(" "), function(v, i){
					       return v.indexOf('field_type-') === 0;
					   }).join().replace('field_type-','');

					if($.inArray(fieldtype, fields) === -1) {
						fields.push(fieldtype);
						if(acfpro) {
							group.append('<i rel="tooltip" title="' + fieldtype + '_acfpro" class="foldicon foldicon--' + fieldtype + '_acfpro"></i>');	
						} else {
							group.append('<i rel="tooltip" title="' + fieldtype + '" class="foldicon foldicon--' + fieldtype + '"></i>');
						}
					}
					 
				});

			});

			
			// Toggle handle open/closed on the native collapser on ACF PRO (released in 5.3.1)
			$(document).on('click', '*[data-event="collapse-layout"]', function(e) {

				var nativeCollapser = $(this);

				if(!nativeCollapser.parent().parent().parent().hasClass('-collapsed') ) {
					nativeCollapser.parent().parent().parent().find('.acf-fc-layout-handle').addClass('open');
				} else {
					nativeCollapser.parent().parent().parent().find('.acf-fc-layout-handle').removeClass('open');
				}

				e.preventDefault();

			});

			// Open/Close panels
			$(document).on('click', '.acf-fc-layout-handle', function() {

				var toggle_list = $(this);

				// Toggle open class
				if(acfpro) {
					if(!$(this).parent().hasClass('-collapsed') ) {
						toggle_list.addClass('open');
					} else {
						toggle_list.removeClass('open');
					}
				} else {
					if($(this).next('.row_layout').css("display") == "none") {
						toggle_list.removeClass('open');
					} else {
						toggle_list.addClass('open');
					}

				}

			});

		}

	});

}(jQuery));