<?php

	/*
	 * Get Header
	 */
	require_once 'inc/header.php';
	

	
	/*
	 * Page content 
	 */
	$header_spacer = !preg_match("/image-showcase/",$data["page"][0]->contents) ? "space-1" : "";
	
	echo '<div id="page-details" class="'. $header_spacer .'">';
		echo $data["page"][0]->contents;
	echo '</div>';	
	
	
	/*
	 * Categories 
	 */
	$categories = $data["cassette"]->getCategories($data["section_name"]);
	
	$html = '<div class="grid-container">';
		$html .= '<div class="grid-x grid-padding-x small-up-2 medium-up-4 large-up-5 align-center" data-equalizer>';// align-middle	

		foreach($categories as $category)
		{	
			if(!$category->isVisible() || count($category->entries) == 0) continue;
			
			$html .= '<div class="small-12 medium-auto cell text-center block-category">';
				$html .= '<div class="inner">';
					$html .= '<h3><a href="'. $category->getUrl() .'">'. $category->getName() .'</a></h3>';
					$html .= $category->entries[0]->getProperty("image","img");
				$html .= '</div>';
			$html .= '</div>';
			
			/*$html .= '<div class="cell small-12 medium-6 large-3 text-center">';
				$html .= '<div class="card" data-equalizer-watch>';
		
					$html .= '<div class="card-image"><div class="inner">'. $category->entries[0]->getProperty("image","img") .'</div></div>';
					$html .= '<div class="card-section">';
						$html .= '<h3><a href="'. $category->getUrl() .'">'. $category->getName() .'</a></h3>';
						$html .= '<p><a href="'. $category->getUrl() .'" class="overlay-link">Lees verder</a></p>';
					$html .= '</div>';
		
				$html .= '</div>';
			$html .= '</div>';
			*/
		}
					
		$html .= '</div>';
	$html .= '</div>';
	
	echo $data["config"]->wrapAsSection($html,"","space-1");
	
	
	/*
	 * Show form 
	 */
	require_once 'inc/form.php';
		
	
	
	/*
	 * Get Footer
	 */
	require_once 'inc/footer.php';
	
?>