<?php
/**
 * Four ritual sets.
 *
 * @package Foliora
 */

$skus    = array( 'FOL-BND-COZY', 'FOL-BND-ANNO', 'FOL-BND-LIB', 'FOL-BND-ULT' );
$saves   = array(
	'FOL-BND-COZY' => 'Save 15%',
	'FOL-BND-ANNO' => 'Save 15%',
	'FOL-BND-LIB'  => 'Save 15%',
	'FOL-BND-ULT'  => 'Save 20%',
);
$catalog = foliora_catalog_fallback();
?>
<section class="section bundles" id="bundles" aria-labelledby="bundles-title">
	<div class="wrap">
		<header class="section-head" data-reveal>
			<h2 id="bundles-title">Build your reading ritual</h2>
		</header>
		<ul class="product-row product-row--4">
			<?php foreach ( $skus as $sku ) : ?>
				<?php
				$item    = $catalog[ $sku ];
				$product = null;
				if ( foliora_wc_ready() ) {
					$id = wc_get_product_id_by_sku( $sku );
					$product = $id ? wc_get_product( $id ) : null;
				}
				$name  = $product ? $product->get_name() : $item['name'];
				$url   = $product ? $product->get_permalink() : foliora_product_url( $sku );
				$img   = $product ? foliora_product_card_image( $product ) : foliora_image_uri( $item['image'] );
				$pid   = $product ? $product->get_id() : 0;
				?>
				<li class="p-card p-card--bundle" data-reveal>
					<a class="p-card__media" href="<?php echo esc_url( $url ); ?>">
						<img class="p-card__img" src="<?php echo esc_url( $img ); ?>" alt="" width="800" height="1000">
					</a>
					<div class="p-card__body">
						<h3 class="p-card__title"><a href="<?php echo esc_url( $url ); ?>"><?php echo esc_html( $name ); ?></a></h3>
						<p class="p-card__inc"><?php echo esc_html( $item['short'] ); ?></p>
						<p class="p-card__price">
							<ins><?php echo esc_html( foliora_money( $item['sale'] ) ); ?></ins>
							<del><?php echo esc_html( foliora_money( $item['regular'] ) ); ?></del>
							<span class="save-note"><?php echo esc_html( $saves[ $sku ] ); ?></span>
						</p>
						<?php if ( $product && $product->is_purchasable() ) : ?>
							<a
								class="button button--small ajax_add_to_cart add_to_cart_button"
								href="<?php echo esc_url( $product->add_to_cart_url() ); ?>"
								data-product_id="<?php echo esc_attr( (string) $pid ); ?>"
								data-product_sku="<?php echo esc_attr( $sku ); ?>"
								data-quantity="1"
							>Add Set to Bag</a>
						<?php else : ?>
							<a class="button button--small" href="<?php echo esc_url( $url ); ?>">Add Set to Bag</a>
						<?php endif; ?>
					</div>
				</li>
			<?php endforeach; ?>
		</ul>
	</div>
</section>
