<?php
		
	/*
	 * Get Header
	 */
	$header_top_color = $data["page"][0]->contents == "" || !preg_match("/.image-showcase/",$data["page"][0]->contents) ? "" : "has-showcase";
	require_once 'inc/header.php';
	

	
	/*
	 * Page contents
	 */	
	echo $data["page"][0]->contents;
	
	//echo '<div class="embed-outer"><iframe src="//www.ntk.nl/figi/film/" width="100%" id="ntk-frame" class="embed-external"></iframe></div>';////www.ntk.nl/figi/film/

	/*
	 * Search items
	 */	
	$html = '<div data-sticky-container>
				<div data-sticky data-options="marginTop:-0.75;" data-top-anchor="filter-shows:top" class="filter-shows">
					<div class="search-tickets">';
					
					$html .= '<form action="'. $router->pathFor('GAT.viewtickets') .'" method="post" class="find-shows" data-container="#show-container" data-pagination="#show-pagination">';

						$html .= '<div class="grid-container">';
							$html .= '<div class="grid-x grid-padding-x align-center">';
	
								// page search label				
								$html .= '<div class="small-12 cell text-center">';
									$html .= '<h2>Films bij Figi </h2>'; //'. $data["search_label"] .'
								$html .= '</div>';
	
								// date selector	
								$html .= '<div class="small-12 cell">'; 
									$html .= $data["date_selector"];
								$html .= '</div>';
								
								
								$html .= '<div class="small-12 medium-6 cell" style="display:none;" id="panel" data-toggler  data-animate="hinge-in-from-top hinge-out-from-top"><br /><input type="text" name="term" id="term" value="" placeholder="Zoek een film" autocomplete="off" /></div>';
								
	
							$html .= '</div>';
						$html .= '</div>';
					$html .= '</form>';
		
	$html .= '</div>
		</div>
	</div>';
	
	
	// output data as section
	echo $data["config"]->wrapAsSection($html,"filter-shows");
	
	
	/*
	 * Figi Shows
 */	
	$html = '<div class="grid-container">';
		$html .= '<div class="grid-x grid-padding-x small-up-2 medium-up-3 large-up-4" data-equalizer data-equalize-on="medium" data-equalize-by-row="true" id="show-container">';
			
			
			foreach($data["tickets"] as $show)
			{	

				$html .= '<div class="cell show">';
				
					$html .= '<div class="card">';
					$html .= '<div class="card-image"><a href="'. $show->getShowLink() .'">'. $show->getImage() .'</a></div>';
					
						$html .= '<div class="card-section">';
							
							$html .= '<h4 data-equalizer-watch><a href="'. $show->getShowLink() .'">'. $show->getArtist() .'</a></h4>';
							if($show->getEventDate()) $html .= $show->getDateIcon();//'<p><a href="'. $show->getShowLink() .'" class="button gray hollow">'. $show->getEventDate()  .'</a></p>';

							$html .= '<p>'. $show->getLead()  .'</p>';
							
						$html .= '</div>';
					$html .= '</div>';
					
				$html .= '</div>';	
				
			}	
			
			if(count($data["tickets"]) == 0)
			{
				$html .= '<div class="cell small-12 text-center" style="width:100%;">';
					$html .= '<h3>Geen voorstellingen gevonden</h3><p>Wijzig de datum of kies een andere categorie.</p>';	
				$html .= '</div>';	
			}			
		
		$html .= '</div>';
	$html .= '</div>';
		
	
	/*
	 * Show pagination if exists
	  */
	if(isset($data["pagination"]) && count($data["tickets"]) > 0) 
	{	
		
		$html .= '<div class="small-12 columns text-center" id="show-pagination">';
			$html .= $data["pagination"];
		$html .= '</div>';
	
	}	
	
	// output data as section
	echo $data["config"]->wrapAsSection($html,"shows-container","figi-shows");
	
	
	/*
	 * Get Footer
	 */
	require_once 'inc/footer.php';
	
?>