(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
				if(!acfpro) {
					$.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);
							group.append('<i rel="tooltip" title="' + fieldtype + '" class="foldicon foldicon--' + fieldtype + '"></i>');
						}

					});

					} else {
						$.each( $(".acf-fields .acf-field"), function() {

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

							var fieldtype_pro = fieldtype.substr(0, fieldtype.indexOf(',')).replace('_acfpro', '');

							if($.inArray(fieldtype_pro, fields) === -1) {
								fields.push(fieldtype_pro);
								group.append('<i rel="tooltip" title="' + fieldtype_pro +'" class="foldicon foldicon--' + fieldtype_pro + '"></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));