<?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;
	
	
	/*
	 * Magic widget
	 */
	$widget = '<div class="grid-container" id="contact-general" style="margin-bottom:3rem">';
		$widget .= '<div class="grid-x grid-padding-x">';
		$widget .= '<div class="small-12 medium-12 cell">';
			
		// left column
			$widget .= '<form method="post" action="https://restau.nl/Figi/inloggen">
					    <input type="hidden" name="submit" value="register">
					    <select required="required" name="projecttypeId" onchange="projectTypeChanged(this);">
					        <option value="">Kies een bijeenkomst</option>
					        <option value="4">Verjaardag &amp; Feest</option>
					        <option value="6">Bedrijfsfeest</option>
					        <option value="8">Condoleance</option>
					        <option value="9">Overig</option>
					    </select>
					    <input type="text" name="name" required="required" placeholder="Naam">
					    <input type="email" name="email" required="required" placeholder="E-mail adres">
					    <input type="text" name="phone" required="required" maxlength="15" minlength="10" onkeyup="this.value=this.value.replace(/[^\d\.]/g, \'\');" pattern="\d{10}" title="Vul een geldig telefoonnummer in" placeholder="Telefoonnr.">
					    <input style="display:none" type="text" name="event_name" id="event_name" placeholder="Wat voor een evenement is het?">
					    <input type="submit" value="Start offerte" class="button primary">
					</form>
					<script>
					    function projectTypeChanged(ele){
					        document.getElementById(\'event_name\').style.display = \'none\';
					        document.getElementById(\'event_name\').removeAttribute(\'required\');
					        switch (ele.value) {
								case "9":
					                document.getElementById(\'event_name\').style.display = \'block\';
					                document.getElementById(\'event_name\').setAttribute(\'required\', \'required\');
					             break;
					        }
					    }
					</script>';
			
		
			$widget .= '</div>';
			
			
			$widget .= '<div class="cell small-12 medium-6 hide">';
			
			$widget .= '<form action="https://restau.nl/Figi/inloggen" id="myForm" method="post">
		
				   	 <div class="grid-x grid-padding-x">
					      <div class="small-12 cell hide">
					        <label for="right-label" class="text-left">Emailadres</label>
					      </div>
					      <div class="small-12 cell">
					        <input required="required" placeholder="Emailadres" type="text" name="username" value="">
					      </div>
					    </div>
		
					    <div class="grid-x grid-padding-x">
					      <div class="small-12 cell hide">
					        <label for="right-label" class="text-left">Wachtwoord</label>
					      </div>
					      <div class="small-12 cell">
					        <input required="required"  placeholder="Wachtwoord" type="password" name="password" value="">
					      </div>
					    </div>
		
					    <div class="grid-x grid-padding-x">
					      <div class="small-12 cell">
					   	 	<input type="submit" name="submit" id="loginx" value="login" class="button primary">
					        <a href="http://magicmanager.nl/Figi/inloggen" style="padding-left:1.5rem">Wachtwoord vergeten?</a>
					      </div>
					    </div>
		
					</form>';
				
			$widget .= '</div>';
			
		$widget .= '</div>';
	$widget .= '</div>'; 
		   
	echo $data["config"]->wrapAsSection($widget);
	
	
	/*
	 * Loopback
	 */
	if( isset($data["page"]) && ($loopback = $data["page"][0]->getProperty("loopback")) )
	{
		$loopbackForm = $loopback[0]->getForm();
			
		$loopback_html = '<div class="slick-center">';		
			foreach($loopback[0]->getProperty("images") as $img)
			{
				$loopback_html .= '<div class="image"><div class="inner"><img src="'. $img .'" /></div></div>';
			}
		$loopback_html .= '</div>';
		
		$loopback_html .= '<div class="grid-container">';
			$loopback_html .= '<div class="grid-x grid-padding-x">';
								
				$loopback_html .= '<div class="small-12 cell text-center">';
				$loopback_html .= $loopback[0]->getProperty("text");
				if($loopback[0]->getProperty("iens_widget","links") == 1) $loopback_html .= '<p><button class="button iens-widget">'. $loopback[0]->getProperty("label_button") .'</button></p>';
				elseif($loopbackForm) $loopback_html .= '<button class="button primary" data-toggle="contact-general" href="#">'. $loopback[0]->getProperty("label_button") .'</button>';				
				
				$loopback_html .= '</div>';
			
			$loopback_html .= '</div>';
		$loopback_html .= '</div>';
		
		echo $data["config"]->wrapAsSection($loopback_html,"","loopback");
		
		
		//d($loopback_html);
		
	} 
	
	
	/*
	 * Check if entry has a form
	 */	
	$cassetteForm = $data["page"][0]->getForm();
	
	if( $cassetteForm || isset($loopbackForm))
	{	
		if( isset($loopbackForm) ) $cassetteForm = $loopbackForm;
		
		$has_valid_response = isset($_GET["h"]) && isset($_GET["id"]) ? $data["config"]->hasValidResponse($_GET["h"],$_GET["id"]) : false;
		
		
			
		$hide_form = preg_match("/data-toggle/",$cassetteForm->getFormIntro()) ? true : false;

		if($data["page"][0]->getProperty("toon_formulier","links") == 1) $form = '<div class="grid-container" id="contact-general">';
		elseif($has_valid_response === false) $form = '<div class="grid-container" id="contact-general" data-toggler style="display:none;" data-animate="hinge-in-from-top slide-out-up">';
		else $form = '<div class="grid-container" id="contact-general">';
		
			$form .= '<div class="grid-x grid-padding-x">';
		
				$form .= '<div class="small-12 cell text-center">';
									
					if($has_valid_response === true) $form .= '<div class="text-center form-response"><br />' . $cassetteForm->getResponseMessage() .'<hr /></div>';
					
					$form .= '<h2 class="text-center">'. $cassetteForm->getFormName() .'</h2>';
					
					$form .= '</div>';
				
				
				
				$form .= '<div class="large-12 cell" id="contact-general">';
				
					$form .= $cassetteForm->getFormHtml("","medium-6 small-12");
					
				$form .= '</div>';
				
			
			$form .= '</div>';
		$form .= '</div>';
	

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