<?php
/**
 * The Template for displaying Layout1
 *
 * @author      Elicus <hello@elicus.com>
 * @link        https://www.elicus.com/
 * @copyright   2019 Elicus Technologies Private Limited
 * @version     1.4.1
 */

if ( '' !== $front_title ) {
	$front_title = sprintf( '<div class="et_pb_flipbox_heading">%1$s</div>', et_core_esc_previously( $front_title ) );
}
if ( '' !== $back_title ) {
	$back_title = sprintf( '<div class="et_pb_flipbox_heading">%1$s</div>', et_core_esc_previously( $back_title ) );
}

if ( ! empty( $front_content ) ) {
	$front_content = sprintf( '<div class="aioc_flipbox_description">%1$s</div>', et_core_esc_previously( $front_content ) );
}
if ( ! empty( $back_content ) ) {
	$back_content = sprintf( '<div class="aioc_flipbox_description">%1$s</div>', et_core_esc_previously( $back_content ) );
}

if ( 'off' === $front_use_icon ) {
	$front_image_icon = sprintf( '<div class="aioc_flipbox_icon_image use_image">%1$s</div>', $front_image_icon );
} else {
	$front_image_icon = sprintf(
		'<div class="aioc_flipbox_icon_image use_icon%1$s">%2$s</div>',
		( 'on' === $front_style_icon ) ? ' ' . $front_icon_shape : '',
		et_core_esc_previously( $front_image_icon )
	);
}
if ( 'off' === $back_use_icon ) {
	$back_image_icon = sprintf( '<div class="aioc_flipbox_icon_image use_image">%1$s</div>', $back_image_icon );
} else {
	$back_image_icon = sprintf(
		'<div class="aioc_flipbox_icon_image use_icon%1$s">%2$s</div>',
		( 'on' === $back_style_icon ) ? ' ' . $back_icon_shape : '',
		et_core_esc_previously( $back_image_icon )
	);
}

if ( ! empty( $back_button_output ) ) {
	$back_button_output = sprintf( '<div class="aioc_flipbox_button_back">%1$s</div>', et_core_esc_previously( $back_button_output ) );
}

$flipbox_content = sprintf(
	'<div class="aioc_flipbox_wrapper">
		<div class="flipbox_side flipbox_front">
			<div class="flipbox_inner">
				%1$s
				<div class="flipbox_front_content_wrapper">
					%2$s %3$s
				</div>
			</div>
		</div>
		<div class="flipbox_side flipbox_back">
			<div class="flipbox_inner">
				%4$s
				<div class="flipbox_back_content_wrapper">
					%5$s %6$s %7$s
				</div>
			</div>
		</div>
	</div>',
	et_core_esc_previously( $front_image_icon ),
	et_core_esc_previously( $front_title ),
	et_core_esc_previously( $front_content ),
	et_core_esc_previously( $back_image_icon ),
	et_core_esc_previously( $back_title ),
	et_core_esc_previously( $back_content ),
	et_core_esc_previously( $back_button_output )
);
