<?php
		
	/*
	 * Get Header
	 */
	$header_top_color = $data["page"][0]->contents == "" || preg_match("/image-showcase/",$data["page"][0]->contents) ? "subpage" : "";
	require_once 'inc/header.php';
	
	
	/*
	 * Masthead
	*/
	$masthead_img = $page[0]->getProperty("image");
	
	if(!empty($masthead_img[0]))
	{
		echo '<div class="image-showcase text-only" data-height="40%">
			<div class="showcase-case">
		
				<div class="grid-container case-foreground" edittype="textarea">
					<div class="grid-x">
		
						<div class="small-12 cell">
							<div class="column-wrapper">	
								<h1>'. $data["page"][0]->getProperty("title") .'</h1>
								<p>'. $data["page"][0]->getProperty("lead") .'</p>
							</div>
						</div>
				
					</div>	
				</div>

				<div class="column-wrapper case-background" edittype="showcase-image">'. $page[0]->getProperty("image","img") .'</div>
		
				</div>
			</div>';
	} 
	
	
	
	$html = '<div class="grid-x grid-padding-x">';
	
	
		/*
		 * Page content 
		 */
		$html .= '<div class="small-12 large-8 text-center medium-text-left cell large-line-right enlarge-images">';
			$html .= $data["page"][0]->getProperty("contents");			
		$html .= '</div>';		
					
		
		/*
		 * Sidebar
		 */
		$html .= '<div class="small-12 large-3  text-center medium-text-left large-offset-1 cell">';
			$html .= '<div class="sidebar">';
									
				
				// contact athor
				/*$html .= '<h4>Contact Us</h4>';
				$html .= '<ul class="no-bullet contact-author">';
					$html .= '<li><a href="mailto:sales@geomil.com"><i class="fa fa-envelope" aria-hidden="true"></i> sales@geomil.com</a></li>';
					$html .= '<li><a href="tel:+31172427800"><i class="fa fa-phone" aria-hidden="true"></i> +31 172 427 800</a></li>';						
				$html .= '</ul>';
				*/
				
				$html .= '<h3>Questions about the<br />'. $data["page"][0]->getProperty("title") .'?</h3>';			
				$html .= '<p>Feel free to contact us to discuss the possibilities in detail or to request a customized quotation.</p>';
				//if($data["page"][0]->getProperty("files","file")) $html .= '<a href="'. $data["page"][0]->getProperty("files","file") .'" class="button expanded secondary">Detailed product information</a>'; //<a href="contact" class="button secondary">Get in Touch</a>
				
				// set var 
				$reveal_images = '';
				
				$html .= '<ul class="no-bullet download-list">';
				foreach($data["page"][0]->getProperty("product_information") as $resource)
				{
					if($resource->getProperty("resource_type") == 2){
						
						$reveal_images .= '<div class="reveal" id="reveal-'. $resource->getProperty("uid") .'" data-reveal data-animation-in="fade-in" data-animation-out="fade-out">'; //
							
							
								$reveal_images .= '<h2>'. $resource->getProperty("name_website") .'</h2>';
								// reveal below
								
							$reveal_images .= '<button class="close-button close-reveal-modal" data-close aria-label="Close reveal" type="button"><span aria-hidden="true">&times;</span></button>';
					
					
						$reveal_images .= '</div>';
						
						
						
						
						$html .= '<li>';	
							$html .= '<a data-open="reveal-'. $resource->getProperty("uid")  .'" class="button expanded secondary">'. $resource->getProperty("name_website") .'</a>'; //<a href="contact" class="button secondary">Get in Touch</a>
						$html .= '</li>';
					}
					else
					{
						//d($resource);
						$html .= '<li>';	
							$html .= '<a href="'. $resource->getProperty("files","file") .'" class="button expanded secondary">'. $resource->getProperty("name_website") .'</a>'; //<a href="contact" class="button secondary">Get in Touch</a>
						$html .= '</li>';					
					}
					
				}
				$html .= '</ul>';
				//d(  );
				
				// Download leaflet
				//$html .= '<h4>Downloads</h4>';
				//$html .= '<p></p>';//$data["page"][0]->getFilesAsList($data["page"][0]->getProperty("files"));
			
				// share page
				//$html .= '<h4>Share this page</h4>';
				//$html .= '<div id="share-article"></div>';
				
				
			//	$html .= '<blockquote>';
			//	$html .= 'Pushing CPT technology forward';
			//	$html .= '</blockquote>';	
			
				
			$html .= '</div>';	
		$html .= '</div>';	
				
				
	$html .= '</div>';
	$html .= '<br />';			
	
	/*
	 * Output html to page
	 */
	echo $data["config"]->wrapAsSection($html,"","grid-container");
	
	
	/*
	 * Show form 
	 */
	require_once 'inc/form.php';
		
	
	/*
	 * Related products
	 */
	$tags = $data["page"][0]->getProperty("tags");
	if($tags["related"])
	{
		
		$related = '<div class="grid-container">';
		
			$related .= '<div class="cell small-12"><h2>Related Products</h2></div>';
			$related .= '<div class="grid-x grid-padding-x small-up-2 medium-up-4 align-center" data-equalizer>';
			
				foreach($tags["related"] as $i => $entry)
				{				
					if($i >= 4) continue;
					$related .= '<div class="cell">';
						$related .= '<div class="card" data-equalizer-watch>';
							
							$related .= '<div class="card-image"><div class="inner">'. $entry->getProperty("image","img") .'</div></div>';
							$related .= '<div class="card-section">';
								$related .= '<h4><a href="'. $entry->getProperty("entry_link") .'">'. $entry->getProperty("entry_link_label") .'</a></h4>';
								$related .= '<p class="show-for-medium">'. $entry->getIntroduction("contents",140,false) .'<a href="'. $entry->getProperty("entry_link") .'" class="overlay-link">Lees verder</a></p>';
								//$related .= '<p></p>';
							$related .= '</div>';
							
						$related .= '</div>';
					$related .= '</div>';
				}
			
			$related .= '</div>';
			
		$related .= '</div>';
	
		echo $data["config"]->wrapAsSection($related,"","panel-related");
		
	}
	
	
	/*
	 * Images products
	 */
	echo $reveal_images;
				
	

	
	/*
	 * Get Footer
	 */
	require_once 'inc/footer.php';
	
?>