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

<div id="<?php echo esc_attr( $element_wrapper_id ); ?>" class="wordform-range-field-options-wrapper show-hide-common-class-all-options-wrapper-element" data-wrapper-element-type = "range" data-element-index-val="<?php echo esc_attr( $element_index ); ?>" >	

	<h4><?php esc_html_e( 'Field Required:', 'wordform' ); ?></h4>
	<ul class="wordform-required-ul">
		<li>
			<input class="required-checkbox" type="checkbox" /><?php esc_html_e( 'Required', 'wordform' ); ?>
			<small>( <?php esc_html_e( 'Check if Required', 'wordform' ); ?> )</small>
		</li>
	</ul>
	<hr/>

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

	<h4><?php esc_html_e( 'Range Values:', 'wordform' ); ?></h4>
	<ul class="wordform-input-label wordform-options-range-settings-values-ul-wrapper">	
		<li>				
            <label><?php esc_html_e( 'Minimum:', 'wordform' ); ?></label><br/>
			<input class="wordform-range-min-value" type="number" value="0" placeholder="0" />
		</li>
		<li>
            <label><?php esc_html_e( 'Maximum:', 'wordform' ); ?></label><br/>    				    
			<input class="wordform-range-max-value" type="number" value="100" placeholder="100" />
		</li>
		<li>				    
            <label><?php esc_html_e( 'Default:', 'wordform' ); ?></label><br/>    
			<input class="wordform-range-default-value" type="number" value="50" placeholder="50" />
		</li>
		<li>				    
            <label><?php esc_html_e( 'Step:', 'wordform' ); ?></label><br/>    
			<input class="wordform-range-step-value" type="number" value="5" placeholder="5" />
		</li>
	</ul>	
    <small><i class="fa-solid fa-circle-info"></i> <?php esc_html_e( 'Max value must be greater than min value.', 'wordform' ); ?></small><br/>
    <small><i class="fa-solid fa-circle-info"></i> <?php esc_html_e( 'Values will be valid integer or float values.', 'wordform' ); ?></small><br/>
    <small><i class="fa-solid fa-circle-info"></i> <?php esc_html_e( 'Comma separated values not accepted.', 'wordform' ); ?></small>

	
</div><!-- /.wordform-range-field-options-wrapper -->
