<?php
	
	$page_masthead 	= $page->getProperty("image");
		
	/*
	 * Header
	 */	
	echo $this->fetch('partials/header.inc.php', [
		"meta_title" => $page->metaTitle(),
		"meta_description" => $page->metaDescription(),
		"base_url" => $page->baseUrl(),
		"main_navigation" => $navigation->getHeader("header__white"),
		"dropdown_navigation" => $navigation->getDropdown(),
		"canonical" => $page->canonical(),
	]);
	

	echo '<div class="page-section page-section__news-details">';
		echo '<div class="grid-container">';
			echo '<div class="grid-x grid-padding-x">';
		  		
				// sidebar
				echo '<div class="cell small-12 medium-3 sidebar-navigation small-order-2 medium-order-1">';
					echo '<h3>'. $category->name() .'</h3>';
					echo $category->pagesList();
					echo '<p><a href="'. $category->link() .'" class="button primary small expanded">'.  $category->name().' Archive</a></p>';
				echo '</div>';
				
				// content
				echo '<div class="cell small-12 medium-9 news-article-contents small-order-1 medium-order-2" style="padding-left: 1rem;">';
					echo $page->getProperty("title","h1");					
					if( !$page->propertyEmpty("image") ) echo $page->getProperty("image","lazy-load-image");
					echo $page->getProperty("subtitle","h2");					
					echo $page->getProperty("text");
					
					// share page
					echo '<h4>Share this page</h4>';
					echo '<div id="share-article"></div>';
					
				echo '</div>';
			
			
			echo '</div>';
		echo '</div>';
	echo '</div>';		


	/*
	 * Footer
	 */
	echo $this->fetch('partials/footer.inc.php',[
		"base_url" => $page->baseUrl(),
		"breadcrumbs" => $breadcrumbs,
		"localization" => $localization,
		"cookies" => $cookies,
	]);