<?php
/**
 * Renewal expired banner with OCD.
 *
 * @since 3.11.5
 */

defined( 'ABSPATH' ) || exit;
?>
<section class="science-renewal-expired-banner" id="science-renewal-banner">
	<h3 class="science-expired-title"><?php esc_html_e( 'You will soon lose access to some features', 'science' ); ?></h3>
	<div class="science-renewal-expired-banner-container">
		<div class="science-expired-message">
			<p>
			<?php
				printf(
					// translators: %1$s = <strong>, %2$s = </strong>.
					esc_html__( 'You need an %1$sactive license to continue optimizing your CSS delivery%2$s.', 'science' ),
					'<strong>',
					'</strong>'
				);
				?>
				<br>
				<?php esc_html_e( 'The Remove Unused CSS and Load CSS asynchronously features are great options to address the PageSpeed Insights recommendations and improve your website performance.', 'science' ); ?>
				<br>
				<?php
				printf(
					// translators: %1$s = <strong>, %2$s = </strong>, %3$s = date.
					esc_html__( 'They will be %1$sautomatically disabled on %3$s%2$s.', 'science' ),
					'<strong>',
					'</strong>',
					esc_html( $data['disabled_date'] )
				);
				?>
			</p>
			<p><?php echo $data['message']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
		</div>
		<div class="science-expired-cta-container">
			<a href="<?php echo esc_url( $data['renewal_url'] ); ?>" class="science-renew-cta" target="_blank" rel="noopener noreferrer"><?php esc_html_e( 'Renew now', 'science' ); ?></a>
		</div>
	</div>
	<button class="wpr-notice-close wpr-icon-close" id="science-dismiss-renewal"><span class="screen-reader-text"><?php esc_html_e( 'Dismiss this notice', 'science' ); ?></span></button>
</section>
