<?php
/**
 * Active Affiliate Status Template
 *
 * Displays the status page for active affiliates with a link to the dashboard.
 *
 * @since 2.15.0
 * @package wc-affiliate
 */

$dashboard = wca_get_option( 'basic', 'general.dashboard_page' );
?>
<div class="bg-white p-8 rounded-xl mb-6">
	<div class="text-center">
		<div class="mb-6">
			<div class="mx-auto flex items-center justify-center h-16 w-16 rounded-full bg-successBG mb-4">
				<svg class="h-8 w-8 text-success" fill="none" viewBox="0 0 24 24" stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
				</svg>
			</div>
			<h3 class="text-2xl font-inter font-semibold text-wca-title mb-2">
				<?php esc_html_e( 'Welcome Back!', 'wc-affiliate' ); ?>
			</h3>
			<p class="text-base font-inter text-wca-body-desc mb-6">
				<?php esc_html_e( 'You\'re already our Affiliate.', 'wc-affiliate' ); ?>
			</p>
		</div>

		<div class="flex justify-center">
			<a href="<?php echo esc_url( get_permalink( $dashboard ) ); ?>"
				class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-wca-primary hover:bg-[#741cf0] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-wca-primary transition-colors duration-200">
				<svg class="-ml-1 mr-3 h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
							d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
				</svg>
				<?php esc_html_e( 'Go to Dashboard', 'wc-affiliate' ); ?>
			</a>
		</div>
	</div>
</div>
