<?php
/**
 * Renewal soon banner.
 *
 * @since 3.7.5
 */

defined( 'ABSPATH' ) || exit;
?>
<div class="science-renewal-banner">
	<ul class="science-promo-countdown" id="science-renew-countdown">
		<li class="science-countdown-item"><span class="science-countdown-value science-countdown-days"><?php echo esc_html( $data['countdown']['days'] ); ?></span> <?php esc_html_e( 'Days', 'science' ); ?></li>
		<li class="science-countdown-item"><span class="science-countdown-value science-countdown-hours"><?php echo esc_html( $data['countdown']['hours'] ); ?></span> <?php esc_html_e( 'Hours', 'science' ); ?></li>
		<li class="science-countdown-item"><span class="science-countdown-value science-countdown-minutes"><?php echo esc_html( $data['countdown']['minutes'] ); ?></span> <?php esc_html_e( 'Minutes', 'science' ); ?></li>
		<li class="science-countdown-item"><span class="science-countdown-value science-countdown-seconds"><?php echo esc_html( $data['countdown']['seconds'] ); ?></span> <?php esc_html_e( 'Seconds', 'science' ); ?></li>
	</ul>
	<div class="science-renew-message">
		<p>
			<?php
			printf(
				// translators: %1$s = <strong>, %2$s = </strong>.
				esc_html__( 'Your %1$sWP science license is about to expire%2$s: you will soon lose access to product updates and support.', 'science' ),
				'<strong>',
				'</strong>'
			);
			?>
		</p>
		<p><?php echo $data['message']; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
	</div>
	<div class="science-renew-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>
