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

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

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

	<h4><?php esc_html_e( 'Rows:', 'wordform-pro' ); ?><br/><small>(<?php esc_html_e( 'Questions or statements', 'wordform-pro' ); ?>)</small></h4>
	<ul class="wordform-likert-row-options wordform-field-options">
		<li>
			<input class="wordform-input-likert-row-label-name" type="text" placeholder="Statement text" value="Quality" />
			<span class="wordform-likert-row-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li>
			<input class="wordform-input-likert-row-label-name" type="text" placeholder="Statement text" value="Speed" />
			<span class="wordform-likert-row-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li>
			<input class="wordform-input-likert-row-label-name" type="text" placeholder="Statement text" value="Support" />
			<span class="wordform-likert-row-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li><span class="wordform-add-likert-row-option dashicons dashicons-plus" title="Add Row"></span></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Columns:', 'wordform-pro' ); ?><br/><small>(<?php esc_html_e( 'Selectable answer choices', 'wordform-pro' ); ?>)</small></h4>
	<ul class="wordform-likert-column-options wordform-field-options">
		<li>
			<input class="wordform-input-likert-column-label-name" type="text" placeholder="Column text" value="Strongly Disagree" />
			<span class="wordform-likert-column-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li>
			<input class="wordform-input-likert-column-label-name" type="text" placeholder="Column text" value="Disagree" />
			<span class="wordform-likert-column-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li>
			<input class="wordform-input-likert-column-label-name" type="text" placeholder="Column text" value="Neutral" />
			<span class="wordform-likert-column-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li>
			<input class="wordform-input-likert-column-label-name" type="text" placeholder="Column text" value="Agree" />
			<span class="wordform-likert-column-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li>
			<input class="wordform-input-likert-column-label-name" type="text" placeholder="Column text" value="Strongly Agree" />
			<span class="wordform-likert-column-field-remove dashicons dashicons-no" title="Remove"></span>
		</li>
		<li><span class="wordform-add-likert-column-option dashicons dashicons-plus" title="Add Column"></span></li>
	</ul>
</div>
