<!-- filepath: /C:/Users/Owner/Downloads/Nethercap-Web/index.html -->
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>NETHERCAP - WEB FLASHER</title>
		<link href="output.css" rel="stylesheet" />
		<script
			type="module"
			src="https://unpkg.com/esp-web-tools@10/dist/web/install-button.js?module"
		></script>
	</head>
	<body
		class="bg-gray-100 text-gray-900 min-h-screen flex flex-col font-sans"
	>
		<main
			class="container mx-auto flex-1 flex flex-col justify-center items-center"
		>
			<h1 class="text-4xl font-bold text-center mb-8 font-mono">
				<span class="text-blue-500 block font-bold">NETHERCAP</span>
				<span class="text-gray-500 block text-2xl font-light"
					>WEB FLASHER</span
				>
			</h1>
			<div class="bg-white shadow-md rounded-2xl p-6 w-full max-w-lg">
				<div class="flex flex-col items-center space-y-4">
					<label
						for="bin-files"
						class="block mb-2 text-sm font-medium text-gray-900"
						>Select Firmware:</label
					>
					<select
						id="bin-files"
						class="block w-full p-2 mb-6 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500"
					></select>
					<esp-web-install-button
						class="mt-4"
					></esp-web-install-button>
				</div>
				<!-- Credits informations -->
				<div class="mt-8 text-center text-gray-500 text-sm font-light">
					<span>
						This tool is powered by
						<a
							href="https://esphome.github.io/esp-web-tools"
							class="text-blue-500 hover:underline font-semibold"
							target="_blank"
							rel="noopener noreferrer"
							>ESP Web Tools</a
						>
						and
						<a
							href="https://github.com/Cancro29/NETHERCAP"
							class="text-blue-500 hover:underline font-semibold"
							target="_blank"
							rel="noopener noreferrer"
							>Cancro29</a
						>.
					</span>
				</div>
			</div>
		</main>
		<footer
			class="container mx-auto p-4 text-center text-gray-500 text-sm font-semibold"
		>
			<p>
				Created by
				<a
					href="https://github.com/A3ST1CODE"
					class="text-blue-500 hover:underline"
					target="_blank"
					rel="noopener noreferrer"
					>A3ST1CODE</a
				>
			</p>
		</footer>
		<script src="dist/bundle.js"></script>
	</body>
</html>
