<?php
/**
 * What's New modal section.
 *
 * @since 1.8.7
 *
 * @var string $title Section title.
 * @var string $content Section content.
 * @var array $img Section image.
 * @var string $new Is new feature.
 * @var array $buttons Section buttons.
 * @var string $layout Section layout.
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

$classes = [
	'wpforms-splash-section',
	'wpforms-splash-section-' . $layout,
];
?>

<section class="<?php echo wpforms_sanitize_classes( $classes, true ); ?>">
	<div class="wpforms-splash-section-content">
		<?php
			if ( ! empty( $new ) ) {
				printf( '<span class="wpforms-splash-badge">%s</span>', esc_html( __( 'New Feature', 'wpforms-lite' ) ) );
			}
		?>
		<h3><?php echo esc_html( $title ); ?></h3>
		<p><?php echo wp_kses_post( $content ); ?></p>

		<?php if ( ! empty( $buttons ) ) : ?>
			<div class="wpforms-splash-section-buttons">
				<?php
					foreach ( $buttons as $button_type => $button ) {
						$button_class = $button_type === 'main' ? 'wpforms-btn-orange' : 'wpforms-btn-bordered';

						printf( '<a href="%1$s" class="wpforms-btn %3$s">%2$s</a>', esc_url( $button['url'] ), esc_html( $button['text'] ), esc_attr( $button_class ) );
					}
				?>
			</div>
		<?php endif; ?>
	</div>

	<?php if ( ! empty( $img ) ) : ?>
		<div class="wpforms-splash-section-image wpforms-image-shadow-<?php echo wpforms_sanitize_classes( $img['shadow'] ?? 'none' ); ?>">
			<img src="<?php echo esc_url( $img['url'] ); ?>" alt="">
		</div>
	<?php endif; ?>
</section>
