<?php
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>

<div id="<?php echo esc_attr( $element_wrapper_id ); ?>" class="wordform-signature-field-options-wrapper show-hide-common-class-all-options-wrapper-element" data-wrapper-element-type="signature" data-element-index-val="<?php echo esc_attr( $element_index ); ?>">
	<h4><?php esc_html_e( 'Field Required:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-required-ul">
		<li>
			<input class="required-checkbox" type="checkbox" />
			<?php esc_html_e( 'Required', 'wordform-pro' ); ?>
			<small>( <?php esc_html_e( 'Check if users must sign before submitting', 'wordform-pro' ); ?> )</small>
		</li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Input Label:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-signature-label-name" type="text" placeholder="Signature" /></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Clear Button Text:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-signature-clear-button-text-input" type="text" placeholder="Clear Signature" /></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Canvas Height (px):', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-signature-canvas-height-input" type="number" min="120" max="360" step="10" placeholder="180" /></li>
		<li><small><em><?php esc_html_e( 'Keep the signature area tall enough for touch devices.', 'wordform-pro' ); ?></em></small></li>
	</ul>
</div>
