<?php

	echo $this->fetch('partials/header.inc.php', [
		"meta_title" => $page->metaTitle(),
		"meta_description" => $page->metaDescription(),
	//	"navigation" => $navigation
	]);

?>

<div class="grid-y grid-frame">
	
	<div class="cell shrink header">
		<?php
			
			echo $navigation->getHeader();
			
		?>
	</div>
	
	<div class="cell auto">
		
		
		<div class="grid-y grid-frame">
			<div class="cell auto cell-block-y">
				
				<div class="grid-x" style="height:100%;">
					
												
					
					
					<!-- content -->
					<div class="cell auto">
							
						<div class="grid-container">
							<div class="grid-x">
								<div class="cell small-12">
									<div class="page-content page-content__faq">
										

										<?php
										
											echo '<div class="grid-x grid-padding-x">';
											
												echo '<div class="cell small-12">';
													echo '<h1>Frequently Asked Questions</h1>';
												echo '</div>';
												
											
										
												
													echo '<div class="cell small-12 ">';
													foreach($faq as $group => $items){
														
														echo '<h3>'. ucfirst($group).'</h3>';
															
														echo '<ul class="accordion accordion__faq" data-accordion data-allow-all-closed="true">';
														foreach($items as $i => $faq){
														
														   echo '<li class="accordion-item'.($i == 0 ? " is-active2": "").'" data-accordion-item>';
														  	 echo '<a href="#" class="accordion-title">'. $faq->title() .'</a>';

														  	 echo '<div class="accordion-content" data-tab-content>';
														       echo $faq->text();
															   echo '</div>';
														   echo '</li>';
																
														}
														echo '</ul>';
													}
													
  												
													echo '</div>';	
												
												
											echo '</div>';	
											
											
										?>

									</div>
								</div>
							</div>
						</div>
					</div>
					
					
				</div>
				
				<?php

					/*echo $this->fetch('partials/figure.inc.php',[
						"title" => $page->category()->name(),
						"figure" => $page->category()->img()// <img src="/content/figures/FIG40RL - Casing tubing.jpg">
					]);*/
					
				?>
				
			
			
			</div>			
		</div>
		
		
		
	</div>

</div>

<?php

	echo $this->fetch('partials/footer.inc.php');

?>