	<!doctype html>
	<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
		<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
		<title>DweebUI - Settings</title>
		<!-- CSS files -->
		<link href="/css/tabler.min.css" rel="stylesheet"/>
		<link href="/css/demo.min.css" rel="stylesheet"/>
		<style>
			@import url('/fonts/inter.css');
			:root {
			  --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
			}
			body {
			  font-feature-settings: "cv03", "cv04", "cv11";
			}
		  </style>
	</head>
	<body >
		<div class="page">
		<!-- Navbar -->
		<%- include('partials/navbar.html') %>
		<div class="page-wrapper">
			<!-- Page header -->
			<div class="page-header d-print-none">
			<div class="container-xl">
				<div class="row g-2 align-items-center">
				<div class="col">
					<h2 class="page-title">
					Settings
					</h2>
				</div>
				</div>
			</div>
			</div>
			<!-- Page body -->
			<div class="page-body">
				<div class="container-xl">
				  <div class="card">
					<div class="row g-0">
						<%- include('partials/sidebar.html') %>
					  	<div class="col d-flex flex-column">
					  
							<div class="card-body">
							<h2 class="mb-2">Settings</h2>
							<p class="text-muted mb-4">Configure server below</p>
							
							<div class="row align-items-center">
								<div class="col">
								<!-- <a href="./QuickConnect.bat" class="btn" download="QuickConnect.bat">
									<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-windows" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <path d="M17.8 20l-12 -1.5c-1 -.1 -1.8 -.9 -1.8 -1.9v-9.2c0 -1 .8 -1.8 1.8 -1.9l12 -1.5c1.2 -.1 2.2 .8 2.2 1.9v12.1c0 1.2 -1.1 2.1 -2.2 1.9z"></path> <path d="M12 5l0 14"></path> <path d="M4 12l16 0"></path> </svg>
									Windows QuickConnect
								</a> -->
								</div>
							</div>
							
							<div class="row mt-4">
								<div class="col-md">
								<div class="form-label">Full Name</div>
								<input type="text" class="form-control" value="" readonly="">
								</div>
								<div class="col-md">
								<div class="form-label">First Name</div>
								<input type="text" class="form-control" value="" readonly="">
								</div>
								<div class="col-md">
								<div class="form-label">Last Name</div>
								<input type="text" class="form-control" value="" readonly="">
								</div>
							</div>
							<h3 class="card-title mt-4">Email</h3>
							<p class="card-subtitle">This contact will be shown to others publicly, so choose it carefully.</p>
							<div>
								<div class="row g-2">
								<div class="col-auto">
									<input type="text" class="form-control w-auto" value="" readonly="">
								</div>
								<div class="col-auto">
									<a href="#" class="btn">Change</a>
								</div>
								</div>
							</div>
							<h3 class="card-title mt-4">Password</h3>
							<p class="card-subtitle">You can set a permanent password if you don't want to use temporary login codes.</p>
							<div>
								<a href="#" class="btn">
								Set new password
								</a>
							</div>
							<h3 class="card-title mt-4">Public profile</h3>
							<p class="card-subtitle">Making your profile public means that anyone on the Dashkit network will be able to find
							you.</p>
							<div>
								<label class="form-check form-switch form-switch-lg">
								<input class="form-check-input" type="checkbox" >
								<span class="form-check-label form-check-label-on">You're currently visible</span>
								<span class="form-check-label form-check-label-off">You're
								currently invisible</span>
								</label>
							</div>
							</div>
	  
					  	</div>
					  
					</div>
				  </div>
				</div>
			  </div>

			<%- include('partials/footer.html') %>
		</div>
		</div>
		<!-- Libs JS -->
		<!-- Tabler Core -->
		<script src="/js/tabler.min.js" defer></script>
		<script src="/js/demo.min.js" defer></script>
	</body>
	</html>