<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="~{printhub/layout}">

<th:block layout:fragment="pagetitle">
	<!--page title-->
	<div th:replace="~{printhub/partials/title-meta :: title-meta(${title})}"></div>
</th:block>


<th:block layout:fragment="pagecss">
	<!-- DataTable CSS en el lugar correcto -->
	<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css" />
	<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap.min.css" />
	<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.2/css/buttons.dataTables.min.css">
</th:block>


<head>

</head>

<body>
	<div layout:fragment="content">
		<!-- start page title -->
		<div th:replace="~{printhub/partials/page-title :: page-title(${title},${currentPage})}"></div>

		<!-- Striped Rows -->
		<table id="listOfPrinters" class="table table-striped">
			<thead>
				<tr>
					<th scope="col" data-key="t-printers-id">Id</th>
					<th scope="col" data-key="t-printers-name">Nombre</th>
				</tr>
				<!-- fila de inputs -->
				<tr class="filters">
					<th></th> 
					<th>
						<input type="text" title="name-filter" class="form-control form-control-sm" />
					</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>

	</div>

	<th:block layout:fragment="pagejs">

		<script src="https://code.jquery.com/jquery-3.6.0.min.js"
			integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

		<!--datatable js-->
		<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
		<script src="https://cdn.datatables.net/1.11.5/js/dataTables.bootstrap5.min.js"></script>
		<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
		<script src="https://cdn.datatables.net/buttons/2.2.2/js/dataTables.buttons.min.js"></script>
		<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.print.min.js"></script>
		<script src="https://cdn.datatables.net/buttons/2.2.2/js/buttons.html5.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

		<script th:src="@{/assets/js/pages/printhub/configuration/printerList.js}"></script>
	</th:block>
</body>

</html>