<!Doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>A3SEC</title>
		<link rel="stylesheet" type="text/css" href="style.css" />
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap">
	</head>
	<body>
		<div class="content">
			<h1 class="title">A3SEC</h1>
			<p style="text-align: center">
				<span>
                    This project is a proof of concept for testing and educational purposes.
                </span>
			</p>
			<hr />
			<br />
            <h1>Settings</h1>
            <div>
                <button id="settingsButton" onclick="window.location.href = '/settings'">Settings</button>
                <button id="fileManagerButton" onclick="window.location.href = '/dir'">File Manager</button>
            </div>
            <hr />
			<br />
			<h1>Actions</h1>
			<div>
				<button id="deauthButton" onclick="toggleDeauth()">
					Start Deauth
				</button>
                <button id="evilTwinButton" onclick="startEvilTwin()">
                    Start Evil Twin
                </button>
                <button id="rogueAPButton" onclick="startRogueAP()">
                    Start Rogue AP
                </button>
                <button class="rig" onclick="showToast('Beaconing...')">
                    Beacon
                </button>
			</div>
            <hr />
			<br />
			<h1 id="targetCount">Targets: 0 of 0</h1>
			<div>
				<button id="scanButton" onclick="drawScan()">Scan</button>
                <button id="clearSelection" onclick="clearSelect()">Clear</button>
			</div>
			<hr />
			<br />
			<table id="apTable"></table>
			<footer>
				<div class="footer-content">
					<div>
						&copy; 2024
						<a href="https://github.com/A3ST1CODE" target="_blank"
							>A3ST1CODE</a
						>
					</div>
					<div>Version: 1.0.0</div>
				</div>
			</footer>
		</div>
		<div id="toast"></div>
		<div id="spinner-container">
			<div class="spinner"></div>
		</div>
	</body>
</html>
