<html th:lang="${#locale.language}" data-layout="semibox" data-sidebar-visibility="show" data-topbar="light" data-sidebar="light"
	data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" xmlns="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>

	<style>
		html[data-i18n-loading] {
			opacity: 0;
		}
	</style>
	

	<script>
		document.documentElement.setAttribute('data-i18n-loading', '');
	</script>

	<th:block layout:fragment="pagetitle" />
	<!-- Page CSS -->
	<div th:replace="~{printhub/partials/head-css :: head-css}"></div>

	<th:block layout:fragment="pagecss" />

</head>

<body data-sidebar="dark" data-layout-mode="light">
	<div id="layout-wrapper">
		<div th:replace="~{printhub/partials/topbar :: topbar}"></div>

		<div th:replace="~{printhub/partials/sidebar :: sidebar}"></div>

		<div class="main-content">
			<div class="page-content">
				<div class="container-fluid">

					<section layout:fragment="content" th:remove="tag">

					</section>
				</div>
			</div>
			<div th:replace="~{printhub/partials/footer :: footer}"></div>
		</div>
	</div>

	<th:block layout:fragment="modal" />

	<div th:replace="~{theme/partials/vendor-scripts :: scripts}"></div>

	<th:block layout:fragment="pagejs" />
	<!-- App js -->
	<script th:src="@{/assets/js/app.js}"></script>
</body>

</html>