<script type="text/template" id="customize-happyforms-divider-template">
	<div class="happyforms-widget happyforms-part-widget" data-part-id="<%= instance.id %>">
		<div class="happyforms-widget-top happyforms-part-widget-top">
			<div class="happyforms-part-widget-title-action">
				<button type="button" class="happyforms-widget-action">
					<span class="toggle-indicator"></span>
				</button>
			</div>
			<div class="happyforms-widget-title">
				<h3><%= settings.label %><span class="in-widget-title"<% if (!instance.label) { %> style="display: none"<% } %>>: <span><%= (instance.label) ? instance.label : '' %></span></span></h3>
			</div>
		</div>
		<div class="happyforms-widget-content">
			<div class="happyforms-widget-form">
				<p>
					<label for="<%= instance.id %>_title"><?php _e( 'Label', 'happyforms' ); ?></label>
					<input type="text" id="<%= instance.id %>_title" class="widefat title" value="<%= instance.label %>" data-bind="label" />
				</p>

				<p>
					<label for="<%= instance.id %>_css_class"><?php _e( 'CSS classes', 'happyforms' ); ?></label>
					<input type="text" id="<%= instance.id %>_css_class" class="widefat title" value="<%= instance.css_class %>" data-bind="css_class" />
				</p>
			</div>

			<div class="happyforms-widget-actions">
				<a href="#" class="happyforms-form-part-remove"><?php _e( 'Delete', 'happyforms' ); ?></a> |
				<a href="#" class="happyforms-form-part-duplicate"><?php _e( 'Duplicate', 'happyforms' ); ?></a>
			</div>
		</div>
	</div>
</div>
</script>
