<?php
/**
 * Einzelprodukt-Template: /produkt/{slug}/.
 *
 * @package dgt-affiliate
 */

get_header();

while ( have_posts() ) :
	the_post();
	$id    = get_the_ID();
	$price = get_post_meta( $id, '_dgt_price', true );
	$old   = get_post_meta( $id, '_dgt_price_old', true );
	$brand = get_post_meta( $id, '_dgt_brand', true );
	$unit  = get_post_meta( $id, '_dgt_unit', true );
	$ean   = get_post_meta( $id, '_dgt_ean', true );
	$avail = get_post_meta( $id, '_dgt_avail', true );
	$out   = dgt_aff_out_url( $id );
	?>

	<header class="dgt-pagehead">
		<nav class="dgt-breadcrumb" aria-label="Breadcrumb"><ol>
			<li><a href="<?php echo esc_url( home_url( '/' ) ); ?>">Start</a></li>
			<li><a href="<?php echo esc_url( get_post_type_archive_link( DGT_AFF_CPT ) ); ?>">Drogentests</a></li>
			<li aria-current="page"><?php the_title(); ?></li>
		</ol></nav>
		<p class="dgt-eyebrow">Drogentest</p>
		<h1 class="dgt-pagehead-title"><?php the_title(); ?></h1>
	</header>

	<section class="dgt-content">
		<div class="dgt-prod-section">
			<div class="row g-4 g-lg-5 align-items-start">

				<div class="col-lg-5">
					<div class="dgt-prod-media" style="aspect-ratio:1/1;border:1px solid var(--dgt-border,#e5ecef);border-radius:18px;">
						<?php
						if ( has_post_thumbnail() ) {
							the_post_thumbnail( 'large', array( 'alt' => esc_attr( get_the_title() ) ) );
						} else {
							echo '<span class="dgt-prod-noimg">Drogentest</span>';
						}
						?>
					</div>
				</div>

				<div class="col-lg-7">
					<?php if ( $brand ) : ?><span class="dgt-prod-brand"><?php echo esc_html( $brand ); ?></span><?php endif; ?>
					<?php if ( $unit ) : ?><p class="dgt-prod-unit" style="margin-bottom:.8rem;"><?php echo esc_html( $unit ); ?></p><?php endif; ?>

					<div class="dgt-prod-pricerow" style="margin:0 0 1.2rem;">
						<?php if ( $old && (float) $old > (float) $price ) : ?>
							<span class="dgt-prod-old"><?php echo esc_html( dgt_aff_price( $old ) ); ?></span>
						<?php endif; ?>
						<span class="dgt-prod-price" style="font-size:1.9rem;"><?php echo esc_html( dgt_aff_price( $price ) ); ?></span>
					</div>

					<a class="btn dgt-btn dgt-btn-primary" href="<?php echo esc_url( $out ); ?>" target="_blank" rel="sponsored nofollow noopener" style="margin-bottom:1rem;">
						Zum Angebot im Shop
						<svg class="dgt-arrow" width="18" height="14" viewBox="0 0 18 14" aria-hidden="true"><path d="M1 7h15m0 0-5.5-5.5M16 7l-5.5 5.5" stroke="currentColor" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
					</a>

					<ul class="dgt-prod-facts" style="list-style:none;padding:0;margin:1rem 0 0;font-size:.92rem;color:var(--dgt-body,#5c6b7c);">
						<?php if ( $avail ) : ?><li>✓ Verfügbarkeit: <?php echo esc_html( $avail ); ?></li><?php endif; ?>
						<?php if ( $ean ) : ?><li>EAN: <?php echo esc_html( $ean ); ?></li><?php endif; ?>
						<li>✓ Diskreter Versand über den Partner-Shop</li>
					</ul>

					<?php
					echo dgt_aff_product_tags( $id ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
					?>

					<?php
					$beipack = get_post_meta( $id, '_dgt_beipack', true );
					if ( $beipack ) :
						$beipack_url = content_url( 'uploads/beipackzettel/' . $beipack );
					?>
						<a class="dgt-prod-beipack" href="<?php echo esc_url( $beipack_url ); ?>" target="_blank" rel="noopener" title="Anwendungsanleitung als PDF herunterladen">
							<svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z" stroke="currentColor" stroke-width="1.6"/><path d="M14 2v6h6M12 18v-6M9 15l3 3 3-3" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
							Anwendungsanleitung (PDF)
						</a>
					<?php endif; ?>
				</div>
			</div>

			<?php if ( trim( get_the_content() ) ) : ?>
				<hr class="dgt-prod-sep">
				<div class="dgt-single-content" style="margin-top:2.4rem;">
					<h2>Produktbeschreibung</h2>
					<?php the_content(); ?>
				</div>
			<?php endif; ?>

			<?php
			// Kontextkarten zu passenden Themen-/Hilfeseiten.
			$related = dgt_aff_related_cards( $id );
			if ( $related ) :
			?>
				<hr class="dgt-prod-sep">
				<?php echo $related; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
			<?php endif; ?>

			<hr class="dgt-prod-sep">
			<?php
			// Weitere Drogentests.
			echo dgt_aff_products( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
				array(
					'limit'   => 4,
					'columns' => 4,
					'title'   => 'Weitere Drogentests',
				)
			);
			?>
		</div>
	</section>

	<?php
endwhile;

get_footer();