@include('shared_script._mailbox_mining_invite_users_script', ['position' => 'right bottom'])
<script>
	$(document).ready(function () {
		@if(!$business_setting->imap_enabled)
			show_hide_mailbox_integration(false);
			show_hide_mailchimp_integration(false);
		@elseif($business_setting->imap_enabled && $business_setting->mailchimp_enabled)
			show_hide_mailbox_integration(true);
			show_hide_mailchimp_integration(true);
		@else
			show_hide_mailbox_integration(true);
			show_hide_mailchimp_integration(false);
		@endif

		do_on_mailchimp_source_group_id_change();
		do_on_mailchimp_followup_group_id_change();

		$('#imap_enabled').click(function () {
			if ($(this).is(':checked') && $('#mailchimp_enabled').is(':checked')) {
				show_hide_mailbox_integration(true);
				show_hide_mailchimp_integration(true);
			} else if ($(this).is(':checked') && !$('#mailchimp_enabled').is(':checked')) {
				show_hide_mailbox_integration(true);
				show_hide_mailchimp_integration(false);
			} else {
				show_hide_mailbox_integration(false);
				show_hide_mailchimp_integration(false);
			}
		});

		$('#mailchimp_enabled').click(function () {
			if ($(this).is(':checked')) {
				show_hide_mailchimp_integration(true);
			} else {
				show_hide_mailchimp_integration(false);
			}
		});

		if ($('#mailchimp_source_group_id').val() != '{{ \App\Helpers\Mailchimp\MailchimpConsts::ADD_NEW_GROUP }}') {
			$('#new_mailchimp_group').hide();
		}

		// If the mailchimp list is changed we need to update the group select dropdown.
		$('#mailchimp_list_id').change(function () {
			var url = '{{ action('SuperAdminBusinessController@get_mailchimp_groups', compact('business_setting')) }}';
			var list = $(this).val();
			if (list) {
				$(this).prop('disabled', true);
				$('#mailchimp_group_container').children('.row').fadeOut(400, function () {
					$(this).remove();
				});
				remove_mailchimp_followup();
				$.ajax({
					url: url,
					method: 'GET',
					data: {list: list},
					success: function (result) {
						// insert the new group select.
						$('#mailchimp_group_container').append(result.view).hide().fadeIn();
						$('#mailchimp_list_id').prop('disabled', false);
						$('#new_mailchimp_group').hide();
						do_on_mailchimp_source_group_id_change();
					}
				});
			}
		});

		$('#enable_mailchimp_followup_select').click(function () {
			// when this checkbox is selected we need to get the followup section.
			if ($(this).is(':checked')) {
				var url = '{{ action('SuperAdminBusinessController@get_mailchimp_followup', compact('business','business_setting')) }}';
				$(this).prop('disabled', true);
				$('#mailchimp_followup_container_inner').fadeOut(400, function () {
					$(this).remove();
				});
				var list = $('#mailchimp_list_id').val();
				$.ajax({
					url: url,
					method: 'GET',
					data: {list: list},
					success: function (result) {
						// insert the new followup section
						$('#mailchimp_followup_container').append(result.view).hide().fadeIn();
						$('#enable_mailchimp_followup_select').prop('disabled', false);
						do_on_mailchimp_followup_group_id_change();
					}
				});
			} else {
				// when unchecked we remove the followup section.
				$('#mailchimp_followup_container_inner').remove();
			}
		});

		$('#mailchimp_followup_container').on('click', '#add_followup_option', function(ev) {
			ev.preventDefault();
			// determine how many options are currently present to get the correct order for the next option
			var nextOrder = $('#followup_options select').size();
			var group = $('#mailchimp_followup_group_id').val();
			var url = '{{ action('SuperAdminBusinessController@get_mailchimp_interests_option', compact('business', 'business_setting')) }}';
			$.ajax({
				url: url,
				method: 'GET',
				data: { group: group, nextOrder: nextOrder },
				success: function (result) {
					$('#followup_options').append(result.view).hide().fadeIn();
				}
			});
		});

		$('#mailchimp_followup_container').on('click', '.followup-option-delete', function(ev) {
			ev.preventDefault();

			// if there is only one option left, return immediately to prevent removal
			var optionsSize = $('#followup_options select').size();
			if (optionsSize < 2) {
				return;
			}

			// delete the row element containing the option and trigger the label re-ordering
			$(this).closest('.row').fadeOut(400, function() {
				$(this).remove();
				reorder_followup_options();
			});
		});
	});

	function reorder_followup_options() {
		// when an option is deleted, reset the 'Option #' list with correct ordering
		var optionElems = $('#followup_options .row');
		$.each(optionElems, function (i) {
			$(this).find('.followup-option-order').text('Option ' + (i + 1));
		});
	}

	function do_on_mailchimp_source_group_id_change() {
		$('#mailchimp_source_group_id').change(function () {
			if ($(this).val() == '{{ \App\Helpers\Mailchimp\MailchimpConsts::ADD_NEW_GROUP }}') {
				$('#new_mailchimp_group').css('display', 'inherit').show();
			} else {
				$('#new_mailchimp_group').hide();
			}
		});
	}

	function do_on_mailchimp_followup_group_id_change() {
		$('#mailchimp_followup_group_id').change(function () {
			var group = $(this).val();
			if (group) {
				var url = '{{ action('SuperAdminBusinessController@get_mailchimp_interests', compact('business','business_setting')) }}';
				if (group) {
					$(this).prop('disabled', true);
					$('#mailchimp_followup_select').fadeOut(400, function () {
						$(this).remove();
					});
					$.ajax({
						url: url,
						method: 'GET',
						data: {group: group},
						success: function (result) {
							// insert the new followup level selects
							$('#mailchimp_followup_select_container').append(result.view).hide().fadeIn();
							$('#mailchimp_followup_group_id').prop('disabled', false);
						}
					});
				}
			} else {
				// when unchecked we remove the followup level select dropdowns.
				$('#mailchimp_followup_select').remove();
			}
		});
	}

	function remove_mailchimp_followup() {
		$('#enable_mailchimp_followup_select').prop('checked', false);
		$('#mailchimp_followup_container_inner').fadeOut(400, function () {
			$(this).remove();
		});
	}

	function show_hide_mailbox_integration(show) {
		if (show) {
			$('#mailchimp_enabled').parent().show();
			$('#domain_ignore_list').show();
			$('#invite_users_btn').show();
			$('.imap-enabled-row').show();
		} else {
			$('#mailchimp_enabled').parent().hide();
			$('#domain_ignore_list').hide();
			$('#invite_users_btn').hide();
			$('.imap-enabled-row').hide();
		}
	}

	function show_hide_mailchimp_integration(show) {
		if (show) {
			$('#mailchimp_settings').show();
		} else {
			$('#mailchimp_settings').hide();
		}
	}

	function on_change_mailchimp_id(control) {
		var text = control.selectedOptions[0].label;
		$('#mailchimp_title').val(text);
	}
</script>