<?php
		

	/*
	 * Page Header
	 */
	require_once 'inc/header.php';
	

	// object properties
	$properties = ["merk","model","uitvoering","brandstof","transmissie","transmissie"];


	/*
	 * Masthead
	 */
	$html = '<div class="grid-container">';
		$html .= '<div class="grid-x grid-padding-x align-bottom">';
	
			$html .= '<div class="small-12 medium-12 large-6 cell object-image small-order-2 large-order-1">';
				$html .= $page[0]->getProperty('afbeelding','image');
			$html .= '</div>';
			
			$html .= '<div class="small-12 medium-12 large-6 cell object-text small-order-1 large-order-2">';
			
				$html .= '<h1>' .$page[0]->getProperty('naam'). ' vanaf €'. $page[0]->getProperty("financial_lease_vanaf") .',-</h1>';
					
					if( $page[0]->getProperty("operational_lease_vanaf") ) $html .= '<h3>Operational lease vanaf €'. $page[0]->getProperty("operational_lease_vanaf") .',-<sup>*<sup></h3>';
					else $html .= '<h3>Operational lease op aanvraag<sup>*<sup></h3>';
					
				$html .= '<p>* Prijs op basis van 15.000 km per jaar en looptijd van 60 maanden</p>';
				//$html .= '<p><a href="#offerte-aanvragen" class="button primary" data-smooth-scroll data-toggle="page-form">Vraag vrijblijvende offerte aan</a> <a href="offerte-aanvragen" class="">Ik zoek een ander voertuig</a> </p>';
				
				$html .= '<p><button class="button primary" liez-calculator data-amount="'. $page[0]->getProperty("prijs") .'" data-leasebrand="'. $page[0]->getProperty("merk") .'" data-leasemodel="'. $page[0]->getProperty("model") .'" data-color="#ec6600">Vraag vrijblijvende offerte aan</button> <a href="offerte-aanvragen" class="">Ik zoek een ander voertuig</a> </p>';
				

			$html .= '</div>';			
				
		$html .= '</div>';
	$html .= '</div>';		
			
	echo $data["config"]->wrapAsSection($html,null,"masthead","",'data-calculate-blur="0" data-form-id="#page-cta-form"');
			
	
	
	/*
	 * Drag & drop contents 
	 */
	echo $data["page"][0]->content;

		
	
	/*
	 * CTA
	 */
	$html = '<div class="grid-container contact-row">';
		$html .= '<div class="grid-x grid-padding-x">';
	
			$html .= '<div class="small-12 cell">';
				$html .= '<h3>' .$page[0]->getProperty('naam').' Leasen? <span><a href="tel:+31182751855" class="call"><i class="fas fa-phone-alt"></i> 0182 751 855</a><a href="https://wa.me/0611525051?text=liez.nu aanvraag"><i class="fab fa-whatsapp"></i> 06 1152 5051</a></span></h3>';
			$html .= '</div>';			
				
		$html .= '</div>';
	$html .= '</div>';	
	
	
	/*
	 * Table
	 */
	$html .= '<div class="grid-container technical-details">';
		$html .= '<div class="grid-x grid-padding-x align-center">';
	
			$html .= '<div class="small-12 cell text-center medium-text-left">';
				$html .= '<h3 class="text-center">Technische details '. $page[0]->getProperty('naam') .'</h3>';

				$html .= '<table class="unstriped stack">';
					$html .= '<tbody>';
	
					$html .= '<tr>';
							$html .= '<td><strong>Merk</strong></td>';
					     	 $html .= '<td>'. $page[0]->getProperty("merk") .'</td>';
					    
							$html .= '<td><strong>Model</strong></td>';
					     	 $html .= '<td>'. $page[0]->getProperty("model") .'</td>';
					    $html .= '</tr>';
						
					    $html .= '<tr>';
							$html .= '<td><strong>Uitvoering</strong></td>';
					     	 $html .= '<td>'. $page[0]->getProperty("uitvoering") .'</td>';
					    
							$html .= '<td><strong>Brandstof</strong></td>';
					     	 $html .= '<td>'. $page[0]->getProperty("brandstof") .'</td>';
					    $html .= '</tr>';
						
					    $html .= '<tr>';
							$html .= '<td><strong>Transmissie</strong></td>';
					     	 $html .= '<td>'. $page[0]->getProperty("transmissie") .'</td>';
					    
							$html .= '<td><strong>Prijs</strong></td>';
					     	 $html .= '<td>Vanaf '. $page[0]->getProperty("prijs","euro") .'</td>';
					    $html .= '</tr>';

						$html .= '</tbody>';
				$html .= '</table>';

							  
			$html .= '</div>';			
				
		$html .= '</div>';
	$html .= '</div>';	
	
	
	/*
	 * CTA 2
	 */
	$html .= '<div class="grid-container text-center">';
		$html .= '<div class="grid-x grid-padding-x">';
	
			$html .= '<div class="small-12 cell">';
				$html .= '<p><button class="button primary" liez-calculator data-amount="'. $page[0]->getProperty("prijs") .'" data-leasebrand="'. $page[0]->getProperty("merk") .'" data-leasemodel="'. $page[0]->getProperty("model") .'" data-color="#ec6600">Interesse? Vraag direct offerte aan </button><br><br></p>';//<a href="#offerte-aanvragen" data-smooth-scroll  class="button large primary" data-toggle="page-form">Interesse? Vraag direct offerte aan </a>
			$html .= '</div>';			
				
		$html .= '</div>';
	$html .= '</div>';	
	
	
	echo $data["config"]->wrapAsSection($html,null,"cta-offerte-aanvragen","",'data-calculate-blur="0" data-form-id="#page-cta-form"');
	
	
	/*
	 * Check if entry has a form
 	 */	
	if($cassetteForm = $data["page"][0]->getForm() )
	{	
		
		$page_has_form = true;

		/*
		 * custom form elements, zie config
		 *  investering
		 *  investeringsbedrag
		 *  inruilaanbetaling
		 *  slottermijn
		 *  looptijd
		 */		
	//	die($page[0]->getProperty("prijs"));
		
		$custom_form_elements = $data["config"]->getSetting("custom_form_elements");	
		$custom_form_elements[3]["value"] = $page[0]->getProperty("prijs");
		$custom_form_elements[4]["value"] = round(0.24 * $page[0]->getProperty("prijs")); // inruil
		$custom_form_elements[5]["value"] = round(0.285 * $page[0]->getProperty("prijs")); // slottermijn
				
		if( $data["config"]->hasValidResponse($_GET["h"],$_GET["id"]) )
		{
			echo $data["config"]->wrapAsSection('<div class="grid-container"><div class="grid-x"><div class="cell small-12 text-center">'. $cassetteForm->getResponseMessage() .'</div></div></div>');
		}
		
		$form = '<div id="page-form" class="panel-gray grid-default" style="display:none;" data-toggler data-animate="hinge-in-from-top slide-out-up"><div class="panel-gray-outer">';		
		$form .= '<div class="grid-container">';
			$form .= '<div class="grid-x">';
		
				
				// form intro
				$form .= '<div class="small-10 small-offset-1 cell text-center">';
					$form .= '<h2>'. $cassetteForm->getFormName() .'</h2>';
				$form .= '</div>';
		
				// form data
				$form .= '<div class="large-12 cell liez-calculator" id="page-cta-form" data-form-id="#page-cta-form">';
					$form .= $cassetteForm->getForm($custom_form_elements,"small-12 medium-6");
				$form .= '</div>';
		
			
			$form .= '</div>';
		$form .= '</div>';
		$form .= '</div></div>';
		
		echo $data["config"]->wrapAsSection($form,"offerte-aanvragen");
		
	}

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