<?php
/**
 * CDN driver tabs partial.
 *
 * Renders the tab switcher between RocketCDN / Your own CDN.
 *
 * @param array $data {
 *     Notice data.
 *
 *     @type string $cdn_type The currently active CDN type.
 *     @type bool $display_tabs Whether to display the tabs (if false, both tabs will be disabled).
 *     @type bool $rocketcdn_active Whether RocketCDN (free or paid) is the currently applied CDN mode.
 *     @type bool $byocdn_active Whether "Your own CDN" is the currently applied CDN mode.
 * }
 *
 * @since 3.22
 */

defined( 'ABSPATH' ) || exit;
?>
<div class="wpr-cdn-tabs <?php echo ! $data['display_tabs'] ? 'wpr-isHidden' : ''; ?>">
	<button
		type="button"
		class="wpr-cdn-tabs__tab <?php echo 'rocketcdn' === $data['cdn_type'] ? 'wpr-cdn-tabs__tab--active' : ''; ?><?php echo $data['rocketcdn_active'] ? ' wpr-cdn-active-indicator' : ''; ?>"
		data-cdn-driver="rocketcdn"
		data-title="<?php esc_attr_e( 'RocketCDN', 'rocket' ); ?>"
		data-cdn-mode="<?php echo esc_attr( $data['rocketcdn_mode'] ); ?>"
	>
		<?php esc_html_e( 'RocketCDN', 'rocket' ); ?>
		<span class="wpr-cdn-active-label"><?php esc_html_e( 'Active', 'rocket' ); ?></span>
	</button>

	<span class="wpr-cdn-tabs__divider"></span>

	<div class="wpr-cdn-tabs__tab-wrapper">
		<button
			type="button"
			class="wpr-cdn-tabs__tab <?php echo 'byocdn' === $data['cdn_type'] ? 'wpr-cdn-tabs__tab--active' : ''; ?><?php echo $data['byocdn_active'] ? ' wpr-cdn-active-indicator' : ''; ?>"
			data-cdn-driver="your-own-cdn"
			data-title="<?php esc_attr_e( 'Your CDN', 'rocket' ); ?>"
			data-cdn-mode="Other CDN"
		>
			<?php esc_html_e( 'Other CDN', 'rocket' ); ?>
			<span class="wpr-cdn-active-label"><?php esc_html_e( 'Active', 'rocket' ); ?></span>
		</button>
	</div>
</div>
