<?php
/**
 *  UABB Flip Box Module front-end file
 *
 *  @package UABB Flip Box Module
 */

?>

<div class="uabb-module-content uabb-flip-box-wrap">
	<div class="uabb-flip-box  <?php echo esc_attr( $settings->flip_type ); ?> <?php echo esc_attr( $settings->flip_box_min_height_options ); ?>">
		<div class="uabb-flip-box uabb-flip-box-outter">
			<div class="uabb-face uabb-front ">
				<div class="uabb-flip-box-section <?php echo ( 'no' !== $settings->display_vertically_center ) ? 'uabb-flip-box-section-vertical-middle' : ''; ?>">
					<?php $module->render_icon(); ?>
					<?php
					if ( '' !== $settings->title_front ) {
						?>
					<<?php echo esc_attr( $settings->front_title_typography_tag_selection ); ?> class="uabb-face-text-title"><?php echo $settings->title_front; ?></<?php echo esc_attr( $settings->front_title_typography_tag_selection ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
						<?php
					}
					if ( '' !== $settings->desc_front ) {
						?>
					<div class="uabb-flip-box-section-content uabb-text-editor" >
						<?php echo $settings->desc_front; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					</div>
						<?php
					}
					?>
				</div>
			</div><!-- END .front -->
			<div class="uabb-face uabb-back">
				<div class="uabb-flip-box-section <?php echo ( 'no' !== $settings->display_vertically_center ) ? 'uabb-flip-box-section-vertical-middle' : ''; ?>">
					<?php
					if ( '' !== $settings->title_back ) {
						?>
					<<?php echo esc_attr( $settings->back_title_typography_tag_selection ); ?> class="uabb-back-text-title"><?php echo $settings->title_back; ?></<?php echo esc_attr( $settings->back_title_typography_tag_selection ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>>
						<?php
					}
					if ( '' !== $settings->desc_back ) {
						?>
					<div class="uabb-back-flip-box-section-content uabb-text-editor">
						<?php echo $settings->desc_back; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
					</div>
						<?php
					}
					$module->render_button();
					?>
				</div>
			</div><!-- END .back -->
		</div> <!-- ifb-flip-box -->
	</div> <!-- flip-box -->
</div>
