<?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';
	
	
	/*
	 * Order product 
	 */
	$html = '<div class="grid-container">';
		$html .= '<div class="grid-x grid-padding-x align-middle">';
	
			$html .= '<div class="small-12 medium-6 cell">';
				
				$html .= $page[0]->getProperty("titel","h1");
				$html .= $page[0]->getProperty("formaat","h3");
				$html .= $page[0]->getProperty("lead");
				
				// materials				
				$materialen 	= $data["config"]->getPage("materialen");
				
				// fake input											
				$html .= '<div class="fake-input-wrapper"><input type="hidden" name="article_inlays"  id="article_inlays" value="0" class="choose-option" data-msg="Je hebt nog geen kleur gekozen" />';
					
					$html .= '<div class="form-text fake-input not-selected">';
						$html .= '<div id="chosen-inlays"><i class="fa fa-caret-right" aria-hidden="true"></i>Kies je kleur tekenmap</div>';
					$html .= '</div>';
				
					$html .= '<div class="fake-input-values inlays hidden" id="values-'. uniqid() .'">';
						$html .= '<ul class="fake-input-selector">';
		
							foreach($materialen as $inl)
							{
								$html .= '<li>';
									$html .= '<a href="#" data-value="'. $inl->getProperty("naam") .'" data-return="chosen-inlays" data-input="article_inlays" data-label="'. $inl->getProperty("naam") .'" class="option">';
									$html .= $inl->getProperty("image","img") . '<span class="visible">' . $inl->getProperty("naam") .'</span>';
									$html .= '</a>';
								$html .= '</li>';
							}
		
						$html .= '</ul>';
					$html .= '</div>';
										
				$html .= '</div>';
				
				// order button
				$html .= '<button class="button primary">Tekenmap bestellen</button>';
							
			$html .= '</div>';
	
			
			// preview image
			$html .= '<div class="small-12 medium-6 cell text-center">';
				$html .= '<div class="template-image">';
					$html .= '<img src="images/map_template.png" alt="" class="template"/>';//$page[0]->getProperty("image","img");//file_get_contents()
					$html .= '<img src="https://s3.eu-central-1.amazonaws.com/z3r2zxopa4uuqpw5a4ju/tekenmappen/images/materialen/35_gevlamd-blauw.jpg" class="material">';//$page[0]->getProperty("image","img");//file_get_contents()
				$html .= '</div>';
			$html .= '</div>';
			
	
		$html .= '</div>';
	$html .= '</div>';
	
	echo $data["config"]->wrapAsSection($html,"","order-product");



	
	
	
	/*
	 * Related products
	 */
	$tags = $data["page"][0]->getProperty("tags");
	if($tags["related"])
	{
	
		$html = '<div class="grid-container">';
			$html .= '<div class="grid-x grid-padding-x align-center">';// align-middle	

			$html .= '<div class="small-12 cell text-center related-products">';
				$html .= '<h3>Anderen bekeken ook</h3>';
				$html .= '<hr />';
				
			$html .= '</div>';
			
			foreach($tags["related"] as $i => $entry)
			{	
				//if($i == 0) continue;
						
				$html .= '<div class="small-6 medium-3 cell text-center">';
			
					$html .= '<h3><a href="'. $entry->getUrl() .'">'. $entry->getProperty("titel") .'</a></h3>';
					$html .= '<h4>'. $entry->getProperty("formaat") .'</h4>';
	
					$html .= '<div class="product">';
	
						$html .= '<div class="inner">';
					
							$html .= '<a href="'. $entry->getUrl() .'">'; 
								$html .= '<strong class="price">'. $entry->getProperty("prijs") .'</strong>';
					
								$html .= '<span class="lengte">'. $entry->getProperty("lengte") .' cm</span>';	
								$html .= '<span class="hoogte">'. $entry->getProperty("hoogte") .' cm</span>';
								$html .= $entry->getProperty("image","img");
							$html .= '</a>';
					
						$html .= '</div>';
		
					$html .= '</div>';
			
				$html .= '</div>';
			}
			
					
			$html .= '</div>';
		$html .= '</div>';
		$html .= '</div>';
		
		// wrap as section
		echo $data["config"]->wrapAsSection($html,"","row-category");
	
	}
	
			
	/*
	 * Check if entry has a form
	 */	
	if( $cassetteForm = $data["page"][0]->getForm() )
	{	

		$form = '<div class="grid-container">';
			$form .= '<div class="grid-x grid-padding-x">';
		
				$form .= '<div class="small-12 cell text-center">';
				
					//$hide_form 		= preg_match("/data-toggle/",$cassetteForm->getFormIntro()) ? true : false;
					$valid_response = $data["config"]->hasValidResponse($_GET["h"],$_GET["id"]);
					
					// form not sent en hidden with button
					if($valid_response == false ) $form .= $cassetteForm->getFormIntro();
					
					elseif($valid_response == false) $form .= '<h2 class="text-center">'. $cassetteForm->getFormName() .'</h2>';
					
					else $form .= 'resp msg';
				
				$form .= '</div>';
				
				
				
				$form .= '<div class="large-12 cell" id="contact-general">';
				
					if($valid_response === false) $form .= $cassetteForm->getForm();
					
				$form .= '</div>';
				
			
			$form .= '</div>';
		$form .= '</div>';
	

		echo $data["config"]->wrapAsSection($form,null,"panel-gray");
	
	}
		
	
	/*
	 * Get Footer
	 */
	require_once 'inc/footer.php';
	
?>