<?php
/**
 * Template Name: Lab Reports
 *
 * @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;">Transparency</div>
			<h1 class="bw-page-hero__title">Lab<span class="bw-italic"> Reports</span></h1>
			<p style="font-size:14px; color:#666; margin-top:8px; max-width:480px;">Third-party HPLC purity, mass spectrometry identity, and endotoxin screening on every batch. Published with no gating.</p>
		</div>
	</div>

	<section class="bw-section">
		<div class="bw-container">

			<?php // Quick filter chips ?>
			<div class="bw-chips" style="margin-bottom:40px;">
				<a href="#bpc157">BPC-157 COA</a>
				<a href="#ghkcu">GHK-Cu COA</a>
				<a href="#tb500">TB-500 COA</a>
				<a href="#faq">How to Read a COA</a>
			</div>

			<?php
			$reports = [
				[
					'id'      => 'bpc157',
					'sku'     => 'BPC-157',
					'name'    => 'BPC-157',
					'lot'     => 'A1015',
					'lab'     => 'Freedom Diagnostics',
					'date'    => 'March 2026',
					'purity'  => '99.8',
					'method'  => 'HPLC-UV 220nm',
					'ms'      => 'Confirmed m/z 1419.7',
					'endo'    => '<1.0 EU/mg',
					'desc'    => 'Body Protection Compound. 15 amino acid partial sequence of body protection compound (BPC). Extensively studied in gastric and musculoskeletal repair research.',
				],
				[
					'id'      => 'ghkcu',
					'sku'     => 'GHK-Cu',
					'name'    => 'GHK-Cu',
					'lot'     => 'A1016',
					'lab'     => 'Freedom Diagnostics',
					'date'    => 'March 2026',
					'purity'  => '99.4',
					'method'  => 'HPLC-UV 220nm',
					'ms'      => 'Confirmed m/z 340.4',
					'endo'    => '<1.0 EU/mg',
					'desc'    => 'Copper tripeptide Gly-His-Lys chelated to copper(II). Widely studied in wound healing, skin biology, and anti-inflammatory pathway research.',
				],
				[
					'id'      => 'tb500',
					'sku'     => 'TB-500',
					'name'    => 'TB-500',
					'lot'     => 'A1017',
					'lab'     => 'Freedom Diagnostics',
					'date'    => 'March 2026',
					'purity'  => '99.7',
					'method'  => 'HPLC-UV 220nm',
					'ms'      => 'Confirmed m/z 2115.4',
					'endo'    => '<0.5 EU/mg',
					'desc'    => 'Synthetic fragment of Thymosin Beta-4 (Ac-LKKTETQ). Actin-binding peptide studied in tissue repair and cellular migration research.',
				],
			];

			foreach ( $reports as $r ) : ?>
			<div id="<?php echo esc_attr( $r['id'] ); ?>" class="bw-coa-card" style="margin-bottom:48px; border:1px solid #e8e4df; border-radius:3px; overflow:hidden;">
				<div style="background:#f7f5f2; padding:20px 28px; border-bottom:1px solid #e8e4df; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;">
					<div>
						<div class="bw-eyebrow" style="margin-bottom:4px;"><?php echo esc_html( $r['sku'] ); ?> — Certificate of Analysis</div>
						<h2 style="font-size:22px; font-weight:600; margin:0;"><?php echo esc_html( $r['name'] ); ?></h2>
					</div>
					<div style="text-align:right;">
						<div style="font-family:'DM Mono',monospace; font-size:10px; color:#aaa; letter-spacing:.06em;">Lot <?php echo esc_html( $r['lot'] ); ?> · <?php echo esc_html( $r['lab'] ); ?></div>
						<div style="font-family:'DM Mono',monospace; font-size:10px; color:#aaa; letter-spacing:.06em; margin-top:2px;"><?php echo esc_html( $r['date'] ); ?></div>
					</div>
				</div>
				<div style="padding:28px; display:grid; grid-template-columns:1fr 1fr; gap:32px;">
					<div>
						<p style="font-size:14px; color:#666; line-height:1.75; margin-bottom:20px;"><?php echo esc_html( $r['desc'] ); ?></p>
						<div style="display:flex; gap:8px; flex-wrap:wrap;">
							<span class="bw-chip">HPLC Verified</span>
							<span class="bw-chip">Mass Spec ID</span>
							<span class="bw-chip">Endotoxin Tested</span>
						</div>
					</div>
					<div class="bw-coa-table">
						<div class="bw-coa-table__head" style="grid-template-columns:1fr 1fr;">
							<span class="bw-coa-table__label">Test</span>
							<span class="bw-coa-table__label">Result</span>
						</div>
						<div class="bw-coa-table__row" style="grid-template-columns:1fr 1fr;">
							<span style="font-size:13px; color:#555;">Purity (HPLC)</span>
							<span class="bw-coa-table__purity"><?php echo esc_html( $r['purity'] ); ?>%</span>
						</div>
						<div class="bw-coa-table__row" style="grid-template-columns:1fr 1fr;">
							<span style="font-size:13px; color:#555;">Method</span>
							<span style="font-family:'DM Mono',monospace; font-size:12px; color:#555;"><?php echo esc_html( $r['method'] ); ?></span>
						</div>
						<div class="bw-coa-table__row" style="grid-template-columns:1fr 1fr;">
							<span style="font-size:13px; color:#555;">Mass Spec</span>
							<span class="bw-coa-table__badge"><?php echo esc_html( $r['ms'] ); ?></span>
						</div>
						<div class="bw-coa-table__row" style="grid-template-columns:1fr 1fr; border-bottom:none;">
							<span style="font-size:13px; color:#555;">Endotoxin</span>
							<span class="bw-coa-table__purity"><?php echo esc_html( $r['endo'] ); ?></span>
						</div>
					</div>
				</div>
			</div>
			<?php endforeach; ?>

			<?php // How to read a COA section ?>
			<div id="faq" style="margin-top:64px; padding-top:48px; border-top:1px solid #e8e4df;">
				<div class="bw-eyebrow" style="margin-bottom:8px;">Guide</div>
				<h2 style="margin-bottom:24px;">How to read a<span class="bw-italic"> Certificate of Analysis</span></h2>
				<div style="display:grid; grid-template-columns:1fr 1fr; gap:32px;">
					<div>
						<h3 style="font-size:15px; font-weight:600; margin-bottom:8px;">HPLC Purity</h3>
						<p style="font-size:14px; color:#666; line-height:1.75;">High-Performance Liquid Chromatography separates components in a sample. The purity percentage tells you what proportion of the sample is the target compound.</p>
					</div>
					<div>
						<h3 style="font-size:15px; font-weight:600; margin-bottom:8px;">Mass Spectrometry</h3>
						<p style="font-size:14px; color:#666; line-height:1.75;">MS confirms the molecular identity of a compound by measuring its exact mass-to-charge ratio. A confirmed result means the compound is what it claims to be.</p>
					</div>
					<div>
						<h3 style="font-size:15px; font-weight:600; margin-bottom:8px;">Endotoxin Testing</h3>
						<p style="font-size:14px; color:#666; line-height:1.75;">Endotoxins are bacterial cell wall fragments that can cause inflammation. Our threshold is &lt;1.0 EU/mg, significantly below industry standard for research compounds.</p>
					</div>
					<div>
						<h3 style="font-size:15px; font-weight:600; margin-bottom:8px;">Lot Numbers</h3>
						<p style="font-size:14px; color:#666; line-height:1.75;">Each lot number ties a batch to a specific COA. Check that the lot number on your vial matches the one on the COA to verify your specific batch.</p>
					</div>
				</div>
			</div>

		</div>
	</section>

</main>

<?php get_footer(); ?>