<script id="cp_feedback_html<?php print esc_attr($plugin_slug); ?>" type="text/template">
	<div title="QUICK FEEDBACK">
		<div style="padding:10px;">
			<style type="text/css">
				.cp-feedback-reason-block { margin-top:8px; }
			</style>
      		<h3><strong>If you have a moment, please let us know why you are deactivating:</strong></h3>
			<form id="cp_feedback_form{{plugin_slug}}">
				<?php wp_nonce_field( 'search-in-place-feedback', '_wpnonce' ); ?>
				<div class="cp-feedback-reason-block">
					<label>
						<input type="radio" name="answer" value="search-result-design">
						The design of the popup with the search results differs of the website's design.<br />
					</label>
					<div id="cp_feedback_search_result_design" style="margin-left:25px;display:none;padding:10px;border:1px dotted gray;color:#660000">
						<p>It is possible customize the appearance of the search results from the settings page of the plugin (accessible through the menu option: "Settings > Search in Plage"): background color, text and border colors,  etc.</p>
					</div>
				</div>
				<div class="cp-feedback-reason-block">
					<label>
						<input type="radio" name="answer" value="search-by-custom-post-type">
						It is not possible to search for other post types than pages and posts.<br />
					</label>
					<div id="cp_feedback_search_by_custom_post_type" style="margin-left:25px;display:none;padding:10px;border:1px dotted gray;color:#660000">
						<p>
						The free version of the plugin only search for the default WordPress post types: Pages, Posts and Attachements.
						</p>
						<p>
						To include in the search results other post types, like the products in WooCommerce, you need the <a href="https://searchinplace.dwbooster.com/download">Professional version of the plugin</a>, and entering the post types you want to include in the search process through the settings page of the plugin, furthermore, you can search by their metadata and taxonomies.
						</p>
					</div>
				</div>
				<div class="cp-feedback-reason-block">
					<label>
						<input type="radio" name="answer" value="temporary-deactivation"> It's a temporary deactivation. I'm just debugging an issue.<br />
					</label>
				</div>
				<div class="cp-feedback-reason-block">
					<label>
						<input type="radio" name="answer" value="better-plugin"> I found a better plugin.<br />
					</label>
					<div id="cp_feedback_otherplugin" style="margin-left:25px;display:none;">
						<input type="text" name="otherplugin" placeholder="What's the plugin name?" style="width:100%">
					</div>
				</div>
				<div class="cp-feedback-reason-block">
					<label>
						<input type="radio" name="answer" value="other"> Other.<br />
					</label>
					<div id="cp_feedback_other" style="margin-left:25px;display:none;font-weight:bold;">
						Kindly tell us the reason so we can improve.<br />
						<input type="text" name="otherinfo" style="width:100%">
					</div>
				</div>
				<div id="cp_feedback_anonymous" style="display:none;margin-top:30px;text-align:right">
					<input type="checkbox" name="cp_feedback_anonymous" value="yes"> Anonymous feedback
				</div>
			</form>
		</div>
	</div>
</script>
<script type="text/javascript">
	jQuery(window).on(
		'load',
		function()
		{
			var $ = jQuery,
				plugin_slug = '<?php print esc_js($plugin_slug); ?>',
				support_link = '<?php print esc_js($support_link); ?>',
				full_support_link = '<?php print esc_js($full_support_link); ?>';
			$('[data-slug="'+plugin_slug+'"] .deactivate a').
			on(
				'click',
				function(evt)
				{
					evt.preventDefault()
					evt.stopPropagation();
					// Define events
					$(document).on(
						'change',
						'[id="cp_feedback_form'+plugin_slug+'"] [name="answer"]',
						function()
						{
							var field = $(this),
								value = field.val(),
								form  = field.closest('form');
							$("#cp_feedback_deactivatebtn:visible").val('Submit & Deactivate');
							$("#cp_feedback_deactivatebtn:visible").html('<span class="ui-button-text">Submit &amp; Deactivate</span>');
							form.find("#cp_feedback_anonymous").show();
							form.find("#cp_feedback_other,#cp_feedback_otherplugin,#cp_feedback_search_result_design,#cp_feedback_search_by_custom_post_type").hide();
							switch(value)
							{
								case 'other':
									form.find("#cp_feedback_other").show();
								break;
								case 'better-plugin':
									form.find("#cp_feedback_otherplugin").show();
								break;
								case 'search-result-design':
									form.find("#cp_feedback_search_result_design").show();
								break;
								case 'search-by-custom-post-type':
									form.find("#cp_feedback_search_by_custom_post_type").show();
								break;
							}
						}
					);
					var url_redirect = $('[data-slug="'+plugin_slug+'"] .deactivate a').attr('href'),
						html = $('[id="cp_feedback_html'+plugin_slug+'"]').html();
					html = html.replace(/\{\{plugin_slug\}\}/g, plugin_slug)
							.replace(/\{\{support_link\}\}/g, full_support_link)
							.replace(/\{\{support_link_text\}\}/g, support_link);
					$(html).dialog(
						{
							width:'600',
							dialogClass: 'wp-dialog',
							modal: true,
							close: function(event, ui)
								{
									$(this).dialog("close");
									$(this).remove();
								},
							closeOnEscape: true,
							buttons: [
								{
									id: 'cp_feedback_deactivatebtn',
									text: "Skip & Deactivate",
									click: function()
									{
										var form = $('[id="cp_feedback_form'+plugin_slug+'"]'),
											answer = form.find("input[name='answer']:checked").val();
										if (answer == undefined || answer == '')
										{
											window.location.href = url_redirect;
										}
										else
										{
											var data = {
													'action': 'cp_feedback',
													'feedback_plugin': plugin_slug
												};
											$.each(form.serializeArray(), function(i,v){data[v['name']] = v['value'];});
											if(ajaxurl) // WordPress global variable with the AJAX URL
											{
												$.post(
													ajaxurl,
													data,
													function(response)
													{
														window.location.href = url_redirect;
													}
												);
											}
										}
									}
								},
								{
									text: "We can help: Support Service",
									click: function()
									{
										window.open(support_link);
										$(this).dialog("close");
									}
								},
								{
									text: "Cancel",
									"class": 'button button-primary button-close',
									click: function()
									{
										$(this).dialog("close");
									}
								}
							]
						}
					); // End dialog
				}
			); // End onclick deactivate btn
		}
	); // End onload window
</script>