<!doctype html>
<html lang="pt-BR">
	<style>
		.table thead > tr > th {
	    background: #FFF!important;
	}
	</style>
	%%Panel.HTMLHead%%
	<body class="common-home res layout-home6">
		<div id="wrapper" class="wrapper-full banners-effect-7">
			%%Panel.Header%%
			<div class="main-container">
				<div class="container">
					<h2>Lista de Produtos</h2>
					<table id="tabela1" class="table table-bordered table-striped">
						<thead>
						    <tr>
							    <th></th>
							    <th>SKU</th>
							    <th>Nome</th>
							    <th>Categoria</th>
							    <th>Descrição</th>
							    <th>Preço</th>
						    </tr>
						</thead>

					    <tbody>
					    	%%GLOBAL_Itens%%
					    </tbody>
					</table>
				</div>
				%%Panel.Footer%%	
			</div>
		</div>
		<link rel="stylesheet" href="%%GLOBAL_TPL_PATH%%/Assets/pdf/css/buttons.dataTables.min.css">  
		<link rel="stylesheet" href="%%GLOBAL_TPL_PATH%%/Assets/css/bootstrap/css/dataTables.bootstrap.css">
		<link rel="stylesheet" href="%%GLOBAL_TPL_PATH%%/Assets/css/bootstrap/css/AdminLTE.min.css"> 
		<script src="%%GLOBAL_TPL_PATH%%/Assets/js/dataTables.bootstrap.min.js"></script>
		<script src="%%GLOBAL_TPL_PATH%%/Assets/js/jquery.dataTables.min.js"></script>
		<script src="%%GLOBAL_TPL_PATH%%/Assets/pdf/js/dataTables.buttons.min.js"></script>
		<script src="%%GLOBAL_TPL_PATH%%/Assets/pdf/js/jszip.min.js"></script>
		<script src="%%GLOBAL_TPL_PATH%%/Assets/pdf/js/pdfmake.min.js"></script>
		<script src="%%GLOBAL_TPL_PATH%%/Assets/pdf/js/vfs_fonts.js"></script>
		<script src="%%GLOBAL_TPL_PATH%%/Assets/pdf/js/buttons.html5.min.js"></script>
		<script>
			$(document).ready(function() {
	    		$('#tabela1').DataTable( {
	    			paging: false,
	        		dom: 'Bfrtip',
	        		buttons: [
	            		'excel', 'pdf',
	        		]
	    		});
			});
		</script>
	</body>
</html>