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

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

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

	<h4><?php esc_html_e( 'Placeholder Text:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-time-placeholder-text">
		<li>
			<input class="time-placeholder-show-checkbox" type="checkbox" checked />
			<?php esc_html_e( 'Show', 'wordform-pro' ); ?>
			<small><em>( <?php esc_html_e( 'Checked to show placeholder text', 'wordform-pro' ); ?> )</em></small>
		</li>
		<li>
			<input class="wordform-time-placeholder-text-input" type="text" placeholder="Select time" />
		</li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Default Time:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li>
			<label><?php esc_html_e( 'Time Display Mode:', 'wordform-pro' ); ?></label><br/>
			<select class="wordform-time-display-mode">
				<option value="24h" selected="selected">24h</option>
				<option value="12h">12h</option>
			</select>
			<br/><small><em><?php esc_html_e( 'Controls how the frontend time picker and builder preview display time.', 'wordform-pro' ); ?></em></small>
		</li>
		<li>
			<input class="wordform-time-default-value" type="text" value="" placeholder="Select time" />
			<input class="wordform-time-hidden-raw-default-value" type="hidden" value="" />
		</li>
		<li>
			<small><em><?php esc_html_e( 'Optional. Shown to users when set.', 'wordform-pro' ); ?></em></small>
		</li>
	</ul>
</div>
