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

<div id="<?php echo esc_attr( $element_wrapper_id ); ?>" class="wordform-rating-field-options-wrapper show-hide-common-class-all-options-wrapper-element" data-wrapper-element-type="rating" 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 select a rating before submitting', 'wordform-pro' ); ?> )</small>
		</li>
	</ul>
	<hr/>

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

	<h4><?php esc_html_e( 'Scale:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-rating-scale-input" type="number" min="3" max="10" step="1" placeholder="5" value="5" /></li>
		<li><small><em><?php esc_html_e( 'Choose how many stars users can select. Allowed range: 3 to 10.', 'wordform-pro' ); ?></em></small></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Left Caption:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-rating-low-text-input" type="text" placeholder="Poor" /></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Right Caption:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-rating-high-text-input" type="text" placeholder="Excellent" /></li>
	</ul>
</div>
