<?php
		

	/*
	 * Get Header
	 */
	require_once 'inc/header.php';
	
	
	/*
	 * Page introduction
	 */
	echo '<div id="smart-transformation">';
	
		echo '<div class="foreground">';
		
			echo '<div class="grid-x align-middle view-pillar">';
	 			echo '<div class="cell small-12 text-center">';
					
	
					// page intro		
					echo '<div class="grid-container">';
						echo '<div class="case-foreground grid-x grid-padding-x align-center">';
							
							echo '<div class="small-12 cell">';
								
								echo $data["page"][0]->getProperty("titel","h1");
								$intro = $data["page"][0]->getProperty("introduction");//,"p",'class="lead"');
								echo '<p class="lead">'. strip_tags($intro) .'</p>';
								
								echo '<div class="button-group align-center">';
									echo '<a href="#" class="button"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> '. $data["page"][0]->getProperty("button_label") .'</a>';
								echo '</div>';
								
							echo '</div>';
								
						echo '</div>';
					echo '</div>';		
											
					
	 			echo '</div>';
			echo '</div>';
				  
		echo '</div>';

		/*
		 * Background poster image
		 */
		echo '<div class="background with-mask" >';
			echo $data["page"][0]->getProperty("image","img");
		echo '</div>';

	echo '</div>';


	/*
	 * Wrapper for ajax loaded content
	 */
	echo '<div id="solution-view">';

		
		// Resources
		$resources = '<div class="gray-callout">';
			$resources .= '<div class="grid-container">';
				$resources .= '<div class="grid-x grid-padding-x align-center" data-equalizer>';
		
				$resources .= '<div class="cell large-12 text-center"><h2>Resources</h2></div>';
								
				foreach($data["page"][0]->getProperty("resource_links") as $file)
				{
					$icon_class = "";
					if(preg_match("/link/i",$file[1])) $icon_class = "link";
					//elseif(preg_match("/sales/i",$file[1])) $icon_class = "link";
					
					$resources .= '<div class="cell large-3">';
						$resources .= '<a href="'. $file[0] .'" target="_blank" class="'. $icon_class .'" data-equalizer-watch> '. $file[1] .'</a>';
					$resources .= '</div>';				
				}
		
				$resources .= '</div>';
			$resources .= '</div>';
		$resources .= '</div>';		
	
	
		//  drag & drop contents
		echo preg_replace("/{resources}/",$resources,$data["page"][0]->getProperty("contents"));
		
		
		// Return to pillars 
		$loopbacks = $data["cassette"]->getPage("loopback");
		
		echo '<div class="grid-container loopback-cards" data-equalizer>';
			echo '<div class="grid-x grid-padding-x align-center">';
		
			echo '<div class="cell small-12 text-center">';
				echo '<h2>Smart Hospitality Transformation</h2>';
			echo '</div>';
		
			
			foreach($loopbacks as $item)
			{
				if( $item->getProperty("page_id") == $data["page"][0]->getProperty("uid")) continue;
				
								
				echo '<div class="small-12 medium-3 cell">';
					echo '<div class="card" data-equalizer-watch>';
			
						echo '<div class="card-image">'. $item->getProperty("image","img") .'</div>';

						echo '<div class="card-section">';
							echo '<h4><a href="'. $item->getProperty("loopback_link") .'">'. $item->getProperty("title") .'</a></h4>';
							echo $item->getProperty("text");
							echo '<p><a href="" class="more"><i class="fa fa-arrow-circle-right"></i> Explore Further</a></p>';
						echo '</div>';
			
					echo '</div>';
				echo '</div>';
							
			}
		
			echo '</div>';
		echo '</div>';
		
	
	echo '</div>';
	
	
	/*
	 * Loopback
	 */
	$loop_home = '<div class="grid-x grid-padding-x align-center">';

		$loop_home .= '<div class="cell small-12 large-8 text-center">';
			$loop_home .= '<h2>How is NEC helping organizations create environments primed for competitive efficiencies?</h2>';
			$loop_home .= '<p><a href="https://www.necam.com/SmartHospitality/" target="_blank" class="button"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Discover How</a></p>';
		$loop_home .= '</div>';
	
	$loop_home .= '</div>';

	echo $data["config"]->wrapAsSection($loop_home,null,"loopback-home");
		
	/*
	 * Get Footer
	 */
	require_once 'inc/footer.php';
	
?>