commit for publication

templates/operating_system_setup.html

@@ -0,0 +1,51 @@
+{% extends "base.html" %}
+{% block title %}Operating System Setup - Autotest{% endblock %}
+
+{% block body %}
+<div class="setup-container" style="display: flex; gap: 0px; align-items: flex-start; margin-left: 100px;">
+	
+	<div class="forms-column" style="flex: 1; min-width: 300px;">
+		
+		<section class="setup-section" style="margin-bottom: 40px;">
+			<h2>Add Operating System</h2>
+			<form action="/operating-system-setup/add-os" method="POST" class="account-input">
+				<input type="text" name="os_name" placeholder="Operating System" required>
+				<button type="submit">Add OS</button>
+			</form>
+		</section>
+	</div>
+
+	<div class="table-column" style="flex: 2;">
+		<h2>Operating Systems</h2>
+		<table style="width: 100%; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; background-color: var(--bg-surface);">
+			<thead>
+				<tr style="background-color: var(--bg-active); border-bottom: 1px solid var(--border);">
+					<th style="padding: 12px; text-align: left;">Operating System</th>
+					<th style="padding: 12px; text-align: center; width: 1%; white-space: nowrap;">Delete</th>
+				</tr>
+			</thead>
+			<tbody>
+				{% for os in operating_systems %}
+				<tr style="border-bottom: 1px solid var(--border);">
+
+					<td style="padding: 12px; text-align: left; font-weight: 600; color: var(--text-muted);">
+						{{ os.os_name }}
+					</td>
+
+					<td>
+						<form action="/operating-system-setup/delete-os/{{ os.os_id }}" method="POST">
+							<button type="submit">X</button>
+						</form>
+					</td>
+
+				</tr>
+				{% else %}
+				<tr>
+					<td colspan="1" style="padding: 20px; text-align: center; color: var(--text-muted);">No products registered yet. Add one on the left.</td>
+				</tr>
+				{% endfor %}
+			</tbody>
+		</table>
+	</div>
+</div>
+{% endblock %}