<?php
		
	/*
	 * Header
	 */
	$show_header_spacer = false;
	$header_class = "";
	require_once 'inc/header.php';
			
							
	/*
	 * Showcase
	 */
	$badge_text = $data["page"][0]->getProperty("lead");
	require_once 'inc/showcase_v2.php';		
	
	
	/*
	 * Categories
	 */
	echo '<div class="page-content">';	
		echo $data["page"][0]->getProperty("contents");
	echo '</div>';	
	
	/*
	$nav = '<div class="grid-container">';
		$nav .= '<div class="grid-x grid-padding-x align-middle">';
			
			$nav .= '<div class="cell small-12 text-center">';
				$nav .= '<h1>Overzicht informatieavonden en open dagen</h1>';
			$nav .= '</div>';
			
			$nav .= '<div class="cell small-12">';
				$nav .= '<ul class="menu">';
					   
					foreach($data["categories"] as $category)
					{
  			  		  $nav .= '<li><a href="'. $category->getUrl()  .'" class="'. ($data["category_name"] === $category->postUrl() ? "current" : "") .'">'. $category->name() .'</a></li>';
					}
					
				$nav .= '</ul>';
			$nav .= '</div>';
		
		$nav .= '</div>';
	$nav .= '</div>';
	*/
	
//echo $data["config"]->wrapAsSection($nav,"","agenda-navigation");
	
	
	
	$agenda = '<div class="grid-container">';
		$agenda .= '<div class="grid-x grid-margin-x grid-padding-x">';
		$agenda .= '<div class="cell small-12 agenda-list__table">';
		
										 
		$agenda .= '<div class="grid-x grid-margin-x agenda-list__head align-middle hide-for-small-only">';

			$agenda .= '<div class="cell small-12 medium-3">';
				$agenda .= '<p>Locatie</p>';
			$agenda .= '</div>';
		
			$agenda .= '<div class="cell small-12 medium-3">';
				$agenda .= '<p>Datum</p>';
			$agenda .= '</div>';

			$agenda .= '<div class="cell small-12 medium-2">';
				$agenda .= '<p>Tijd</p>';
			$agenda .= '</div>';

			$agenda .= '<div class="cell small-12 medium-4">';
				$agenda .= '<p>Omschrijving</p>';
			$agenda .= '</div>';

		$agenda .= '</div>';

		//foreach($data["agenda"] as $item)
		foreach($data["categories"] as $category)
		{	
			//d($category);
			if($category->name() == "Alles") continue;
			
			$agenda .= '<div class="grid-x grid-margin-x agenda-list__item--schoolname">';
				$agenda .= '<div class="cell small-12">';
					$agenda .= '<p><a href="/locaties/'. $category->postUrl() .'">'. $category->name() .'</a></p>';
				$agenda .= '</div>';
			$agenda .= '</div>';
			
			foreach($category->items as $item){
			
				$link = $item->link();
			
				$agenda .= '<div class="grid-x grid-margin-x agenda-list__item align-middle">';
					
					$agenda .= '<div class="cell small-12 medium-3 agenda-list__location">';
						$agenda .= '<p>'. $item->location()  .'</p>';
					$agenda .= '</div>';
						
					$agenda .= '<div class="cell small-7 medium-3 agenda-list__date">';
						$agenda .= '<p>'.  $item->date("%A %e %B %Y") .'</p>';
					$agenda .= '</div>';
				
					$agenda .= '<div class="cell small-5 medium-2 agenda-list__time">';
						$agenda .= '<p>'. $item->time() .'</p>';
					$agenda .= '</div>';
				
					$agenda .= '<div class="cell small-12 medium-4 agenda-list__description">';
						$agenda .= '<p>'. $item->description() .'</p>';
					$agenda .= '</div>';
	
				$agenda .= '</div>';
			}
			
			
			
			/*
			$agenda .= '<div class="cell small-12 medium-4 agenda-item agenda-item__overview">';
				$agenda .= $item->logo("overview");
				$agenda .= '<h4>'. $item->title() .'</h4>';
				$agenda .= '<p class="date-time">'. $item->date("%A %e %B %Y") .', '. $item->time() .'</p>';	
				$agenda .= '<p>'. $item->intro() .' <a href="agenda/#'. $link .'" class=""  data-open="'. $link .'">Meer informatie</a></p>';//  data-open="exampleModal1"
			$agenda .= '</div>';
			
			// reveal
			$agenda .= '<div class="reveal reveal__kjs" id="'. $link .'" data-reveal data-deep-link="true">';
				$agenda .= $item->logo("reveal__kjs--logo");
				$agenda .= '<h2>'.  $item->title() .'</h2>';
				$agenda .= $item->description();
			  
				$agenda .= '<button class="close-button" data-close aria-label="Close modal" type="button">';
				$agenda .= '<span aria-hidden="true">&times;</span>';
				$agenda .= '</button>';
			$agenda .= '</div>';*/
		
		}
		$agenda .= '</div>';
		$agenda .= '</div>';
	$agenda .= '</div><br><br>';
	
	echo $data["config"]->wrapAsSection($agenda,"","agenda-school agenda-school__show-all");
	
	
	
	
	/*
	 * Footer
	 */
	$hide_gm_api = true;
	require_once 'inc/footer.php';
	
?>