(function ($) {
	'use strict';

	$('.pw_taxonomy_select').each(function () {
		var allowclear = $(this).data('allowclear');
		var width = $(this).data('width') ? $(this).data('width') : '100%';
		$(this).select2({
			allowClear: allowclear,
			width: width
		});
	});

	$.fn.extend({
		select2_sortable: function () {
			var select = $(this);
			$(select).select2();
			var ul = $(select).next('.select2-container').first('ul.select2-selection__rendered');
			ul.sortable({
				containment: 'parent',
				items      : 'li:not(.select2-search--inline)',
				tolerance  : 'pointer',
				stop       : function () {
					$($(ul).find('.select2-selection__choice').get().reverse()).each(function () {
						var id = $(this).data('data').id;
						var option = select.find('option[value="' + id + '"]')[0];
						$(select).prepend(option);
					});
				}
			});
		}
	});

	$('.pw_taxonomy_multiselect').each(function () {
		$(this).select2_sortable();
	});

	// Before a new group row is added, destroy Select2. We'll reinitialise after the row is added
	$('.cmb-repeatable-group').on('cmb2_add_group_row_start', function (event, instance) {
		var $table = $(document.getElementById($(instance).data('selector')));
		var $oldRow = $table.find('.cmb-repeatable-grouping').last();

		$oldRow.find('.pw_taxonomy_select2').each(function () {
			$(this).select2('destroy');
		});
	});

	// When a new group row is added, clear selection and initialise Select2
	$('.cmb-repeatable-group').on('cmb2_add_row', function (event, newRow) {
		$(newRow).find('.pw_taxonomy_select').each(function () {
			$('option:selected', this).removeAttr("selected");
			var allowclear = $(this).data('allowclear');
			var width = $(this).data('width') ? $(this).data('width') : '100%';
			$(this).select2({
				allowClear: allowclear,
				width: width
			});
		});

		$(newRow).find('.pw_taxonomy_multiselect').each(function () {
			$('option:selected', this).removeAttr("selected");
			$(this).select2_sortable();
		});

		// Reinitialise the field we previously destroyed
		$(newRow).prev().find('.pw_taxonomy_select').each(function () {
			var allowclear = $(this).data('allowclear');
			var width = $(this).data('width') ? $(this).data('width') : '100%';
			$(this).select2({
				allowClear: allowclear,
				width: width
			});
		});

		// Reinitialise the field we previously destroyed
		$(newRow).prev().find('.pw_taxonomy_multiselect').each(function () {
			$(this).select2_sortable();
		});
	});

	// Before a group row is shifted, destroy Select2. We'll reinitialise after the row shift
	$('.cmb-repeatable-group').on('cmb2_shift_rows_start', function (event, instance) {
		var groupWrap = $(instance).closest('.cmb-repeatable-group');
		groupWrap.find('.pw_taxonomy_select2').each(function () {
			$(this).select2('destroy');
		});

	});

	// When a group row is shifted, reinitialise Select2
	$('.cmb-repeatable-group').on('cmb2_shift_rows_complete', function (event, instance) {
		var groupWrap = $(instance).closest('.cmb-repeatable-group');
		groupWrap.find('.pw_taxonomy_select').each(function () {
			var allowclear = $(this).data('allowclear');
			var width = $(this).data('width') ? $(this).data('width') : '100%';
			$(this).select2({
				allowClear: allowclear,
				width: width
			});
		});

		groupWrap.find('.pw_taxonomy_multiselect').each(function () {
			$(this).select2_sortable();
		});
	});

	// Before a new repeatable field row is added, destroy Select2. We'll reinitialise after the row is added
	$('.cmb-add-row-button').on('click', function (event) {
		var $table = $(document.getElementById($(event.target).data('selector')));
		var $oldRow = $table.find('.cmb-row').last();

		$oldRow.find('.pw_taxonomy_select2').each(function () {
			$(this).select2('destroy');
		});
	});

	// When a new repeatable field row is added, clear selection and initialise Select2
	$('.cmb-repeat-table').on('cmb2_add_row', function (event, newRow) {

		// Reinitialise the field we previously destroyed
		$(newRow).prev().find('.pw_taxonomy_select').each(function () {
			$('option:selected', this).removeAttr("selected");
			var allowclear = $(this).data('allowclear');
			var width = $(this).data('width') ? $(this).data('width') : '100%';
			$(this).select2({
				allowClear: allowclear,
				width: width
			});
		});

		// Reinitialise the field we previously destroyed
		$(newRow).prev().find('.pw_taxonomy_multiselect').each(function () {
			$('option:selected', this).removeAttr("selected");
			$(this).select2_sortable();
		});
	});
})(jQuery);