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

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

	<?php // ── Hero ──────────────────────────────────────────────────────────────── ?>
	<div class="bw-page-hero">
		<div class="bw-container">
			<div class="bw-eyebrow bw-eyebrow--orange" style="margin-bottom:8px;">Research Compounds</div>
			<h1 class="bw-page-hero__title">All<span class="bw-italic"> Peptides</span></h1>
			<p style="font-size:14px; color:#666; margin-top:8px; max-width:480px;">Three rigorously verified compounds. HPLC-tested purity, COA on every batch.</p>
		</div>
	</div>

	<?php // ── Purity badge strip ─────────────────────────────────────────────── ?>
	<div style="background:#f7f5f2; border-bottom:1px solid #e8e4df; padding:12px 0;">
		<div class="bw-container" style="display:flex; gap:28px; flex-wrap:wrap; align-items:center;">
			<span style="font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#aaa;">All batches include:</span>
			<span class="bw-chip">HPLC Purity ≥99%</span>
			<span class="bw-chip">Mass Spec ID</span>
			<span class="bw-chip">Endotoxin Screen</span>
			<span class="bw-chip">Free USA Shipping $200+</span>
		</div>
	</div>

	<?php // ── Product Grid ──────────────────────────────────────────────────────── ?>
	<section class="bw-section">
		<div class="bw-container">
			<div class="bw-product-grid">
				<?php
				if ( class_exists( 'WooCommerce' ) ) :
					$products = wc_get_products( [ 'limit' => -1, 'status' => 'publish', 'orderby' => 'menu_order' ] );
					foreach ( $products as $product ) :
						$pid = $product->get_id();
				?>
				<div class="bw-product-card">
					<?php if ( $product->get_image_id() ) : ?>
					<a href="<?php echo esc_url( $product->get_permalink() ); ?>" class="bw-product-card__img">
						<?php echo $product->get_image( 'medium' ); ?>
						<span class="bw-product-card__badge">In Stock</span>
					</a>
					<?php else : ?>
					<a href="<?php echo esc_url( $product->get_permalink() ); ?>" class="bw-product-card__img bw-product-card__img--placeholder">
						<span class="bw-product-card__badge">In Stock</span>
					</a>
					<?php endif; ?>
					<div class="bw-product-card__body">
						<div class="bw-product-card__sku"><?php echo esc_html( $product->get_sku() ?: 'RES-' . $pid ); ?></div>
						<h2 class="bw-product-card__name">
							<a href="<?php echo esc_url( $product->get_permalink() ); ?>"><?php echo esc_html( $product->get_name() ); ?></a>
						</h2>
						<p class="bw-product-card__desc"><?php echo wp_trim_words( $product->get_short_description() ?: $product->get_description(), 20 ); ?></p>
						<span class="bw-product-card__purity">✓ &gt;99% Purity Verified</span>
						<div class="bw-product-card__footer">
							<div class="bw-product-card__price"><span class="bw-product-card__price-from">from </span><?php echo $product->get_price_html(); ?></div>
							<a href="<?php echo esc_url( $product->get_permalink() ); ?>" class="bw-btn bw-btn--orange" style="padding:8px 16px; font-size:13px;">View →</a>
						</div>
					</div>
				</div>
				<?php
					endforeach;
				else :
					// Static fallback
					$products_data = [
						[ 'sku' => 'BPC-157', 'name' => 'BPC-157', 'desc' => 'Body Protection Compound — the most studied recovery and gut-repair peptide in research today.', 'purity' => '99.8', 'price' => 'from $44.99' ],
						[ 'sku' => 'GHK-Cu',  'name' => 'GHK-Cu',  'desc' => 'Copper tripeptide complex. Studied extensively for skin biology and wound-healing mechanisms.', 'purity' => '99.4', 'price' => 'from $38.99' ],
						[ 'sku' => 'TB-500',  'name' => 'TB-500',  'desc' => 'Thymosin Beta-4 synthetic fragment. Actin-binding peptide studied in tissue-repair contexts.', 'purity' => '99.7', 'price' => 'from $59.99' ],
					];
					foreach ( $products_data as $p ) : ?>
					<div class="bw-product-card">
						<div class="bw-product-card__img bw-product-card__img--placeholder">
							<span class="bw-product-card__badge">In Stock</span>
						</div>
						<div class="bw-product-card__body">
							<div class="bw-product-card__sku"><?php echo esc_html( $p['sku'] ); ?></div>
							<h2 class="bw-product-card__name"><?php echo esc_html( $p['name'] ); ?></h2>
							<p class="bw-product-card__desc"><?php echo esc_html( $p['desc'] ); ?></p>
							<span class="bw-product-card__purity">✓ <?php echo esc_html( $p['purity'] ); ?>% Purity Verified</span>
							<div class="bw-product-card__footer">
								<div class="bw-product-card__price"><?php echo esc_html( $p['price'] ); ?></div>
								<a href="<?php echo bewell_page_url( 'shop' ); ?>" class="bw-btn bw-btn--orange" style="padding:8px 16px; font-size:13px;">View →</a>
							</div>
						</div>
					</div>
					<?php endforeach;
				endif;
				?>
			</div>
		</div>
	</section>

	<?php // ── Purity Guarantee Banner ────────────────────────────────────────── ?>
	<section class="bw-section bw-section--dark" style="padding:48px 0;">
		<div class="bw-container" style="text-align:center;">
			<h2 style="color:#fff; margin-bottom:12px;">Purity<span class="bw-italic"> Guaranteed</span></h2>
			<p style="font-size:14px; color:#888; max-width:480px; margin:0 auto 24px; line-height:1.75;">Every product ships with a Certificate of Analysis from an independent third-party laboratory. If we can't verify it, we don't sell it.</p>
			<a href="<?php echo bewell_page_url( 'lab-reports' ); ?>" class="bw-btn bw-btn--orange">View All Lab Reports →</a>
		</div>
	</section>

</main>

<?php get_footer(); ?>