<?php
/**
 * Template Name: Partner Program
 *
 * @package BeWell
 */
get_header();
?>

<main id="main" class="bw-main">

	<div class="bw-page-hero">
		<div class="bw-container">
			<div class="bw-eyebrow bw-eyebrow--orange" style="margin-bottom:8px;">Affiliates &amp; Researchers</div>
			<h1 class="bw-page-hero__title">Partner<span class="bw-italic"> Program</span></h1>
			<p style="font-size:14px; color:#666; margin-top:8px; max-width:480px;">Earn commission on every referral. Built for researchers, educators, and communities who value verified compounds.</p>
		</div>
	</div>

	<?php // ── Tier cards ─────────────────────────────────────────────────────── ?>
	<section class="bw-section">
		<div class="bw-container">
			<div style="display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:64px;">
				<?php
				$tiers = [
					[ 'name' => 'Researcher', 'commission' => '10%', 'threshold' => '$0 to start', 'perks' => [ 'Unique referral link', 'Monthly payouts', 'Real-time dashboard', '30-day cookie window' ], 'highlight' => false ],
					[ 'name' => 'Associate',  'commission' => '15%', 'threshold' => '$500/mo sales', 'perks' => [ 'All Researcher perks', 'Priority support', 'Early access to new batches', 'Co-branded materials' ], 'highlight' => true ],
					[ 'name' => 'Lab Partner', 'commission' => '20%', 'threshold' => '$2,000/mo sales', 'perks' => [ 'All Associate perks', 'Dedicated account manager', 'Custom bulk pricing', 'Invoice payment terms' ], 'highlight' => false ],
				];
				foreach ( $tiers as $tier ) : ?>
				<div class="bw-tier-card <?php echo $tier['highlight'] ? 'bw-tier-card--featured' : ''; ?>">
					<?php if ( $tier['highlight'] ) : ?>
					<div class="bw-tier-card__badge">Most Popular</div>
					<?php endif; ?>
					<div class="bw-tier-card__commission"><?php echo esc_html( $tier['commission'] ); ?></div>
					<div class="bw-tier-card__label">commission</div>
					<h3 class="bw-tier-card__name"><?php echo esc_html( $tier['name'] ); ?></h3>
					<div class="bw-tier-card__threshold"><?php echo esc_html( $tier['threshold'] ); ?></div>
					<ul class="bw-tier-card__perks">
						<?php foreach ( $tier['perks'] as $perk ) : ?>
						<li>✓ <?php echo esc_html( $perk ); ?></li>
						<?php endforeach; ?>
					</ul>
				</div>
				<?php endforeach; ?>
			</div>

			<?php // Application form ?>
			<div style="max-width:600px; margin:0 auto;">
				<div class="bw-eyebrow" style="margin-bottom:8px; text-align:center;">Apply Now</div>
				<h2 style="text-align:center; margin-bottom:32px;">Join the<span class="bw-italic"> BeWell Partner Program</span></h2>
				<form class="bw-form" method="post" action="#">
					<?php wp_nonce_field( 'bewell-partner-apply', 'partner_nonce' ); ?>
					<div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
						<div class="bw-form-group"><label for="first_name">First Name</label><input type="text" id="first_name" name="first_name" required></div>
						<div class="bw-form-group"><label for="last_name">Last Name</label><input type="text" id="last_name" name="last_name" required></div>
					</div>
					<div class="bw-form-group"><label for="email">Email Address</label><input type="email" id="email" name="email" required></div>
					<div class="bw-form-group"><label for="platform">Platform / Website</label><input type="url" id="platform" name="platform" placeholder="https://"></div>
					<div class="bw-form-group">
						<label for="audience">Audience Type</label>
						<select id="audience" name="audience">
							<option value="">Select…</option>
							<option>Research / Academic</option>
							<option>Health &amp; Biohacking Community</option>
							<option>Podcast / YouTube</option>
							<option>Newsletter / Blog</option>
							<option>Other</option>
						</select>
					</div>
					<div class="bw-form-group"><label for="message">How will you promote BeWell?</label><textarea id="message" name="message" rows="4"></textarea></div>
					<button type="submit" class="bw-btn bw-btn--filled" style="width:100%; justify-content:center;">Submit Application →</button>
					<p style="font-size:12px; color:#aaa; text-align:center; margin-top:12px;">We review applications within 2 business days. You will receive an email with your affiliate link upon approval.</p>
				</form>
			</div>
		</div>
	</section>

</main>

<?php get_footer(); ?>