<?php
/**
 * Shop by mood.
 *
 * @package Foliora
 */

$moods = array(
	array(
		'Cozy Night In',
		'Book Light · Book Sleeve · Bookmark',
		'cat-lights.jpg',
		add_query_arg( 'mood', 'cozy', foliora_shop_url() ),
	),
	array(
		'Fantasy Escape',
		'Embosser · Bookmark · Reading light',
		'embosser-press.jpg',
		add_query_arg( 'mood', 'fantasy', foliora_shop_url() ),
	),
	array(
		'Weekend Reading',
		'Book sleeve · Book stand · Journal',
		'cat-protection.jpg',
		add_query_arg( 'mood', 'weekend', foliora_shop_url() ),
	),
	array(
		'Study Session',
		'Annotation kit · Journal · Book stand · Reading light',
		'still-life-desk.jpg',
		add_query_arg( 'mood', 'study', foliora_shop_url() ),
	),
	array(
		'Gift for a Book Lover',
		'Embosser · Bookmark · Sleeve · Gift bundle',
		'gift-chapter.jpg',
		foliora_cat_url( 'gifts' ),
	),
);
?>
<section class="section moods" id="moods" aria-labelledby="moods-title">
	<div class="wrap">
		<header class="section-head" data-reveal>
			<h2 id="moods-title">What kind of reading day is it?</h2>
		</header>
		<ul class="moods__grid">
			<?php foreach ( $moods as $mood ) : ?>
				<li data-reveal>
					<a class="mood" href="<?php echo esc_url( $mood[3] ); ?>">
						<img src="<?php echo esc_url( foliora_image_uri( $mood[2] ) ); ?>" alt="" width="800" height="1000">
						<span class="mood__copy">
							<span class="mood__name"><?php echo esc_html( $mood[0] ); ?></span>
							<span class="mood__items"><?php echo esc_html( $mood[1] ); ?></span>
						</span>
					</a>
				</li>
			<?php endforeach; ?>
		</ul>
	</div>
</section>
