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

<div id="<?php echo esc_attr( $element_wrapper_id ); ?>" class="wordform-pagebreak-field-options-wrapper show-hide-common-class-all-options-wrapper-element" data-wrapper-element-type="pagebreak" data-element-index-val="<?php echo esc_attr( $element_index ); ?>">
	<h4><?php esc_html_e( 'Next Step Title:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-pagebreak-step-title-input" type="text" value="Next Step" placeholder="Next Step" /></li>
		<li><small><em><?php esc_html_e( 'Shown in the progress header and at the top of the next step.', 'wordform-pro' ); ?></em></small></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Next Button Text:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-pagebreak-next-button-text-input" type="text" value="Next" placeholder="Next" /></li>
		<li><small><em><?php esc_html_e( 'Shown on the current step to move forward.', 'wordform-pro' ); ?></em></small></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Next Button Align:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-build-pagebreak-next-button-align">
		<li>
			<input type="radio" id="wordFormPageBreakNextBtnAlignLeft-<?php echo esc_attr( $element_index ); ?>" class="wordform-pagebreak-next-button-align-input" name="wordform-pagebreak-next-button-align-input-<?php echo esc_attr( $element_index ); ?>" value="left" />
			<label for="wordFormPageBreakNextBtnAlignLeft-<?php echo esc_attr( $element_index ); ?>"><?php esc_html_e( 'Left', 'wordform-pro' ); ?></label>
			<input type="radio" id="wordFormPageBreakNextBtnAlignCenter-<?php echo esc_attr( $element_index ); ?>" class="wordform-pagebreak-next-button-align-input" name="wordform-pagebreak-next-button-align-input-<?php echo esc_attr( $element_index ); ?>" value="center" />
			<label for="wordFormPageBreakNextBtnAlignCenter-<?php echo esc_attr( $element_index ); ?>"><?php esc_html_e( 'Center', 'wordform-pro' ); ?></label>
			<input type="radio" id="wordFormPageBreakNextBtnAlignRight-<?php echo esc_attr( $element_index ); ?>" class="wordform-pagebreak-next-button-align-input" name="wordform-pagebreak-next-button-align-input-<?php echo esc_attr( $element_index ); ?>" value="right" checked="checked" />
			<label for="wordFormPageBreakNextBtnAlignRight-<?php echo esc_attr( $element_index ); ?>"><?php esc_html_e( 'Right', 'wordform-pro' ); ?></label>
		</li>
		<li><small><em><?php esc_html_e( 'Controls where the Next button sits on the current step.', 'wordform-pro' ); ?></em></small></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Previous Button Text:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-input-label">
		<li><input class="wordform-pagebreak-previous-button-text-input" type="text" value="Back" placeholder="Back" /></li>
		<li><small><em><?php esc_html_e( 'Shown on the next step to move back.', 'wordform-pro' ); ?></em></small></li>
	</ul>
	<hr/>

	<h4><?php esc_html_e( 'Previous Button Align:', 'wordform-pro' ); ?></h4>
	<ul class="wordform-build-pagebreak-previous-button-align">
		<li>
			<input type="radio" id="wordFormPageBreakPreviousBtnAlignLeft-<?php echo esc_attr( $element_index ); ?>" class="wordform-pagebreak-previous-button-align-input" name="wordform-pagebreak-previous-button-align-input-<?php echo esc_attr( $element_index ); ?>" value="left" checked="checked" />
			<label for="wordFormPageBreakPreviousBtnAlignLeft-<?php echo esc_attr( $element_index ); ?>"><?php esc_html_e( 'Left', 'wordform-pro' ); ?></label>
			<input type="radio" id="wordFormPageBreakPreviousBtnAlignCenter-<?php echo esc_attr( $element_index ); ?>" class="wordform-pagebreak-previous-button-align-input" name="wordform-pagebreak-previous-button-align-input-<?php echo esc_attr( $element_index ); ?>" value="center" />
			<label for="wordFormPageBreakPreviousBtnAlignCenter-<?php echo esc_attr( $element_index ); ?>"><?php esc_html_e( 'Center', 'wordform-pro' ); ?></label>
			<input type="radio" id="wordFormPageBreakPreviousBtnAlignRight-<?php echo esc_attr( $element_index ); ?>" class="wordform-pagebreak-previous-button-align-input" name="wordform-pagebreak-previous-button-align-input-<?php echo esc_attr( $element_index ); ?>" value="right" />
			<label for="wordFormPageBreakPreviousBtnAlignRight-<?php echo esc_attr( $element_index ); ?>"><?php esc_html_e( 'Right', 'wordform-pro' ); ?></label>
		</li>
		<li><small><em><?php esc_html_e( 'Controls where the Back button sits on the next step.', 'wordform-pro' ); ?></em></small></li>
	</ul>
	<hr/>

	<div class="wordform-pagebreak-field-help">
		<p><strong><?php esc_html_e( 'Builder rules:', 'wordform-pro' ); ?></strong></p>
		<ul>
			<li><?php esc_html_e( 'Do not place Page Break as the first or last builder element.', 'wordform-pro' ); ?></li>
			<li><?php esc_html_e( 'Do not place two Page Break elements beside each other.', 'wordform-pro' ); ?></li>
			<li><?php esc_html_e( 'Keep payment gateways and captcha fields in the final step.', 'wordform-pro' ); ?></li>
		</ul>
	</div>
</div>
