<?php
	
	include_once __DIR__."/../inc/header.php";

?>

<div class="grid-y grid-frame">
	
	<div class="cell shrink header">
		<?php
			
			include_once __DIR__."/../inc/navigation_top.php";
			//die();
		?>
	</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%;">
					
					<!-- sidebar -->
					<div class="cell shrink">
						<div class="sidebar">
							
							<?php
							
								echo $settings->sidebarMenu();
														
							?>
						
						</div>
					</div>
					
					
					<!-- content -->
					<div class="cell auto">
							
						<div class="grid-container">
							<div class="grid-x grid-padding-x grid-margin-x">
								<div class="cell small-12 content">
									<div class="content-block">
										<?php
											
											//d( $settings->getValues() );
											
											
											/*
											 * Category name & add page
											 */
											echo '<h1>';
												// Project name 
												echo $settings->getName();
												
												// only show toggle icon if project language == selected language
												if( $settings->getForm() ) echo $settings->getAddPageIcon();
												
											echo '</h1>';
											
																						
											/*
											 * Page form
											 */
											echo '<div class="toggle-outer">';
												echo '<div id="panel" data-toggler data-animate="slide-in-down slide-out-up" style="display:none;">';
													
													if( $settings->getForm() ) echo $settings->getForm()->html();
													
												echo '</div>';
											echo '</div>';											
											
											
											/*
											 * Table with pages
											 */
											echo '<div class="table">';
																								  
												// body
												foreach($settings->getValues() as $i => $item)
												{	
													if($i == 0) echo $item->getTableHeader();
													
													echo $item->getTableRow();
													
												}
														
											
											/*
											 * Close table
											 */
											echo '</div>';	 //data-setting-viewer
											
											
											
										?>
									</div>									
								</div>
							</div>
						</div>
						
						
					</div>
					
				</div>
				
				<!-- Start edit layer-->
				<div class="layer hide" id="data-page-layer" data-toggler=".hide">
				
					<div class="grid-y grid-frame">
						<div class="cell auto cell-block-y">
							
								
								<div class="grid-container full">
									<div class="grid-x align-right">
										<div class="cell small-12 medium-10 large-8">
											
											<div class="layer__background"> 
												<a class="layer__close-layer" data-toggle="data-page-layer"><i class="fal fa-times"></i></a>
												<?php 

													/* 
													 * Page edit form
													*/
													
													// Make field translate
												
													//$form->modifyField(2,["translate_element" => true]);
													//$form->modifyField(3,["value" => 0]);
													//$form->modifyField(7,["deletable" => true]);
													
													//$form->modifyField(5, ["value" => "PATCH"]);
													
													// modify button
													if( $settings->getForm() )
													{
														$settings->getForm()->modifyField( $settings->getForm()->keyOfLastItem() ,["name" => "Save"]);
														echo $settings->getForm()->html();	
													}
												
												?>
											
											</div>
										</div>
									</div>
								</div>
								
							
						</div>
					</div>
					
				</div>
				<!-- End edit layer-->
				
			
			
			</div>			
		</div>
		
		
		
	</div>

</div>

<?php
	
	
	//d($form);
														
														
														
	include_once __DIR__."/../inc/footer.php";

?>