<?php
/**
 * Email Verification Required Template
 *
 * Displays a message and button for users who need to verify their email.
 *
 * @since 2.15.0
 * @package wc-affiliate
 */
?>

<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-warningBG mb-4">
				<svg class="h-8 w-8 text-warning" fill="none" viewBox="0 0 24 24" stroke="currentColor">
					<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
				</svg>
			</div>
			<h3 class="text-2xl font-inter font-semibold text-wca-title mb-2">
				<?php esc_html_e( 'Email Verification Required', 'wc-affiliate' ); ?>
			</h3>
			<p class="text-base font-inter text-wca-body-desc mb-6">
				<?php esc_html_e( 'Your email is not verified. Please check your inbox for the verification link.', 'wc-affiliate' ); ?>
			</p>
		</div>

		<div class="flex justify-center">
			<button id="wca-resend-varify-url-btn"
					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="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
				</svg>
				<?php esc_html_e( 'Get link again', 'wc-affiliate' ); ?>
			</button>
		</div>
	</div>
</div>
