<?php
	

	/*
 	 * Header
	 */
	require_once __DIR__ . '/inc/header.inc.php';
	
	
	//echo $uploader->html();
	
	
	echo '<div class="grid-container">';
		echo '<div class="grid-x grid-margin-x">';
		
		
			echo '<div class="cell small-12 uploader" data-upload data-options="name:'.$uploader->productName().';width:'. $uploader->width() .';height:'. $uploader->height() .';pages:'. $uploader->pageCount() .'">';
					
					
					// header 
					echo '<div class="grid-x grid-padding-x information">';
						
						echo '<div class="cell small-6">';
							echo '<h3>'. $uploader->productName() .'</h3>';
							echo '<h4>'. $uploader->productSize() .'</h4>';
						echo '</div>';
						
						echo '<div class="cell small-6 text-right">';
							echo '<button class="button secondary" data-complete><i class="fal fa-check"></i> Bevestigen</button>';
						echo '</div>';
					
					echo '</div>';
					
					
					// body
					echo '<div class="grid-x grid-padding-x select-files">';
						
						// select file
						echo '<div class="cell small-12 medium-3">';
							echo '<div class="grid-x grid-padding-x">';
								
								echo '<div class="cell small-11">';
									echo '<label for="fileUpload" class="button primary expanded"><i class="fal fa-cloud-upload"></i> Kies bestand</label>';
									echo '<input type="file" id="fileUpload" name="files[]" accept=".pdf,.png,.jpg,.jpeg" class="fileupload show-for-sr">';		
								echo '</div>';	
								
							echo '</div>';	
						echo '</div>';	
												
						// upload details
						echo '<div class="cell small-12 medium-9">';
							echo '<div class="grid-x grid-padding-x">';	
								
								echo '<div class="cell small-10 filename" data-uploadname>NEC_NS_FlyerA7_04032020.pdf</div>'; //Geen bestand geselecteerd
								echo '<div class="cell small-2 gray text-right"><i class="fal fa-times"></i></div>';
								echo '<div class="cell small-12">';
									echo '<div id="progress" class="progress">';
										echo '<div class="progress-meter progress-bar progress-bar-success" style="width:0"></div>';
									echo '</div>';
								echo '</div>';
								echo '<div class="cell small-6 gray" data-uploadsize>6mb</div>'; //Geen bestand geselecteerd
								echo '<div class="cell small-6 gray text-right" data-progress>0%</div>';
								
							echo '</div>';
						echo '</div>';	
											
					echo '</div>';
					
					//echo '<i class="fal fa-expand-arrows"></i>';
					
					// pages
					echo '<div class="grid-x grid-padding-x upload-pages">';
					
						echo '<div class="cell small-12 medium-3 left">';
							echo '<h5>Pagina\'s</h5>';
							
							echo '<div class="grid-x grid-padding-x page-selector">';
								
								for($i=1; $i < 3; $i++)
								{	
									
										
										
									echo '<div class="cell small-3 medium-6 preview-page" 
											id="p'. $i .'"
											data-drag-pages 
											data-page-id="'. $i .'"
											data-upload-width="215.9"
											data-upload-height="279.4"
											data-product-width="'. $uploader->width() .'"
											data-product-height="'. $uploader->height() .'"
											data-scale-x="'. round(215.9/$uploader->width(),4) .'"
											data-scale-y="'. round(279.4/$uploader->height(),4) .'"
											data-resolution="150.03337840062278">
											<a><img src="/upload/5ef9bf3e0b126_'. $i .'.jpg"></a>
										  </div>';
							//	<div class="cell small-3 medium-6 preview-page ui-draggable ui-draggable-handle" data-drag-pages="" style="" id="p1" data-page-id="p1" data-upload-width="215.9" data-upload-height="279.4" data-product-width="210" data-product-height="297" data-resolution="150.03337840062278"><a><img src="/upload/5ef9c09be1d73_1.jpg"></a></div>
									
												
								}
								
					
						
							echo '</div>';
							
						echo '</div>';
						
						echo '<div class="cell small-12 medium-9 right">';
							
									
								echo $uploader->getPages();
								
								//echo '<div class="test"><img src="/upload/5ef0be7da788d_1.jpg"></div>';
								
																		
						echo '</div>';
						
					echo '</div>';
					
		
			echo '</div>';
	
		echo '</div>';
	echo '</div>';
	
		
	
	
	/*
 	 * Footer
	 */
	require_once __DIR__ . '/inc/footer.inc.php';
	
	
?>