package layout

templ CanvasLayout(title string, css templ.Component, js templ.Component) {
	<!DOCTYPE html>
	<!--
		Template Name: Metronic - Bootstrap 4 HTML, React, Angular 9 & VueJS Admin Dashboard Theme
		Author: KeenThemes
		Website: http://www.keenthemes.com/
		Contact: support@keenthemes.com
		Follow: www.twitter.com/keenthemes
		Dribbble: www.dribbble.com/keenthemes
		Like: www.facebook.com/keenthemes
		Purchase: https://1.envato.market/EA4JP
		Renew Support: https://1.envato.market/EA4JP
		License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
		-->
	<html lang="en">
		<!--begin::Head-->
		<head>
			<base href="/"/>
			<meta charset="utf-8"/>
			<title>Company Portal | { title }</title>
			<meta name="description" content="Company Portal"/>
			<meta
				name="viewport"
				content="width=device-width, initial-scale=1, shrink-to-fit=no"
			/>
			<!--begin::Fonts-->
			<link
				rel="stylesheet"
				href="assets/css/googlefont/poppins.css"
			/>
			<!--end::Fonts-->
			<!--begin::Page Custom Styles(used by this page)-->
			<link
				href="assets/css/pages/login/login-1.css"
				rel="stylesheet"
				type="text/css"
			/>
			<!--end::Page Custom Styles-->
			<!--begin::Global Theme Styles(used by all pages)-->
			<link
				href="assets/plugins/global/plugins.bundle.css"
				rel="stylesheet"
				type="text/css"
			/>
			<link
				href="assets/plugins/custom/prismjs/prismjs.bundle.css"
				rel="stylesheet"
				type="text/css"
			/>
			<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css"/>
			<!--end::Global Theme Styles-->
			<!--begin::Layout Themes(used by all pages)-->
			<link
				href="assets/css/themes/layout/header/base/light.css"
				rel="stylesheet"
				type="text/css"
			/>
			<link
				href="assets/css/themes/layout/header/menu/light.css"
				rel="stylesheet"
				type="text/css"
			/>
			<link
				href="assets/css/themes/layout/brand/dark.css"
				rel="stylesheet"
				type="text/css"
			/>
			<link
				href="assets/css/themes/layout/aside/dark.css"
				rel="stylesheet"
				type="text/css"
			/>
			<!--end::Layout Themes-->
			<link
				rel="shortcut icon"
				href="asset-corporate-portal/media/logo/logo-small.jpg"
			/>
			<!--end::Layout Themes SAS-->
			<link
				href="asset-corporate-portal/css/sas.bundle.css"
				rel="stylesheet"
				type="text/css"
			/>
			@css
		</head>
		<!--end::Head-->
		<!--begin::Body-->
		<body
			id="kt_body"
			class="header-fixed header-mobile-fixed subheader-enabled subheader-fixed subheader-mobile-fixed aside-enabled aside-fixed aside-minimize-hoverable page-loading"
		>
			<!--begin::Main-->
			{ children... }
			<!--end::Main-->
			<script src="asset-corporate-portal/js/ktappsetting.js"></script>
			<!-- iconify -->
			<script src="assets/js/iconify/iconify.min.js"></script>
			<!--end::Global Config-->
			<!--begin::Global Theme Bundle(used by all pages)-->
			<script src="assets/plugins/global/plugins.bundle.js"></script>
			<script src="assets/plugins/custom/prismjs/prismjs.bundle.js"></script>
			<script src="assets/js/scripts.bundle.js"></script>
			<!--end::Global Theme Bundle-->
			@js
			<!--end::Page Scripts-->
		</body>
		<!--end::Body-->
	</html>
}
