<style type="text/css">
	.dtsDeactivateDescShell {
		display: none;
		margin-left: 25px;
		margin-top: 5px;
	}
	.dtsDeactivateReasonShell {
		display: block;
		margin-bottom: 10px;
	}
	#dtsDeactivateWnd input[type="text"],
	#dtsDeactivateWnd textarea {
		width: 100%;
	}
	#dtsDeactivateWnd h4 {
		line-height: 1.53em;
	}
	#dtsDeactivateWnd + .ui-dialog-buttonpane .ui-dialog-buttonset {
		float: none;
	}
	.dtsDeactivateSkipDataBtn {
		float: right;
		margin-top: 7px;
		text-decoration: none;
		color: #777 !important;
	}
	
	.dtsDeactivateReasonShell input[type="radio"]:checked::before {
		width: 6px !important;
	}
	.ui-widget-content .dtsDeactivateReasonShell input[type="radio"] {
		width: 16px;
		height: 16px;
	}
</style>
<div id="dtsDeactivateWnd" style="display: none;" title="{{ environment.translate('Your Feedback') }}">
	<h4>{{ environment.translate('If you have a moment, please share why you are deactivating %s')|format(pluginName) }}</h4>
	<form id="dtsDeactivateForm">
		<label class="dtsDeactivateReasonShell">
			<input type="radio" name="deactivate_reason" value="not_working" />
			{{ environment.translate("Couldn\'t get the plugin to work") }}
			<div class="dtsDeactivateDescShell">
				{{ environment.translate('If you have a question, <a href="%s" target="_blank">contact us</a> and will do our best to help you')|format('https://supsystic.com/contact-us/')|raw }}
			</div>
		</label>
		<label class="dtsDeactivateReasonShell">
			<input type="radio" name="deactivate_reason" value="found_better" />
			{{ environment.translate('I found a better plugin') }}
			<div class="dtsDeactivateDescShell">
				<input type="text" name="better_plugin" placeholder="{{ environment.translate("If it\'s possible, specify plugin name") }}">
			</div>
		</label>
		<label class="dtsDeactivateReasonShell">
			<input type="radio" name="deactivate_reason" value="not_need" />
			{{ environment.translate('I no longer need the plugin') }}
		</label>
		<label class="dtsDeactivateReasonShell">
			<input type="radio" name="deactivate_reason" value="temporary" />
			{{ environment.translate("It\'s a temporary deactivation") }}
		</label>
		<label class="dtsDeactivateReasonShell">
			<input type="radio" name="deactivate_reason" value="other" />
			{{ environment.translate('Other') }}
			<div class="dtsDeactivateDescShell">
				<input type="text" name="other" placeholder="{{ environment.translate('What is the reason?') }}">
			</div>
		</label>
	</form>
	<a href="" class="dtsDeactivateSkipDataBtn">{{ environment.translate('Skip & Deactivate') }}</a>
</div>
