<?php
	
	$product_slider = "";
	
	/*
	 * Header
	 */	
	echo $this->fetch('partials/header.inc.php', [
		"meta_title" => $page->metaTitle(),
		"meta_description" => $page->metaDescription(),
		"base_url" => $page->baseUrl(),
		"main_navigation" => $navigation->getHeader("vertical menu"),
	]);
	
	
	/*
	 * Product images
	 */
	if( $images = $page->getProperty("impressie") )
	{		
		$product_slider .= '<div class="image-slider">';		
		foreach((array) $images as $img)
		{
			$product_slider .= '<div class=""><img src="'. $img .'" /></div>';
		}
		$product_slider .= '</div>';
	} 
	
		
		
		
					  	
	/*
	 * Gray background
	 */
	echo '<div class="page-section page-section__background-gray">';
	
	
		// Content
		foreach($page->getProperty("contents") as $row)
		{
			echo preg_replace('/{image_slider}/',$product_slider,$row->html("page-section"));
		}
	
	
		echo '<div class="page-section">
				<div class="row row__material-price"> 
					<div class="grid-container">	
						
						<div class="grid-x grid-padding-x align-middle">
						 	<div class="small-12 medium-6 cell">';
								
					
								if(!empty($page->getProperty("blad_kleur")))
								{	
									if( $page->uniqueId() == 25) echo '<h4>kleur frame</h4>';
									else echo '<h4>kleur blad</h4>';
									
									echo '<p>';
									foreach($page->getProperty("blad_kleur") as $color)
									{
										echo '<img alt="" src="/images/blad/'. $color .'" style="width: 72px; height: 72px;">';
									}
									echo '</p>';	
								}
							
								if(!empty($page->getProperty("frame_kleur")))
								{
									
									if( $page->uniqueId() == 25) echo '<h4>kleur panelen</h4>';
									else echo '<h4>kleur frame</h4>';
									
									echo '<p>';
									foreach($page->getProperty("frame_kleur") as $color)
									{
										echo '<img alt="" src="/images/frame/'. $color .'" style="width: 72px; height: 72px;">';
									}
									echo '</p>';	
								}
															
								
						
						echo '</div>
						 	<div class="small-12 medium-offset-1 medium-5 cell">
						 	<h3>prijs<br><strong>'. $page->getProperty("prijs") .'</strong></h3>
							<p><a class="button primary" href="/contact/offerte-aanvragen">vraag offerte aan</a></p>
						 </div>
						 </div>
						 
					</div>
				</div>
			</div>';
		
	echo '</div>';	
	
	
	
	/*
	 * Footer
	 */
	echo $this->fetch('partials/footer.inc.php',[
		"base_url" => $page->baseUrl()
	]);